随着技术的发展，现在的网站视频，特别是那些长视频网站，都采用了一系列的优化手段去实现视频的稳定播放和视频的快速播放，即使是在拖拽快进的情况下也可以实现近乎秒播，本文将进行深入分析相关原理与实践

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们要抽取这个视频在这些时间节点

由于h5项目中使用到了文件上传的功能，这里来写一下 html5的一个属性 capture 的使用。 直接使用 type= "file" 加上 accept="image/*"就会默认调起系统的图片文件。 The HTML Media Capture specification …

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

自定义编译ffmpeg，优化wasm文件大小，编译出不带`sharedarraybuffer`的ffmpeg.wasm+js，最后使用web worker运行截帧相关的业务代码，以防阻塞主线程。

背景 2017.7月（Chrome 60）引入 SharedArrayBuffer。 2021.7月（Chrome 92）限制 SharedArrayBuffer只能在 cross-origin is

本文利用 ffmpeg 播放本地视频, 记录下 @ffmpeg/ffmpeg 这个第三方库的基本用法