js 录屏

 

如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

var body = document.body; // 双击页面触发的话，将“click”改为“dblclick” body.addEventListener("click",async function(){ var stream = await navigator.mediaDevices.getDisplayMedia({video: true});   var mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") ?"video/webm; codecs=vp9" :"video/webm"; var mediaRecorder = new MediaRecorder(stream, {mimeType: mime});   // 录制 var chunks = []; mediaRecorder.addEventListener('dataavailable', function(e) { chunks.push(e.data) })   // 停止 mediaRecorder.addEventListener('stop', function(){ var blob = new Blob(chunks, {type: chunks[0].type}); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = 'video.webm'; a.click(); }) //手动启动 mediaRecorder.start() });