纯 Web 视频剪辑

前言

WebCodecs API 为 Web 平台提供了音视频编解码能力，使得在 Web 平台（网页、Electron）上实现高效、专业的视频剪辑成品成为可能。

读者可阅读笔者的入门系列文章（https://hughfenghen.github.io/tag/WebAV/）获取更详细的信息，或使用 WebAV（https://github.com/bilibili/WebAV） 开源项目在浏览器中创建/编辑音视频文件。

背景 & 方案

为了解决主播投稿场景中，需要对直播视频进行简单编辑的诉求，我们需要开发一款轻量视频剪辑产品。让用户能在线上完成 直播 - 编辑 - 投稿 流程。

现有 Web 平台的剪辑产品实现方案有

1. 云端：网页提供剪辑 UI，用户操作同步到云端进行剪辑

2. ffmpeg.wasm：将 ffmpeg 编译为 wasm，在网页中剪辑

3. WebCodecs：使用 WebCodecs API 编解码视频数据，配合 Web API 与第三方库实现剪辑

	云端	ffmpeg.wasm	Webcodecs
成本	差	优	优
生态	优	中	差
扩展性	中	差	优
兼容性