mux.js 完全指南：轻量级视频容器处理工具入门
mux.js 是一款轻量级视频容器处理工具，专为视频开发者设计，能够高效地解析和操作多种视频容器格式，如 MPEG-2 TS 和 FLV，将其转换为适合流媒体播放的碎片化 MP4（fMP4）格式。无论是构建自定义视频播放器还是处理视频流，mux.js 都能提供简洁而强大的解决方案。
为什么选择 mux.js？
在现代视频开发中，处理不同容器格式的视频流是常见需求。mux.js 作为一款专注于视频容器处理的工具，具有以下核心优势：
- 轻量级设计：无需依赖庞大的多媒体框架，核心功能聚焦于容器格式转换与解析
- 高效性能：优化的流处理管道，适合实时视频应用场景
- 丰富功能：支持 MPEG-2 TS 到 fMP4 的转码、MP4 结构分析、字幕解析等关键功能
- 活跃维护：稳定的版本迭代和社区支持，确保长期可用性
快速安装指南
1. 使用 NPM 安装（推荐）
npm install --save mux.js
2. 手动构建
git clone https://github.com/video-dev/mux.js
cd mux.js
npm run build
构建完成后，可在项目目录中找到编译后的文件，直接引入到您的项目中使用。
核心功能解析
mux.js 提供了多个功能模块，覆盖视频容器处理的主要环节：
视频容器转码
mux.js 的核心功能是将 MPEG-2 TS 流转换为碎片化 MP4（fMP4）格式，这是 HTML5 视频播放的理想格式。转码过程通过 muxjs.mp4.Transmuxer 实现，能够处理音频、视频和字幕流的同步与重组。
MP4 解析与生成
- MP4 Probe：解析 MP4 文件元数据，如时间尺度、媒体解码时间等
- MP4 Generator：生成符合 MSE（Media Source Extensions）标准的 fMP4 片段
- MP4 Inspector：调试工具，可将 MP4 结构解析为 JavaScript 对象
字幕处理
mux.js 能够从视频流中提取 CEA-608 字幕数据，并转换为 WebVTT 格式，方便在网页视频播放器中显示。相关实现位于 muxjs.mp4.CaptionParser 模块。
mux.js 工作流程
mux.js 的转码流程采用流式处理架构，将输入的视频流经过多个处理阶段转换为目标格式。以下是 MPEG-2 TS 到 fMP4 的转码流程示意图：
流程主要包含以下阶段：
- 传输流解析：解析 MPEG-2 TS 包，提取 elementary 流
- 流处理：分别处理音频（AAC）、视频（H.264）和字幕流
- 片段构建：将处理后的流重组为 fMP4 片段
- 数据输出：生成可用于 MSE 的视频数据
基础使用示例
基本转码示例
以下是使用 mux.js 将 MPEG-2 TS 转换为 fMP4 的基础示例：
// 创建转码器实例
const transmuxer = muxjs..();
transmuxer.(, {
.(, segment);
data = (segment.. + segment..);
data.(segment., );
data.(segment., segment..);
sourceBuffer.(data);
});
transmuxer.(tsData);
transmuxer.();
