纯JS代码录制网页中的视频（可多线操作）

用以下方法录制网页视频，可以切换其他页面，或者 做其他事情，只要不关闭网页即可。不像录屏工具，必须等待录制完 才能操作其他。

首先，在谷歌浏览器，打开控制台（快捷键F12），然后输入以下代码（注意，第1步要根据实际情况而定，需有一点前端代码基础）。

// 获取video标签元素（这里假设页面只有1个video标签，如有多个video则自行指定）
const video = document.querySelector("video");// 用 MediaRecorder 录制 <video> 播放的内容
const stream = video.captureStream();
const recorder = new MediaRecorder(stream);let chunks = [];
recorder.ondataavailable = e => {if (e.data.size > 0) {chunks.push(e.data);}
};recorder.onstop = () => {const blob = new Blob(chunks, { type: "video/mp4" });const url = URL.createObjectURL(blob);const a = document.createElement("a");a.href = url;a.download = "recorded.mp4";document.body.appendChild(a);a.click();URL.revokeObjectURL(url);a.remove();
};// 开始录制
recorder.start();// 这里假设 视频只有6秒
setTimeout(() => recorder.stop(), 6000);