为什么两个视频元素不能共享一个 blob url？

Question

我正在开发 Firefox 扩展程序，我希望能够加载我创建并插入页面的视频元素，并加载与在 Odysee 页面上播放的主视频相同的内容。 Odysee 页面中视频的 src url 是一个 Blob，类似于：blob:https://odysee.com/0f30d1d7-af80-9243-9ea1-52c5492ead50

我通过简单地尝试过：

myVideoPlayer.src = odyseeVideoPlayer.src;

但它不起作用，在我的播放器上出现“没有找到支持格式和 MIME 类型的视频”错误。

从我对使用 blob url 所做的研究中，我了解到 Blob 实际上只是一个对象，其中包含存储在浏览器内存中的视频（在本例中）的原始数据。 （对于 blob url 包含带有域的 http 协议这一事实，我有点困惑，但从我所阅读的内容来看，这并没有改变 blob 存储在本地的事实。）

我不明白为什么使用相同 src url 的两个视频元素不会同时播放该文件，因为似乎该 url 指向内存中的同一个 Blob。我已经搜索并阅读了许多关于将 blob 用于视频元素 src 的 SO 和 SE 问题，但没有人回答这个问题。

Answer 1

“对于 blob url 包含带有域的 HTTP 协议这一事实，我有点困惑，但根据研究，这并没有 改变 blob 存储在本地的事实"

关于上述问题...

我查看了这个video，其中包含一个视频 src 作为 blob url。

当您查看开发工具网络面板时，您会看到对 blob url 的响应不是二进制数据，而是 javascript。

这是一个自执行的 js 函数，看起来像，用来设置一个hls video stream。

当您点击播放按钮时，您还可以看到以下请求：

https://watchman.na-backend.odysee.com/reports/playback 

使用以下（示例）有效负载：

{
    device: "web"
    duration: 866
    player: "eu-p1"
    position: 1000
    protocol: "hls"
    rebuf_count: 0
    rebuf_duration: 0
    rel_position: 0
    url: "@LittleApostate#5/trust-the-experts,-even-though-the#1"
    user_id: "213731445"
}

这也表明视频是 hls 流。

您可以使用 videojs（一个 js 视频播放器）和 hls 看到相同的行为。

一个example page，其中代码未缩小。

Answer 2

...Odysee 页面中视频的 src url 是一个 Blob，类似于：
blob:https://odysee.com/0f30d1d7-af80-9243-9ea1-52c5492ead50

我已经尝试过这样做了：

myVideoPlayer.src = odyseeVideoPlayer.src;

但它不起作用，在我的播放器上出现“没有找到支持格式和 MIME 类型的视频”错误。

我发现的唯一有效的视频流链接位于页面的源代码本身（例如：不像blob强>对象）。 URL 位于"contentUrl" 部分。解决方案是读取该信息，然后用于视频元素的.src。

例如：https://odysee.com/@MovieGasm:d/the-vault-official-trailer-2-(2021):d

你可以看到...

"contentUrl": "https://odysee.com/$/stream/the-vault-official-trailer-2-(2021)/df2442ea839b5d0b98728a663a255121c92cd228

所以在视频元素“src”中使用该 contentURL 的代码...

//# using same url as "odyseeVideoPlayer.src;"...
myVideoPlayer.src = "https://odysee.com/$/stream/the-vault-official-trailer-2-(2021)/df2442ea839b5d0b98728a663a255121c92cd228";

PS：
正如您在源代码中看到的，他们将contentURL 放入<script type="application/ld+json"> 不幸的是，它没有元素 id，因此您无法使用 this method 或类似的 Answer on S.O 读取它。

解决方案：
如果您能找到访问该数据块的方法，请使用它，否则您必须将页面 URL 读入一些 String 变量并使用 String 函数来提取所需的文本。