本文将介绍如何用 ffmpeg + canvas 写一个在线可视化音视频编辑工具: 如何用 canvas 实现一个视频轨道; 如何结合轨道、播放器和 ffmpeg, 实现视频编辑可视化；

保存视频的每一帧，每一个像素没要必要，而且也是不现实的，因为这个数据量太大了，以至于没办法存储和传输，比如说，一个视频大小是 1280×720 像素，一个像素占 12 个比特位，每秒 30 帧，那么一分钟这样的视频就要占 1280×720×12×30×60/8/1024/102…

21世纪以来，随着网络基础设施的不断完善，3G、4G、乃至现今5G网络的普及，互联网彻底改变了我们的生活。以前在家里看一部电影需要买DVD和播放机，现在直接打开浏览器，进各大视频网站就可以看了，而且有非常丰富的视频资源供你选择。与此同时也涌现了许许多多的应用场景：远程会议、远程…

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

本文作者是蚂蚁集团前端工程师维骏，介绍了语雀在做桌面端时的一些技术架构思考和实践，同时分享沉淀的一些通用桌面应用解决方案和经验，欢迎一起交流～