js 屏幕录制

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

无情编码工具人

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

阅读量224

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_25438391/article/details/132966106

版权



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()
    });