媒体源扩展 (MSE)
MSE 相关快速教程
- 在页面的 HTML 部分中定义 HTML5 video 元素。
- 使用 JavaScript 创建 MediaSource 对象。
- 使用 createObjectURL 创建虚拟 URL，并将 MediaSource 对象作为源。
- 将虚拟 URL 分配到视频元素的 src 属性。
- 使用 addSourceBuffer 创建 SourceBuffer，包含你添加的 MIME 类型的视频。
- 从媒体文件联机获取视频初始化分段，并使用 appendBuffer 将其添加到 SourceBuffer 中。
- 从媒体文件获取视频数据的分段(前端解析mpd？？？)，并使用 appendBuffer 将其附加到 SourceBuffer 中。
- 在 video 元素上调用 play 方法。
- 重复步骤 7 直到完成。
- 清除。
可以任意添加内容到视频中
youtub 直播猜测：
- 后台生成 DASH-MPEG 的切片
- 前端利用 MSE 播放