javascript - 将大型视频文件分块并附加到 BLOB 以进行连续播放

Question

我尝试了 MediaSource API，但由于最新的浏览器不支持 MediaSource API 中的某些功能，例如 webkitMediaSourceURL，它无法正常工作。

https://wwwhtml5rockscom.readthedocs.io/en/latest/content/tutorials/streaming/multimedia/en/

我正在寻找一种开源的 javascript。

我尝试了另一个示例，但无缝播放存在问题，两个块之间的间隙很明显。

var player = document.querySelector('video');

getBlob('webm-chunk1')
.then(function (chunk1) {
  var url = URL.createObjectURL(chunk1); 
  player.src = url;
  player.play();

  return getBlob('webm-chunk2');
})
.then(function (chunk2) {
  var url = URL.createObjectURL(chunk2); 

  player.addEventListener('ended', handler, false);

  function handler() {
    player.removeEventListener('ended', handler);

    player.src = url;
    player.load();
    player.play();
  }
});

标签： javascriptvideo-streaminghtml5-videoblobplayback