屏幕录制

屏幕录制使用说明

本工具使用浏览器原生的 getDisplayMedia 与 MediaRecorder 录屏，画面与声音全程留在本机内存，不会上传到任何服务器，录制完成后直接在浏览器里生成文件供下载。

操作步骤

1. 按需打开“采集麦克风”和“摄像头画中画”，选择帧率。

2. 点击“开始录制”，浏览器会弹出共享选择框，可选择整个屏幕、某个应用窗口或某个浏览器标签页。

3. 想录制标签页里的声音，请在共享选择框中勾选“分享标签页音频”或“分享系统音频”，这个开关由浏览器提供，工具无法代为勾选。

4. 录制过程中可暂停与继续，点击“停止并生成文件”后即可预览和下载。

运行环境要求

屏幕采集属于敏感权限，只在 https 站点或 http://localhost 下可用，通过 IP 明文访问会被浏览器直接拒绝。桌面版 Chrome、Edge、Firefox、Opera 支持良好，Safari 从 13 起部分支持； 绝大多数移动端浏览器（含 iOS Safari、微信内置浏览器）不提供屏幕采集能力，这类环境下工具会给出提示而不是崩溃。

关于声音

系统声音能否录到取决于操作系统与共享方式：Windows 下共享整个屏幕或标签页通常可以带声音； macOS 出于系统限制，共享整屏时一般拿不到系统声音，只能录到麦克风。同时开启麦克风与系统声音时，工具用 Web Audio 把两路声音混合成一路后写入文件。预览窗口刻意静音，避免麦克风采到扬声器声音造成啸叫。

关于输出格式

浏览器录制的原生格式是 WebM（VP9 或 VP8 视频加 Opus 音频），工具会自动挑选当前浏览器支持的编码组合。 WebM 可以直接用 Chrome、Edge、VLC、PotPlayer 播放，也能被剪映、Premiere 等主流剪辑软件导入。需要 MP4 时请用任意转换工具转封装，纯前端转码代价过高，此处不提供。

常见问题

点开始后没有弹窗：多为权限被永久拒绝，点击地址栏的权限图标重新允许，或检查系统层面的屏幕录制权限（macOS 需在“系统设置 - 隐私与安全性 - 屏幕录制”中授权浏览器）。

录制中途自动停止：说明你在浏览器底部的共享提示条上点了“停止共享”，工具会自动收尾并生成已录制的部分，内容不会丢失。

文件时长显示异常：部分播放器读取 WebM 流式文件的时长信息不完整，属于容器特性，画面内容是完整的，用支持的播放器或转封装后即可正常显示。

录制很久后文件很大：可以降低帧率，或分段录制。长时间录制请留意设备内存占用。

使用摄像头画中画的注意事项

开启画中画后，工具需要把屏幕画面与摄像头画面实时合成到一张画布上再编码，这个合成动作由本页面的定时器驱动。浏览器会限制后台标签页里定时器的执行频率，因此建议共享“整个屏幕”或“某个应用窗口”，并让本工具所在的标签页保持可见（例如放在另一台显示器或分屏的一侧）。如果共享的是另一个浏览器标签页而本页被切到后台，合成帧率可能下降。不开启画中画时，工具直接录制原始屏幕轨道，不受该限制影响。