背景 Web视频编辑器即基于浏览器的视频编辑工具，可以实现视频拼接、滤镜等功能点，一般包含视频导入、预览和导出功能。在众多编辑器中，绝大部分编辑器选择了服务端导出，因为服务端编解码能力更强，导出速度更

这篇文章主要记录了我探索纯前端实现实时的视频帧预览的过程，并且总结我是如何利用 WebAssembly，将 FFmpeg 的视频处理能力带到 Web 平台中的。 探索意味着前方都是未知的事物，希望这篇文章能够带着读者，一起回顾我探索的过程，同时学习遇到的种种未知的事物。现在开始…

在上一篇文章《前端视频帧提取 ffmepg + wasm》中，我们实现了通过 wasm 对视频帧进行提取的功能，并且对 ffmpeg 做了编译优化和 wasm 的加载优化。本篇继续进行深入研究和优化

网络开发已经大大提高了它的游戏水平！有了我们现在拥有的所有这些很酷的新网络玩具，让那些人瞠目结舌，“这是真的吗？” Web 上的 3D 时刻不再只是一个梦想。在3D Web 开发中掀起波澜的两项

LiveVideoStackCon 2022北京站邀请到了成锐林老师为我们分享他们团队是如何解答这一系列问题的。

1、视频和视频流 图片是由像素点组成的图像文件 视频是一系列连续播放的图片 视频流是一种视频数据传输方式 2、常识概念 分辨率：显示器所能显示的像素数量（分辨率越高，图片越清晰） 帧率：1s播放多少帧

最近开发了一款网页版的视频剪辑工具，交互异常复杂，肝了很多个日日夜夜！终于可以公测了，欢迎大家使用！下面是工具的介绍以及使用说明，除了强大还是强大，基础功能目前已经完善，接下来就是加入AI功能了

FFCreator是一个很棒的项目，用JS实现了视频的排版和烧制。 我们fork了FFCreator，并在此基础上进行了非常大的改动，实现了网页端的实时预览播放

现有的前端视频帧提取主要是基于 canvas + video 标签的方式，在用户本地选取视频文件后，将本地文件转为 ObjectUrl 后设置到 video 标签的 src 属性中，再通过 canvas 的 drawImage 接口提取出当前时刻的视频帧。 受限于浏览器支持的视…