在前端执行FFmpeg? 听起来很酷吧, 基于Webassembly技术，将FFmpeg编译成wasm就能在前端运行, 各种视频合成，分割，转码之类之前只能交给户端的任务还不是手到拈来？

楔子 GIF 承载着微信各种沙雕表情包，看到了可能乐呵一下，但工作上碰到 GIF 资源处理却是一个很棘手的问题。相较于半只腿已经迈进坟墓的 GIF 图片，视频是一个很好的替代载体，对比 GIF 图片有

MediaStream API 是连接 WebRTC API 和底层物理流的中间层，webRTC将音视频经过Vocie / Video engine进行处理后，再通过MediaStream API给暴露给上层使用。 一个 MediaStream对象包含零个或更多的 MediaS…

这里我们的核心目标是动画的背景可替换，比如说，这里的视频可以有背景色，像以下的图。 接下来我们先对方案进行对比。 选用webgl的话，目前已经有很多很成熟且大型的库可供使用比如pixijs lottie，这些库动画效果酷炫，体积偏大，比如pixijs的cdn版本有80k，lot…

WebRTC 互动时，需要一个音量仪表盘来表示麦克风正在正常工作。React 使用 AudioWorklet 获取麦克风音量代码已经放到 github 上，有需要的可以参考。

在刚开始编写好测试的过程中，发现只要交互操作足够快，Chrome (版本:97)浏览器经常莫名其妙的崩溃（从来没有见过的现象），老版本Chrome80也会崩溃

主要内容： 介绍了浏览器的API —— audioContext，六个demo由简至繁展示方法的使用

如果想在剪辑视频或调色时更加高效，或者，想导出体积小并且质量高的视频，就得先搞清视频编码与视频封装的概念。先给出建议，如果不是很清楚的话，请参阅后面的内容。（1）采用帧内压缩的视频编码格式。（2）如果采用上述的的视频编码格式，默认会被封装为MOV文件格式。（1）采用帧间压缩的视频...

在网页中播放视频，可以通过几种方式实现: 通过video标播放视频 通过webassembly对视频数据解码，然后渲染到canvas上面 WebCodec 这次主要介绍一下WebCodec，需要Chr