7

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

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

URL.createObjectURL()是获取 blob url 的唯一方法,它接受FileBlobMediaSource对象。由于视频正在流式传输,因此必须不断添加新数据,而 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 回答