How to Record video use getUserMedia and MediaRecorder API
example sample codes <div> <video id='camera'></video> </div> <script type='text/javascript'> var p = navigator.mediaDevices.getUserMedia({ audio: true, video: true }); p.then(function(mediaStream) { var video = document.querySelector('video'); video.src = window.URL.createObjectURL(mediaStream); video.onloadedmetadata = function() { video.muted = true; video.play(); } var mediaRecorder = new MediaRecorder(mediaStream); var chunks = []; mediaRecorder.ondataavailable = function(e) { chunks.push(e.data); } mediaRecorder.onstop = function() { var blob = new Blob(chunks, {'type' : 'video/webm'}); chunks = []; var hyperlink = document.createElement('a'); hyperlink.href = URL.createObjectURL(blob); video.src = hyperlink.href; video.muted = false; video.c