在线录屏

录个操作演示、报障复现视频或线上会议片段，传统做法是装 OBS、录屏软件或投屏到手机再录。现代浏览器已内置屏幕捕获能力（getDisplayMedia）与媒体录制能力（MediaRecorder），本页把两者串起来：点一下开始，选屏幕/窗口/标签页，录完直接下载 webm 视频，零安装。

录制流程与技术方案

点击开始后浏览器弹出共享选择器，你决定录制整块屏幕、某个应用窗口还是某个标签页；视频轨固定请求 30fps。若在共享弹窗勾选了音频，会拿到系统/标签页声音轨；再勾选「麦克风人声」时，工具用 AudioContext 把系统声音与人声合并成一条混音轨。画面与混音交给 MediaRecorder 按 VP9+Opus 编码（浏览器不支持时自动降级 VP8），停止后打包为 .webm 供回放与下载。

隐私与安全边界

• 画面与声音数据只存在于你的浏览器内存中，页面没有任何上传逻辑
• 每次开始录制都需要你手动确认共享对象，浏览器地址栏会持续显示共享状态
• 关闭页面或点击结束共享，录制立即停止

常见问题

• 为什么没有系统声音？共享弹窗里要勾选「分享音频」（Chrome 在 Windows 支持系统声音、macOS 支持标签页声音）；Firefox 基本不支持系统音频，这是浏览器能力差异。
• 下载的是什么格式？WebM（VP9 或 VP8 视频 + Opus 音频），Chrome、Edge、VLC、剪映等均支持；如需 MP4，可用格式转换工具二次处理。
• 手机上能用吗？iOS Safari 不提供 getDisplayMedia，无法录屏；安卓 Chrome 可用，可录屏幕或标签页。