浏览器本地处理

屏幕录制

录制整个屏幕、窗口或浏览器标签页,可选择麦克风、系统声音,也可以把摄像头以画中画叠加到屏幕右下角。

不上传录制内容当前浏览器没有检测到可用的视频录制格式。支持暂停与画中画

实时预览

准备好后点击开始

开始后选择要共享的屏幕、窗口或标签页。录制会在本地完成。

点击开始录制后选择要共享的屏幕

时长

录制模式

声音选项

根据当前浏览器对 MediaRecorder 的实际支持自动筛选。

系统声音需要在浏览器的屏幕共享选择器中勾选“共享音频”;不同浏览器支持情况可能不同。屏幕、摄像头和麦克风数据只在当前浏览器会话中处理,不会发送到服务器。

屏幕录制使用指南

在线录制屏幕,无需安装软件

这个免费的在线屏幕录制工具可以直接在浏览器中录制整个屏幕、窗口或浏览器标签页。支持加入麦克风讲解、浏览器允许时的系统声音,以及摄像头画中画。录像和格式转换都在你的设备上完成。

支持的录制格式

工具会通过 MediaRecorder.isTypeSupported() 检测当前浏览器,只显示实际可创建的格式。能否直接录制 MP4 取决于浏览器,WebM 通常是最稳定的备选格式。

WebM · VP8 / VP9 + Opus

最常见的浏览器原生录制格式,Chrome、Edge 和 Firefox 通常都支持,文件体积也相对较小。

MP4 · H.264 + AAC

适合手机、剪辑软件、演示文稿和分享的兼容格式。能否直接录制取决于浏览器和操作系统。

MediaBunny 本地转换

如果浏览器只能录制 WebM,完成后可以在 Worker 中转换为 MP4 或 WebM,文件不会发送到服务器。

如何录制屏幕

适合演示、教程、课程和私密屏幕采集的清晰流程。

  1. 01

    选择共享内容

    点击“开始录制”,在系统选择器中选择整个屏幕、窗口或浏览器标签页。

  2. 02

    选择画面与声音

    简单录制可选择仅屏幕模式,也可以按需启用麦克风、系统声音和摄像头画中画。

  3. 03

    暂停并结束录制

    章节之间可以暂停。也可以从浏览器或系统停止共享,工具会自动完成录制。

  4. 04

    预览并下载

    预览本地结果,下载浏览器原始文件,或转换成 MP4 / WebM 用于后续剪辑和分享。

常见使用场景

适合日常屏幕采集的实用工具

优先选择能说明问题的最小共享范围。只共享一个窗口或标签页,通常能让录像更聚焦,也能减少文件体积。

软件教程

边讲解边录制具体窗口或标签页,适合制作操作教程。

产品演示与问题反馈

录制可复现的问题、新功能或产品演示,并可加入语音讲解。

在线课程与会议

录制演示、在线课程或会议内容,可同时加入麦克风和系统声音。

私密屏幕采集

先在本地录制后台、原型或内部流程,再决定是否分享。

隐私处理方式

浏览器权限提示控制屏幕、摄像头和麦克风的访问。各路媒体流会在本地合成为 MediaRecorder Blob,可选的 MP4 或 WebM 转换在本地 MediaBunny Worker 中执行。文件不会上传或存储到服务器。完成后停止共享并关闭标签页即可释放媒体流。

FAQ

常见问题

屏幕录像会上传吗?

不会。屏幕、摄像头、麦克风、预览和可选的 MediaBunny 转换都在当前浏览器标签页中完成,本页面不会上传录像。

为什么没有录到系统声音?

系统声音由浏览器和操作系统控制。请在屏幕共享选择器中勾选“共享音频”;部分浏览器只允许在共享标签页或窗口时录入系统声音。

为什么没有 MP4 选项?

不同浏览器对 MediaRecorder 的支持不同。可以先录制 WebM,再使用本地 MediaBunny 转换按钮生成 MP4,具体取决于浏览器编码器支持。

摄像头画中画在所有浏览器都可用吗?

画中画使用 Canvas 捕获。如果该 API 或摄像头权限不可用,工具会退回到屏幕录制,并在状态提示中说明原因。

需要什么浏览器环境?

请使用支持 getDisplayMedia 和 MediaRecorder 的现代浏览器,并确保运行在 HTTPS 或 localhost 环境。录制和转换期间请保持标签页打开。

怎样减小文件体积?

只共享需要的窗口或标签页,缩短录制时长,避免不必要的摄像头画中画,并在分享前压缩或裁剪结果。