在视频/音频元素中使用不完整的浏览器获取请求答案

【问题标题】：Use incomplete browser fetch request in video/audio element在视频/音频元素中使用不完整的浏览器获取请求
【发布时间】：2021-08-13 18:19:34
【问题描述】：

我有一些这样的代码：

fetch(audioSRC).then(response => {
  return new Response( new ReadableStream({
    start(controller) {
      const reader = response.body.getReader();
      read(); function read() {
        reader.read().then(({done, value}) => {
          if (done) {
            controller.close();
           return;
          }
          read();
         })
       }
     }
   })
  );
 }).then(response => response.blob()).then(blob => {
   let vid = URL.createObjectURL(blob);
      player.src = vid;
    })

我想知道是否可以在此流不完整时获取它，并在下载完成之前播放视频/音频元素中下载的内容？如果有一种方法可以顺利完成，那就太好了，这样用户就不必等到它完全下载了。

【问题讨论】：

标签： javascript browser stream fetch

【解决方案1】：

它适用于https://developer.mozilla.org/en-US/docs/Web/API/MediaSource 经过几个小时的试验，找到了一个半途而废的解决方案：https://stackoverflow.com/a/68778572/11979842

【讨论】：