视频工具 · 录屏

在线录屏

浏览器录屏 + 录音/导出

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 60 次使用
浏览器本地录屏 · 不上传 · 空格启停
就绪
00:00.0
实时预览 live preview · 录制时显示画面
点上方大按钮 · 选择要录制的屏幕 / 窗口 / 标签页
录像recording · 回放 / 下载
暂无录像 · 点上方大按钮开始录制
就绪 · 点「开始录屏」选择要录制的屏幕 本地处理 · 数据不出浏览器
第一节

关于本工具

About

录屏时发现麦克风没开,或者录完才发现画面卡顿——这种返工最耗时间。打开这个页面,选好屏幕区域、决定是否录系统声音或麦克风,点一下就开始。所有录制都在浏览器本地完成,画面和音频直接编码导出,不上传任何数据到服务器。适合快速录操作教程、会议片段或游戏高光时刻,导出前就能预览效果,不用等渲染。

使用场景

网课作业回传

大学讲师布置了小组展示,要求每组提交 5 分钟以内的讲解录屏。学生用本工具在浏览器里直接录制 PPT 翻页过程,同时收进麦克风讲解音。录完自动生成 MP4 文件,无需安装任何软件,导出后直接上传到课程平台。本工具支持暂停续录,避免一次录错整段重来;录制期间浏览器标签页可自由切换,不影响翻页节奏。

软件 Bug 复现

测试工程师发现一个偶现的界面卡死问题,需要把操作步骤和系统响应同时录下来发给开发。用本工具录制整个操作过程,鼠标轨迹和点击动作一一呈现,同时录制系统音频(如错误提示音)。录完后直接在浏览器里预览,确认 Bug 复现成功再导出,省去先录后剪的环节。本工具录制时无时长限制,能完整捕捉从打开软件到崩溃的整段行为。

远程面试存档

HR 在 Zoom 面试完候选人后,需要把面试过程保存为本地视频存档,供后续用人部门复盘。用本工具在面试进行时同步录制浏览器窗口,把面试官和候选人的视频画面、共享屏幕内容、聊天框文字一并收入。录完直接下载,文件命名带时间戳,方便按岗位和日期归档。本工具录制时不会在画面里叠加水印或第三方 logo,保证存档内容干净。

在线客服培训

客服主管需要录制一套标准操作流程视频,给新入职的客服人员看。用本工具一边操作客服后台系统,一边用麦克风讲解每个按钮的功能和话术要点。录完导出为 1080p 清晰度的视频,上传到内部知识库。本工具支持选择录制区域,只录客服系统界面,不暴露浏览器书签栏或其他无关信息;同时可以单独调节麦克风音量,确保讲解声清晰盖过键盘敲击声。

游戏攻略投稿

玩家在《艾尔登法环》里研究出一套速通 Boss 的连招,想录成视频发到 B 站。用本工具在浏览器里打开游戏直播画面,同时录制游戏音效和麦克风解说。录完直接导出,无需二次转码。本工具支持录制时实时预览音量条,防止解说声爆音;导出时可选 60fps 帧率,保证高速连招画面不卡顿。

第二节

使用指南

Getting Started

使用步骤

  1. 1点击「开始录制」按钮,浏览器弹出共享屏幕或窗口的权限选择框
  2. 2在权限框中勾选「分享音频」选项(如需录制系统声音),然后选择要录制的屏幕或应用窗口
  3. 3点击「共享」按钮,录制立即开始,页面顶部出现红色录制状态条及计时器
  4. 4录制过程中可随时点击「暂停/继续」按钮控制录制进度,或点击「停止」结束录制
  5. 5停止后页面自动弹出预览窗口,支持播放检查录制内容,确认无误后点击「下载」保存为 MP4 文件

输入输出示例

