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

Javascript 对大型视频文件进行分块并附加到BLOB以进行连续播放,javascript,video-streaming,html5-video,blob,playback,Javascript,Video Streaming,Html5 Video,Blob,Playback,我尝试了MediaSource API,但由于最新浏览器不支持MediaSource API中的某些功能,例如webkitMediaSourceURL,因此无法正常工作 我正在寻找开源的javascript 我尝试了另一个例子,但无缝播放有一个问题,两个块之间的差距是显而易见的 var player = document.querySelector('video'); getBlob('webm-chunk1') .then(function (chunk1) { var url =

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

我正在寻找开源的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();
  }
});