如何使用html/javascript流式传输mkv文件？

<video id="videoPlayer" width="640" height="480" controls></video>

const url = 'path/to/your/mkv/file.mkv';
const xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'arraybuffer';

xhr.onload = function() {
  if (xhr.status === 200) {
    const videoData = xhr.response;
    // 处理视频数据
    playVideo(videoData);
  }
};

xhr.send();

function playVideo(videoData) {
  const videoPlayer = document.getElementById('videoPlayer');
  const mediaSource = new MediaSource();
  videoPlayer.src = URL.createObjectURL(mediaSource);

  mediaSource.addEventListener('sourceopen', function() {
    const sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vp9"');
    appendDataToBuffer(sourceBuffer, videoData);
  });
}

function appendDataToBuffer(sourceBuffer, videoData) {
  const chunkSize = 1024 * 1024; // 每个数据块的大小，可以根据需求调整
  let offset = 0;

  function appendNextChunk() {
    const chunk = videoData.slice(offset, offset + chunkSize);
    offset += chunkSize;

    if (chunk.byteLength > 0) {
      sourceBuffer.appendBuffer(chunk);
    }

    if (offset < videoData.byteLength) {
      setTimeout(appendNextChunk, 100); // 延迟一段时间再添加下一个数据块
    }
  }

  appendNextChunk();
}