输入输出说明
点击「开始录制」按钮,录制浏览器标签页内容 30 秒,不勾选「录制麦克风」输出一个 30 秒的 .webm 视频文件(无音轨),文件大小约 2.5 MB(取决于页面动态程度)常规 case:无音频录屏,验证基础录制与导出功能,输出为浏览器原生支持的 webm 格式
点击「开始录制」按钮,同时勾选「录制麦克风」,录制 1 分钟教学讲解输出一个 1 分钟的 .webm 视频文件,包含画面与麦克风音频(双轨混流),文件大小约 5 MB常规 case:带音频录制,验证音画同步与混流功能,适用于在线教学场景
点击「开始录制」按钮,录制空白标签页(about:blank)5 秒输出一个 5 秒的 .webm 视频文件,画面为纯白色,无音轨,文件大小约 100 KB边界 case:极简画面录制,验证工具对低复杂度画面的编码效率与最小文件输出
点击「开始录制」按钮,录制一个持续播放 4K 视频的标签页 10 秒输出一个 10 秒的 .webm 视频文件,画面为高动态 4K 内容,文件大小约 50 MB,帧率可能下降至 15-20 fps边界 case:高负载录制,暴露浏览器端录屏的性能瓶颈(帧率下降),适合测试设备性能
点击「开始录制」按钮,录制 2 小时会议内容(仅画面,无音频)输出一个 2 小时的 .webm 视频文件,文件大小约 1.5 GB,浏览器可能提示内存不足或自动停止录制边界 case:超长录制,暴露浏览器端内存限制与稳定性问题,建议用户分段录制
点击「开始录制」按钮,勾选「录制麦克风」但麦克风权限被浏览器拒绝弹出浏览器权限提示框,录制按钮置灰,无法开始录制;需用户手动在地址栏左侧重新授权麦克风易错 case:权限未授予时的行为,用户常忽略此步骤导致录制失败,需引导检查浏览器设置
点击「开始录制」按钮,录制过程中切换标签页(如从录制的页面切换到其他页面)录制的画面变为新标签页内容(或变为灰色/黑屏,取决于浏览器实现),音频继续录制易错 case:标签页切换影响,用户误以为只录当前标签页,实际录的是整个浏览器窗口或选中标签页

常见错误对照

1.录屏时未勾选「系统音频」,导致视频无声

✗ 错误点击开始录制后,只对着麦克风说话,导出后发现没有声音
✓ 修复录制前在设置中勾选「录制系统音频」选项,并确认音量未被静音

浏览器默认只捕获麦克风输入,系统音频(如网页视频、游戏音效)需单独授权。未勾选时,音频轨道为空,导出自然无声。

2.录屏区域选择「整个屏幕」却未授权权限

✗ 错误点击录制后弹出权限窗口,直接点击「取消」或「拒绝」
✓ 修复在浏览器弹出的权限提示中点击「允许」或「分享」按钮,并选择要录制的屏幕或窗口

浏览器基于 WebRTC 的 getDisplayMedia API 要求用户主动授权屏幕捕获权限。拒绝后录制无法启动,且部分浏览器不会再次自动弹窗,需手动刷新页面。

3.导出格式选错,导致文件无法播放

✗ 错误导出时选择「WebM」格式,但接收方设备只支持 MP4
✓ 修复导出前确认目标播放设备支持的格式,或选择通用性更强的 MP4 格式

WebM 是开放格式,但 Windows 旧版系统、部分移动设备原生不支持。MP4(H.264)兼容性更广。工具若提供格式选项,应优先选 MP4。

4.录制过程中切换标签页,导致画面黑屏或卡顿

✗ 错误录制网页操作时,中途切换到其他标签页或最小化浏览器
✓ 修复录制期间保持当前标签页在前台,或使用「窗口录制」模式而非「标签页录制」

浏览器为节省资源,后台标签页的渲染帧率会大幅降低甚至暂停。若工具基于标签页捕获,切换后台后录到的内容可能为黑屏或静止画面。

5.未关闭浏览器硬件加速,导致录屏画面撕裂

✗ 错误录制高帧率游戏或动画时,导出视频出现横向条纹
✓ 修复在浏览器设置中关闭「硬件加速」选项,或降低录制帧率至 30fps

硬件加速让 GPU 直接渲染画面,但录屏工具在捕获合成时可能与 GPU 输出不同步,造成画面撕裂。关闭加速或降低帧率可缓解。

6.录屏时同时开启多个音频输入源,导致回声

✗ 错误录制会议时同时开启麦克风和外放音箱,导出视频中有尖锐回声
✓ 修复使用耳机监听,或在系统音频设置中仅保留一个输入设备

麦克风会再次拾取音箱播放的系统音频,形成正反馈回路。耳机可物理隔离,单输入源则避免信号叠加。

7.录屏文件过大,导出时浏览器崩溃

✗ 错误连续录制超过 30 分钟的高分辨率视频,导出时浏览器标签页无响应
✓ 修复分段录制(每段 10-15 分钟),或降低分辨率和帧率(如 720p/25fps)

浏览器内存有限,长时录屏会累积大量未压缩帧数据。导出时需一次性编码,内存不足会导致标签页崩溃。分段录制可降低单次处理压力。

8.录制前未清理桌面/通知,导致隐私泄露

✗ 错误录制屏幕时桌面有微信聊天窗口、邮件通知、密码管理器弹窗
✓ 修复录制前关闭无关窗口,开启「勿扰模式」屏蔽系统通知

屏幕录制会完整捕获当前显示内容,包括弹窗、通知、后台窗口。一旦导出分享,隐私信息无法撤回。

第三节

工作原理

How It Works

核心公式

文件大小(MB) = 码率(Mbps) × 时长(秒) ÷ 8

