系统声音（电脑里放的音乐、会议声）只有部分浏览器支持，选中后弹窗里也要勾选「分享音频」。
点「开始录制」，选择要录的屏幕或窗口就行。
录制前先估一下文件会有多大（按视频码率估算，音频约占 128kbps）。
| 档位 | 视频码率 | 1 分钟约 | 5 分钟约 | 适合 |
|---|
录屏用的是浏览器原生能力，不同浏览器差别不小。
| 浏览器 | 录屏 | 系统声音 | 说明 |
|---|---|---|---|
| Chrome / Edge（桌面） | ✅ 支持 | ✅ 支持（需勾选「分享音频」） | 体验最好，推荐 |
| Firefox（桌面） | ✅ 支持 | ❌ 不支持 | 只能录画面 + 麦克风 |
| Safari（macOS） | ⚠️ 部分支持 | ❌ 不支持 | 新版支持整屏，兼容性一般 |
| 手机浏览器 | ❌ 基本不支持 | ❌ | 请用电脑操作 |
| HTTP 非加密站点 | ❌ 不支持 | — | 必须在 HTTPS 下使用 |
⚠️ 免责声明：录屏功能依赖浏览器原生 API（getDisplayMedia + MediaRecorder），必须在 HTTPS 环境下、且使用受支持的桌面浏览器。
录制内容全程保存在你的浏览器内存中，不会上传到任何服务器；但请注意：录制他人会议、影视内容或涉及隐私的画面前，务必取得相关方同意，并遵守法律法规与平台规定。
输出格式为 WebM（浏览器原生支持），部分老播放器可能打不开，可用格式转换工具转 MP4。
做个操作教程、录一段演示、留个会议纪要——为了这几分钟去装一个录屏软件，往往还要注册、还带水印。
其实你的浏览器自己就会录屏：Chrome、Edge、Firefox 都内置了屏幕捕获与录制能力，这个工具只是把它做成了三个按钮：开始 → 停止 → 下载。
它是怎么工作的：
① 点「开始录制」后，浏览器会弹出选择框，让你选录整个屏幕、某个窗口还是某个标签页；
② 选好后立即开始录制，视频流只在你的浏览器内存里，不经过任何服务器；
③ 点「停止」后生成 WebM 文件，可直接预览和下载。
三个必须知道的前提：
· 必须在 HTTPS 网站上使用（这是浏览器的安全限制，HTTP 站点调不起录屏）；
· 请用电脑，手机浏览器基本不支持；
· 输出是 WebM 格式，Chrome/Edge 直接能看，要发微信或剪辑的话可以用格式转换工具转成 MP4。
关于声音：
· 麦克风基本都能录；
· 系统内部声音（比如会议里对方的声音）只有 Chrome/Edge 支持，且在选择框里要勾上「分享音频」。
最后一点提醒：录屏前先想清楚该不该录。涉及他人隐私、公司内部信息、付费课程内容时，请先取得同意——技术很方便，分寸要自己把握。
怎么实现：
① 环境检测：`navigator.mediaDevices?.getDisplayMedia` 是否存在、是否安全上下文（`window.isSecureContext`）；
② 获取流：`getDisplayMedia({ video:{...码率}, audio:... })`，浏览器弹出选择器；用户取消则捕获 `NotAllowedError` 并友好提示；
③ 录制：`new MediaRecorder(stream, { mimeType })`，收集 `ondataavailable` 的 chunks；
④ 停止：`recorder.stop()` → `onstop` 里合成 Blob → 生成预览 URL → 计算大小与时长的估算；
⑤ 释放：停止所有 track，避免摄像头/屏幕共享指示灯常亮。
它不做：不编辑、不转码、不加水印、不导出 MP4（浏览器原生不支持 MP4 封装）。
审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！