"WebCodecs 性能优化：硬件加速编解码与落地注意"

概述WebCodecs 直接暴露底层编解码器，绕过 <video>/<canvas> 的部分抽象，在支持的硬件上获得显著性能优势，适合实时通信、录制与转码等场景。解码/编码管线解码：`new VideoDecoder({ output(frame){...}, error(){...} })`；`decoder.decode(chunk)` 将 `EncodedVideoChunk` 输入，`output` 回调返回 `VideoFrame`［参考1,2］。编码：`new VideoEncoder({ output(chunk){...}, error(){...} })`；`encoder.encode(frame)` 将 `VideoFrame` 输入，输出 `EncodedVideoChunk`。设置 `codec`、`bitrate`、`framerate` 等参数。回压与队列：使用 `decoder.state`/`encoder.state` 与队列长度控制速率；处理背压避免内存增长。兼容与安全需 HTTPS；不同浏览器对编解码器支持不同（如 H.264/VP9/AV1）；需能力检测与回退至 MediaRecorder/WebRTC。注意释放 `VideoFrame.close()` 与资源管理；避免泄漏与过度复制。参考与验证［参考1］web.dev：WebCodecs 指南与示例（编码/解码/回压）：https://web.dev/articles/webcodecs［参考2］MDN 英文：WebCodecs API 概览与接口说明：https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API关键词校验关键词与 WebCodecs 编解码与性能一致。