WebRTC Gif Recording using MediaStreamRecorder
HOME © Muaz Khan . @WebRTCWeb . Github . Latest issues . What's New?
// cdn.webrtc-experiment.com/MediaStreamRecorder.js // cdn.webrtc-experiment.com/gif-recorder.js var mediaConstraints = { video: true }; navigator.getUserMedia(mediaConstraints, onMediaSuccess, onMediaError); function onMediaSuccess(stream) { var mediaRecorder = new MediaStreamRecorder(stream); mediaRecorder.mimeType = 'image/gif'; mediaRecorder.ondataavailable = function (blob) { // POST/PUT "Blob" using FormData/XHR2 var blobURL = URL.createObjectURL(blob); document.write('' + blobURL + ''); }; mediaRecorder.start(3000); } function onMediaError(e) { console.error('media error', e); }MediaStreamRecorder Demos