js10行代码实现屏幕录制

1
2
3
4
5
6
7
8
9
10
11
12
13
14
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()
});

  

posted @   银河游鱼  阅读(66)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示