纯 Web 视频剪辑

文章预览

前言 WebCodecs API 为 Web 平台提供了音视频编解码能力，使得在 Web 平台（网页、Electron）上实现高效、专业的视频剪辑成品成为可能。 读者可阅读笔者的入门系列文章（ https://hughfenghen.github.io/tag/WebAV/ ）获取更详细的信息，或使用 WebAV（ https://github.com/bilibili/WebAV ） 开源项目在浏览器中创建/编辑音视频文件。 背景 & 方案 为了解决主播投稿场景中，需要对直播视频进行简单编辑的诉求，我们需要开发一款轻量视频剪辑产品。让用户能在线上完成 直播 - 编辑 - 投稿 流程。 现有 Web 平台的剪辑产品实现方案有 云端：网页提供剪辑 UI，用户操作同步到云端进行剪辑 ffmpeg.wasm：将 ffmpeg 编译为 wasm，在网页中剪辑 WebCodecs：使用 WebCodecs API 编解码视频数据，配合 Web API 与第三方库实现剪辑 云端 ffmpeg.wasm Webcodecs 成本 差 优 优 生态 优 中 差 扩展性 中 差 优 ………………………………