MultiStreamRecorder.js & MediaStreamRecorder

HOME © Muaz Khan . @WebRTCWeb . Github . Latest issues . What's New?

Recording multiple videos in single WebM using MediaStreamRecorder
ms

How to use?

// cdn.webrtc-experiment.com/MediaStreamRecorder.js
var mediaConstraints = {
    audio: true,
    video: true
};

navigator.getUserMedia(mediaConstraints, onMediaSuccess, onMediaError);

function onMediaSuccess(stream) {
	var arrayOfStreams = [stream, stream, stream, stream];
    var multiStreamRecorder = new MultiStreamRecorder(arrayOfStreams);
    multiStreamRecorder.ondataavailable = function(blob) {
        // POST/PUT "Blob" using FormData/XHR2
        var blobURL = URL.createObjectURL(blob);
        document.write('<a href="' + blobURL + '">' + blobURL + '</a>');
    };
    multiStreamRecorder.start(3000);
}

function onMediaError(e) {
    console.error('media error', e);
}

Latest Issues

Latest Updates