MediaRecorder - 如何在录制时播放视频块/ blob?

Ber*_*ard 6 video blob chunks mediarecorder mediastream

我目前有一个使用MediaRecorder录制的MediaStream.在recorder.stop()之后的录制结束时,它会产生一个Blob,我可以播放该视频.我的目标是在最后播放整个视频,但在录制时播放一大块.目前,在录制结束时无法播放块.

我怎么能用javascript做到这一点?最终目标是通过websocket发送一个块,即使录制正在进行中也可以播放.

我无法提供新的解决方案.任何人都可以帮助或至少向我解释这些事情吗?

我试过的是

                navigator.mediaDevices.getUserMedia().then(function(media_stream) {
                    var recorder = new MediaRecorder(media_stream);

                    recorder.ondataavailable = event => {
                        //How to play each chunk without waiting for recorder.stop() ???
                        //event.data represent the data of a chunk (i.e. a blob)
                    };

                    recorder.start(1000);
                });
Run Code Online (Sandbox Code Playgroud)

小智 -4

您必须使用 RequestData 才能触发 ondataavailable