StreamMediareCorder-创建并播放带有所有保存零件的斑点文件

Question

我有一个带有 puse> puse 函数的视频记录器应用程序。每当用户暂停录制时，都应保存一个新的斑点切片，并在末尾保存一个大斑点文件。

let chunks = [];
let player = document.getElementById('player');
recorder.ondataavailable = (event) => chunks.push(event.data);
recoder.onstop = (event) => {
    var blob = new Blob([chunks], { type: 'octet/stream' });
    player.src = URL.createObjectURL(blob);
}

但是，保存每个斑点文件只是在播放最后一件，而不是整个文件。创建斑点变量后，大小等于所有斑点块的总和，但是在播放时，只有最后一块正在播放。

有人知道如何解决吗？谢谢你们！

Answer 1

使用MediaRecorder记录的媒体资源的连接记录并不是一项琐碎的任务。

@kaiido发布的链接应使用MediaRecorder()，AudioContext()和HTMLCanvasElement.captureStream()的.pause()和.resume()提供解决方案。

为了充分意识到要求，您可以使用ts-ebml将使用MediaRecorder创建的媒体文件设置为元数据。

可以将MediaRecorder和MediaSource与ts-ebml一起使用到JavaScript中，以在浏览器中使用，以实现OP上所述的需求，请参阅https://github.com/guest271314/recordmediafragment/blob/master/master/demos/demos/demmasth/demmed/recordmediafragments.htmmediafragments.htmmmlmllmmediafragments.htmmlml lage。

全面披露，是https://github.com/guest271314/recordmediafragments的作者。