用多个文件流保存 Blob？

Question

我有两个 Uint8Array。第一个包含视频，第二个包含音频数据。 现在，我使用 blob 保存它们。我很难找到关于如何将它们保存在一个文件中的任何解释。

有人可以提供代码示例吗？

谢谢

编辑：评论 Matt Ellens 请求我搬到这里以获得更好的可读性 不幸的是没有。我尝试自己组装一个函数。

var blob1 = new Blob([arrayConcat(video)], {
    type: 'application/octet-stream'
});
var blob2 = new Blob([arrayConcat(audio)], {
    type: 'application/octet-stream'
});
stream = new MediaStream();
stream.addTrack(arrayConcat(video));
stream.addTrack(arrayConcat(audio));
console.log(stream);

它总是说如果我想添加一个 Track，我需要一个 MediaStreamTrack。然后我搜索并找到了这个：Is there a way to create your own mediaStreamTrack using say, JSON objects?。 Tracks 似乎仅适用于网络摄像头和用户微，因为它们是由浏览器创建的。

Answer 1

我认为您可以像这样组合两个缓冲区（我将假设您的媒体的 mime 类型）：

let vidBlob = new Blob([videoData], {
    type: 'application/octet-stream'
});
let audBlob = new Blob([audioData], {
    type: 'application/octet-stream'
});

let medSrc = new MediaSource;

let audSrcBuf = medSrc.addSourceBuffer('audio/mpeg3');
audSrcBuf.addEventListener('updateend', function (_) 
{
  medSrc.endOfStream();

  let vidSrcBuf = medSrc.addSourceBuffer('video/mp4');
  vidSrcBuf.appendBuffer(vidBlob.arrayBuffer());

  vidSrcBuf.addEventListener('updateend', function (_) 
  {
    medSrc.endOfStream();

    let objURL = URL.createObjectURL(medSrc);

    // use the objURL to save the two streams.

  });
});



audSrcBuf.appendBuffer(audBlob.arrayBuffer());