20行代码,实现屏幕录像 展示一个技巧,可以给任何网站、网页实现屏幕录像功能。
这段 代码 控制台运行之后会出现 “undefined” 然后双击 要录制 的屏幕就可以了
var body = document.body;
body.addEventListener('dblclick', 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();
});