博客在线录屏不装软件：Chrome 录屏教程与常见问题
不装任何软件，直接在 Chrome 里在线录屏：选择标签页、窗口或全屏，同时录制系统声音和麦克风，导出可拖动进度条的视频，并附常见问题排查。
临时要录一段 bug 复现、操作教程或演示，为了一次性的需求专门装个录屏软件，既麻烦又占空间。其实 Chrome、Edge 等现代浏览器自带录屏能力，打开网页就能在线录屏，不用安装任何东西。
浏览器录屏的原理
背后是两个浏览器标准接口：getDisplayMedia 负责弹出选择框，让你决定共享哪个屏幕、窗口或标签页；MediaRecorder 把这路画面编码成视频文件。两者都在浏览器本地运行，所以 在线录屏 直接在你的设备上完成录制，无需注册账号，录完即可预览并下载。
操作步骤
- 打开 在线录屏。
- 展开录制设置，选好分辨率、帧率和输出格式（推荐值见下表）。
- 需要声音就勾选录制系统音频和/或录制麦克风。
- 点击中间红色的大圆形录制按钮，浏览器会弹出选择框：整个屏幕、窗口或浏览器标签页，选好后确认。
- 录制中可以暂停、继续。结束时点停止，或点浏览器自带的「停止共享」。
- 预览回放，满意后点下载录屏；想重来就点重新录制。
小提示：录之前先关掉容易弹通知的软件，共享范围内看得见的内容都会被录进去。
设置怎么选
| 设置 | 可选项 | 推荐 |
|---|---|---|
| 分辨率 | 自动（跟随源）、1080p、720p、480p | 自动；想要文件小一点选 720p |
| 帧率 | 15、30、60 fps | 30 fps；游戏或流畅动画才用 60 |
| 格式 | WebM、MP4 | WebM；浏览器支持时才能选 MP4 |
分辨率和帧率越低，文件越小，长时间录制后要发给别人时尤其有用。
录声音：最容易踩坑的一环
「录出来没声音」是最常见的问题，几乎都出在音频这一步。
- 系统声音：勾选录制系统音频。不同浏览器和系统支持情况不同。在 Chrome 里选择标签页时，选择框里通常有「分享标签页音频」复选框，这里也要勾上；整机系统声音能否录取取决于操作系统和浏览器。
- 麦克风：勾选录制麦克风并允许权限弹窗，工具会把麦克风和系统声音混成一条音轨。如果麦克风权限被拒绝，仍会继续录屏，只是没有你的声音。
- 录出来是静音时，重录并同时检查工具里的复选框和浏览器选择框里的复选框。
选标签页、窗口还是全屏？
| 选择 | 适合 | 说明 |
|---|---|---|
| 浏览器标签页 | 网页演示、录页面声音 | 录页面声音最稳 |
| 窗口 | 只演示某个软件，如文档 | 其他窗口不会入镜 |
| 整个屏幕 | 跨多个软件的操作流程 | 全部录入，包括通知弹窗 |
常见问题排查
| 现象 | 可能原因 | 解决办法 |
|---|---|---|
| 提示权限被拒绝 | 关闭或拒绝了选择框 | 重新点录制，并允许屏幕共享 |
| 没有声音 | 工具或选择框里的音频选项没勾 | 两处都勾上，或改选标签页 |
| 进度条拖不动 | 原始 WebM 缺少时长信息 | 本工具导出时会写入时长，请直接用它导出的文件 |
| MP4 不能选 | 浏览器不支持 MP4 录制 | 用 WebM，大多数现代播放器都能播 |
| 录着录着自己停了 | 点了「停止共享」 | 这是设计行为，会结束录制 |
背景知识：为什么 WebM 常常拖不动进度条
浏览器是一块一块边录边写的，所以录出来的 WebM 文件头里通常没有总时长。有些播放器就会显示时长未知，不能随意跳转。在线录屏 会精确统计录制时间（扣除暂停），停止后把时长写回文件，导出的 WebM 就能拖动进度条。MP4 本身自带这类信息。
只要截图，不要视频？
如果一张静态图就够，用 在线截屏 截图并标注。想录摄像头而不是屏幕，用 在线录像机。
常见问题
真的不用装任何软件吗？
是的，全程在浏览器标签页里运行，录制前没有任何需要下载的东西。
能一边录屏一边讲解吗？
能。勾选录制麦克风即可；如果同时开了系统音频，两者会自动混音。
为什么没有 MP4 选项？
MP4 录制取决于浏览器支持。不可用时选 WebM 即可，导出后进度条可以正常拖动。
可以暂停吗？
可以，用暂停和继续，暂停的时间不计入最终时长。
手机上能用吗？
getDisplayMedia 屏幕捕获主要是桌面浏览器的功能，想稳定使用请在电脑上用 Chrome 或 Edge。
总结
在线录屏就是：打开 在线录屏，选好标签页、窗口或屏幕，决定要不要录声音，然后停止并下载。需要页面声音就选标签页，多数场景 30 fps 足够；如果录出来没声音，记得同时检查两处音频复选框。想了解更多，可看 录屏工具指南。