Web 音视频目录 为什么单独介绍音频处理? 网络上缺乏音频处理的资料，绝大多数示例都是针对视频而略过音频，很多人在网上寻找音频处理的示例 对前端开发者来说，音频处理相对视频略微复杂一些 所以，本文专门针对音频数据，汇总讲解采集-处理-编码-封装全过程，帮助初学者入门。 ![audio-data-flow](./audio ...

Web 音视频目录 音视频工作流程 在 WebCodecs 之前，由于编解码能力的缺失，几乎无法在纯浏览器中编辑、创建视频。 WebCodecs 补齐了编解码能力，相当于在浏览器中提供了视频创作能力。 预计 WebCodecs 将会像 HTML5 技术（Video、Audio、MSE...）一样 ...

Web 音视频目录 浏览器中已经能直接播放视频，为什么还需要手动写代码解析？ 因为，某些场景需要对视频进行更细致的处理，比如截取关键帧、提取视频中的文字、人物打码、极低延时播放视频等等。 总之，除了最单纯的视频播放外，对视频数据的一切处理都需要从解析开始。 _你可以跳过原理介绍，直接查看 [WebAV 解析 MP4 示例](#webav-视频解 ...

Web 音视频目录 阅读后续文章或开始使用 WebAV 处理音视频数据之前，需要一点点背景知识。 本篇主要简单介绍音视频最基础的知识，以及 WebCodecs 的核心 API。 视频结构 视频文件可以理解为容器包含了元数据和编码数据（压缩的音频或视频）； 不同的容器格式有各种区别，比如用不同方式组织管理元数据和编码数据。 ![视频结 ...

Web 音视频目录 WebCodecs API 已经发布一段时间（chrome 94），在浏览器中处理音视频文件或实时视频流已经可行。 计划开一个系列介绍 Web 音视频基础知识，及如何在浏览器中处理视频文件（或视频流）。 作者也是音视频领域的新手，本系列文章也算是个人的学习总结，若发现错误内容可在评论区留言 _本系列适合有一定经验的前端 ...