javascript找不到blob

Question

所以我知道 blob 仅在创建它们的选项卡中可用，但不知何故我收到一条错误消息，指出找不到 blob。我在哪里尝试都没关系。

例如 YouTube 视频是 blob，我可以使用它获取它的对象 URL

document.getElementsByTagName('video')[0].currentSrc /// => 'blob:http://youtube.com/asddasd-asdasd-asdasd-asddsa'

现在，如果我尝试获取 blob

fetch(url)

我收到一个找不到 blob 的错误。

Answer 1

Youtube 视频 blobURI 不是指向 Blob，而是指向 MediaSources。

Blob 不是我们可以使用 URL.createObjectURL() 方法指向的唯一对象，我们过去也可以传递 MediaStreams，更重要的是，我们仍然可以传递 MediaSource 对象。

const source = new MediaSource();
const url = URL.createObjectURL( source ); // this doesn't throw
console.log( url ); // that's a valid blob URI

fetch( url ).catch( console.error ); // nothing to fetch there

YouTube 确实以 ArrayBuffers 的形式获取数据，然后使用该数据填充 MediaSource。

本机无法从 blobURI 中检索原始 MediaSource，即使 we can override URL.createObjectURL 将其取回，我们也无法检索传递给 MediaSource 的实际数据...

Answer 2

我认为您应该先使用标准 URL 获取，然后指示它应该被解释为 blob。

const url = "http://youtube.com/asddasd-asdasd-asdasd-asddsa"
fetch(url)
  .then(response => response.blob())
  .then(console.log)

但您在获取 youtube 时可能会遇到一些 CORS 问题！