← 返回 Demo 列表

WebCodecs Demo

使用 WebCodecs API 手动解码视频的实现。通过 mp4box.js 解封装 MP4 容器,提取 H.264 码流交给 VideoDecoder 解码,
并实现帧级时间戳管理、暂停/恢复、变速播放等精准播放控制。
本 Demo 同时支持使用 Canvas + VideoEncoder 生成测试帧,验证完整的编解码管道。

WebCodecs API 视频解码器 视频编码器
提示:
  • 加载 MP4 文件:选择本地 MP4 文件进行播放(支持 H.264 编码)
  • 播放测试视频:使用 VideoEncoder 生成测试帧,验证 WebCodecs 编解码流程