变量说明

  • 码率视频编码比特率,单位 Mbps
  • 时长录屏总时长,单位秒

示例

设置码率 2 Mbps,录制 30 秒:文件大小 = 2 × 30 ÷ 8 = 7.5 MB。若码率提升至 8 Mbps,同样时长文件大小 = 8 × 30 ÷ 8 = 30 MB,画质更清晰但体积增大 4 倍。

捕获屏幕+ 麦克风音频MediaStream 合成音视频轨道合并MediaRecorder 编码WebM/MP4 实时压缩下载 / 导出Blob → 本地文件全程在浏览器内完成,不上传任何数据到服务器
用户输入 本地处理 输出结果
第五节

常见问题

Q & A
录屏的时候怎么同时录到电脑里的声音和麦克风声音?

本工具在录制前会弹出一个选择音源的弹窗,里面分两个通道:一个是「系统音频」(录电脑播放的声音,比如视频会议或音乐),另一个是「麦克风」(录你说话的声音)。两个都勾上就能同时录进去。如果只勾了其中一个,另一个就不会出现在最终视频里。注意,部分浏览器(如 Safari)默认不支持同时捕获系统音频和麦克风,建议用 Chrome 或 Edge 打开页面操作。

录到一半发现忘记开麦克风了,能中途打开吗?

不能中途开启。音源选择是在点击「开始录制」之前就确定的,录制过程中无法切换或新增音源。如果发现没开麦克风,只能停止当前录制,重新点击录制按钮并勾选麦克风后再开始。建议录制前先点一下「测试麦克风」按钮(如果页面有),确认波形跳动后再正式录。

为什么录出来的视频画面是黑的,只有声音?

通常是因为浏览器在录制时没有获取到正确的画面源。点击「开始录制」后,浏览器会弹出窗口让你选择要录制的内容(整个屏幕、某个窗口或某个浏览器标签页)。如果选了「仅音频」或误点了空白区域,画面就会是黑的。正确操作是:在弹出的选择窗口中,先点「整个屏幕」或你要录的那个窗口,再点「分享」,不要直接关掉弹窗。另外,如果录的是受 DRM 保护的视频(如 Netflix、Disney+),画面会强制黑屏,这是浏览器限制,工具无法绕过。

录了 10 分钟,结果导出时提示文件太大没法下载?

本工具所有录制数据都在浏览器本地处理,不经过服务器,所以导出视频的大小受浏览器内存和下载通道限制。10 分钟 1080p 的视频通常在 300-500MB,大部分浏览器能正常下载。如果提示「文件过大」,可以先在录制设置里把分辨率降到 720p 或 480p,或者缩短单次录制时长。另一个办法:录制完成后,使用页面上的「压缩」功能(如果有)降低码率再导出。

录完的视频存在哪里?关掉网页会不会丢?

录制完成的视频默认只暂存在浏览器的内存中,关掉当前标签页或刷新页面后就会丢失。必须在导出前点击「下载」按钮保存到本地硬盘。工具不会把视频上传到任何服务器,也不提供云端存储。建议每录完一段立刻下载,不要一次性录很多段再统一导出。如果页面意外关闭,之前未导出的录制内容无法恢复。

这个录屏工具有时长限制吗?最长能录多久?

没有硬性的时长限制,但受两个因素制约:一是浏览器可用内存,录制时间越长,内存占用越大,浏览器可能会因为内存不足而崩溃;二是浏览器标签页的「后台节流」策略,如果切换到其他标签页超过几分钟,浏览器可能会暂停录制以节省资源。实测在 8GB 内存的电脑上,Chrome 录制 720p 大约能持续 30-40 分钟不卡顿。如果需要录更长,建议分段录制并注意不要切换到其他标签页。

录屏幕时为什么鼠标指针不见了?怎么让它显示?

本工具默认会录制鼠标指针,但部分浏览器在捕获屏幕时可能会因为权限设置隐藏指针。解决办法:在点击「开始录制」后弹出的选择窗口中,注意看底部是否有一个「包含鼠标指针」的复选框(不同浏览器显示位置不同),确保它被勾选。如果已经录制完成发现指针没显示,目前无法后期补上,只能重新录制。建议录制前先录几秒测试一下,确认指针可见再正式录。

录出来的视频文件格式是什么?能转成 MP4 吗?

本工具默认导出格式为 WebM(视频编码 VP8/VP9,音频编码 Opus)。WebM 是浏览器原生支持的录制格式,兼容大部分现代浏览器和播放器。如果需要 MP4 文件,可以使用页面上的「格式转换」功能(如果有)在线转成 MP4,或者用其他转换工具处理。注意:WebM 在 Windows 资源管理器中可能不显示缩略图,但双击可以用默认播放器打开。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

选择 打开 +新窗口 esc关闭