7

许多视频流网站，例如 youtube，似乎都有一个 blob url 作为他们的视频源。搜索，我无法弄清楚这是如何工作的。例如...

<video src="blob:https://www.youtube.com/ea375257-e9a8-4c3f-9cef-d8cf0f3ae53f"></video>

URL.createObjectURL()是获取 blob url 的唯一方法，它接受File、Blob或MediaSource对象。由于视频正在流式传输，因此必须不断添加新数据，而 File 和 Blob 似乎没有该选项，而 MediaSource 有，但在 developer.mozilla.org 上被标记为实验性功能......

我的问题是这个通过 blob url 流式传输视频的过程是如何工作的？

4

1 回答 1

9

我发现这篇文章解释了这个过程......

关于网络流媒体的中篇文章

这是答案，但如果您想更深入地阅读这篇文章。

具有可变比特率或仅流式视频需要不断添加新的视频数据，这确实排除了不具有该功能的文件或 Blob 对象。MediaSource，由于某种原因在 developer.mozilla.org 上被标记为实验性的，实际上是视频流服务在这种情况下使用的技术。URL.createObjectURL()仅用于获取指向 MediaSource 对象的 blob url。

然后Source Buffers用于向 MediaSource 提供数据。可以使用多个缓冲区来存储诸如单独的音频和视频之类的东西。重要的是 SourceBuffer 对象包括附加新数据的函数，称为媒体段。这个关键部分允许部分加载视频并将片段附加到视频数据中。对于可变比特率（多种分辨率）或多种语言之类的事情，只需选择和加载某个分辨率/剪辑/音频并将其附加到视频数据中即可。

于 2020-06-07T10:37:00.583 回答