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

什么是Flv.js Flv.js 是一个用于播放 FLV 格式视频的 JavaScript 库（由国人开发）。 FLV 是一种流媒体格式，常用于网络视频播放。Flv.js 可以让你在不需要 Flash

本系列文章是对音视频技术入门知识的整理和复习,为进一步深入系统研究音视频技术巩固基础,让技术落地，让知识赋能生活，让科技造福千万灯火

过去的一年，个人经历了很多事情，导致整个博客更新停滞了一年，今年，博客重新起航，并且重点将是音视频开发相关的系统博客系列，个人尽力将自己学习的知识以及学习过程的感悟和理解写在博客系列中。

笔者2020年立的其中一个flag就是深入学习音视频开发，本着边学边记录的理念，就写了这篇文章作为音视频记录专栏的开篇。

背景 在我们的业务产品中，存在大量的音视频素材，都存在二次创作及编辑的需求，而传统的本地编辑器复杂难用，且无法跨平台编辑；第三方云编辑也存在各种限制。而音视频创作作为5G时代的主流内容，我们也可以在这

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

距离我们发出第一篇音视频技术文章已经过去一年了，回顾这一年，我们发了几十篇文章，覆盖了音视频基础知识、工具使用、工程示例、实战经验等主题，这些文章基本上构成了入门音视频开发并做一些功能实现和指标优化工

最近几周接连做完了酷家乐大学的直播页面和视频播放页改版，过程中有一些探讨与思考值得记录一下，本文会介绍实现一个 Web 视频播放器的过程。 前方提示1：本文不会着重在 Web 视频播放器的实现细节上。 前方提示2：本文要讲的 Web 视频播放器，不涉及底层实现，或者是关于视频格…