javascript - 有没有办法附加到对象 URL 或以其他方式创建流作为 URL？

Question

关于 here on StackOverflow 进行了有趣的讨论，并且在某些方面这个问题是一个后续问题。我还问过similar question in the past ，但我觉得这是一个更普遍的关于对象 URL 的问题。

有很多次我想为 JS 中的图像或视频元素实现“.src”的流版本，也许来自字节流。不幸的是，我只看到两个更容易被 JS 控制的主要选项:

1. 创建 Blob，然后使用 URL.createObjectURL()。不幸的是，这似乎是静态的 - 但也许有办法改变内容？
2. 创建媒体源。但是，这仅适用于视频，并且比仅使用视频元素要挑剔得多，这确实是我需要的支持级别。

关于如何创建某种类型的流对象 URL 有什么想法吗？和/或如果没有，有人知道为什么 JS 很久很久以前没有实现这种类型的流吗？

Answer 1

There have been a number of times where I would like to implement a streaming version of a ".src" for image or video elements in JS, perhaps from a stream of bytes.

使用 Service Worker至respond with一个Response与 ReadableStream作为 body 。

but I feel this is more generally a question about object URLs.

对象 URL 实际上只代表不可变的 Blob。 MediaStream 对象 URL 是一种特殊情况，在这里并不真正适用，并且现在媒体元素存在一个已弃用的 API，如 srcObject。

Create a Blob and then use URL.createObjectURL(). Unfortunately, this seems to be static - but perhaps there is a way to mutate the contents?

不，Blob 是不可变的。

Create a MediaSource. However, this only works for video...

...或音频。