js实现浏览器录屏

最新推荐文章于 2024-07-06 16:42:05 发布

原创最新推荐文章于 2024-07-06 16:42:05 发布 · 447 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #开发语言

收录于

复制代码到浏览器控制台

var body = document.body;    
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()    });