webrtc capture 캔버스에서 스트림 및 비디오에서 오디오 캡처

입력 스트림 AudioTrack 및 Canvas 비디오 트랙으로 새 MediaStream을 만들어야합니다.
그런 다음 새 스트림을 녹음하면 레코더 출력 (blobs)에 오디오와 비디오가 모두 포함됩니다.

var options = {mimeType: 'video/webm'};
var recordedBlobs = [];
var newStream = new MediaStream();
newStream.addTrack(inputStream.getAudioTracks()[0]);
newStream.addTrack(canvasStream.getVideoTracks()[0]);
mediaRecorder = new MediaRecorder(newStream, options);
mediaRecorder.ondataavailable = function (event) {
    if (event.data && event.data.size > 0) {
        recordedBlobs.push(event.data);
    }
}
mediaRecorder.start(1000);

내 데모를보십시오.