前言 之前使用过FFMpeg来做视频转GIF，但是FFMpeg的体积还是太大了，前端加载一般要10M左右。后面发现了 Webcodecs 这个新的 Web API ，它提供了解码视频的能力。所以就沿着

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …

`ScriptProcessorNode`已经被摒弃了， 此篇会探索一下如何使用`AudioWorkletNode`去实现功能

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

现在已经有很多 Web API 进行媒体操作： Media Stream API, Media Recording API, Media Source API、WebRTC API，但是没有提供一些底层 API 给到 Web 开发者进行帧操作或者对已经编码的视频进行解封装操作。…

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

此文算是对另一篇文章中，对视频进度高频控制的备选实现方案，感兴趣可以看看此文《苹果官网动效探索》，虽然最后没有采用这种方案来实现滚动控制视频进度，但是仍然想自己试试这种方案的实现，毕竟应用范围也挺广的

前言 想在网页中实现实时音频变声效果该如何实现呢，之前遇到这种处理音视频的需求，可能会想到需要借助C代码实现。但是现在随着浏览器性能的提升、web API的丰富，通过浏览器原生的API也可以操作音频数

纯前端的方式实现视频混流，为网页开播提供基础，通过 canvas.captureStream 捕获视频流进行前端混流。