WebCodecs 视频编解码：VideoDecoder 与 VideoEncoder 管线

概述WebCodecs 提供直接访问编码与解码器的能力。`VideoDecoder` 输出 `VideoFrame`，`VideoEncoder` 接收帧并输出压缩块，适合播放器、特效与录制。用法/示例// 解码示意 const decoder = new VideoDecoder({ output: frame => { /* 渲染或处理 frame */ frame.close() }, error: e => console.error(e) }) decoder.configure({ codec: 'vp8', codedWidth: 640, codedHeight: 360 }) // feed chunks via decoder.decode(chunk) // 编码示意 const encoder = new VideoEncoder({ output: chunk => { /* 写入或传输 chunk */ }, error: e => console.error(e) }) encoder.configure({ codec: 'vp8', width: 640, height: 360, bitrate: 1_000_000, framerate: 30 }) // feed frames via encoder.encode(videoFrame) 工程建议控制帧生命周期，及时 `frame.close()`；限制并发与队列长度，避免内存峰值。选择合适编解码器与参数，校验支持矩阵；在不支持环境回退至 MSE/MediaRecorder。使用 Worker/OffscreenCanvas 进行帧处理，降低主线程压力。参考与验证MDN：WebCodecs — https://developer.mozilla.org/docs/Web/API/WebCodecs_APIweb.dev：WebCodecs — https://web.dev/articles/webcodecs