web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。WebCodecs于21年9月份推出，是用于在web页面上对音视频进行底层操纵（如编解码）的API。

目前web端的视频编辑器并不多，做的比较好的有剪映网页版cupcut（国外），clipchamp（国外），FlexClip（国内），无界云剪（video.h5ds.com）。所用到的技术栈各异，有前端

前景 视频剪辑出现那么久，但是关于web端相关的内容文章却少了可怜，本文目的是视频剪辑过程中，基于mp4格式的视频如何生成帧缩列图和渲染视频 缩列图生成 拿到一个mp4文件（有兴趣的可以了解下这篇文章

前段时间用了crunker库完成了合并音频需求，该库源码写的也非常清晰，主要是用Audio相关API完成的，简单易懂，本节就来介绍一下相关方法。

本文使用 Web Worker 和 SharedArrayBuffer 来并行实现视频实时滤镜效果。

WebCodec 获取视频帧，比ffmpeg.wasm速度快太多了。用来做视频转GIF的工具简直飞起。但是转换过程也有很多坎坷。

HTML 具体实现 初始化 获取具体帧画面 这个函数，能根据给定的视频文件和某一秒，生成那一秒的视频画面 时间也可以给个数组，最终返回对应的Blob和url对象 接下来需要实现genFrame函数 首

我们可以利用canvas来实现声乐波形图的绘制，主要涉及到音频上下文、音频源节点、音频分析器和canvas绘制等概念。

使用 Rust WebAssembly 来实现视频实时滤镜效果，包括直接传递 CanvasRenderingContext2d 对象以及共享内存两种方式