风痕_hughfenghen

为什么单独介绍音频处理? 因为网络上缺乏音频处理的资料，绝大多数示例都是针对视频而略过音频，很多人在网上寻找音频处理的示例 对前端开发者来说，音频处理相对视频略微复杂一些 所以

在 WebCodecs 之前，由于编解码能力的缺失，几乎无法在纯浏览器中编辑、创建视频。 WebCodecs 补齐了编解码能力，相当于在浏览器中提供了视频创作能力。

某些场景需要对视频进行更细致的处理，比如截取关键帧、提取视频中的文字、人物打码、极低延时播放视频等等。 总之，除了最单纯的视频播放外，对视频数据的一切处理都需要从解析开始

我们常听说 JS 是单线程模型，即所有代码都在主线程 中执行的。 如果某些任务计算量较大，将阻塞主线程，UI 界面轻则掉帧、重则卡死。 所以在计算量大的场景，JS 需要支持并发

阅读后续文章或开始使用 WebAV 处理音视频数据之前，需要一点点背景知识。 本篇主要简单介绍音视频最基础的知识，以及 WebCodecs 的核心 API。 视频结构 视频文件可以理解为容器

WebCodecs API 已经发布一段时间（chrome 94），在浏览器中处理音视频文件或实时视频流已经可行。 计划开一个系列介绍 Web 音视频基础知识，及如何在浏览器中处理视频文件

防档弹幕，即大量弹幕飘过，但不会遮挡视频画面中的人物，看起来像是从人物背后飘过去的。 本文介绍如何在浏览器中实现实时防挡弹幕。

20行核心（shader）代码实现实时绿幕抠图 背景 因为视频相关标准及浏览器的实现问题，很难在主流浏览器中顺利播放背景透明的视频。 有两种方法可以为最通用的视频格式（MP4,H264）实现透明效果