WebM · VP8 / VP9 + Opus
浏览器原生支持较好的录像格式,画质和文件大小平衡良好,Chrome、Edge 和 Firefox 通常都可以使用。
使用浏览器摄像头和麦克风录制视频。支持暂停、前后摄像头、镜像预览和本地下载,文件不会上传。
实时预览
首次开始录像时,浏览器会请求摄像头和麦克风权限。
点击开始录像后显示摄像头预览
时长
格式会根据当前浏览器对 MediaRecorder 的实际支持自动筛选。
支持的格式
录像工具会检测当前浏览器真正支持的 MediaRecorder MIME 类型,而不是直接猜测。WebM 在 Chromium 和 Firefox 中更常见,MP4 的可用性会因浏览器而异。录制完成后,还可以使用本地 MediaBunny 转换。
浏览器原生支持较好的录像格式,画质和文件大小平衡良好,Chrome、Edge 和 Firefox 通常都可以使用。
兼容性最好的选择,适合手机、剪辑软件、演示文稿和分享。是否可以直接录制取决于当前浏览器。
如果浏览器只能录制 WebM,可以使用 MediaBunny 在 Web Worker 中转换为 MP4 或 WebM,转换过程不会上传录像。
简单的摄像头录像流程,支持本地预览、暂停、下载和可选格式转换。
点击“开始录像”并允许浏览器访问设备。摄像头录像需要 HTTPS 或 localhost 环境。
选择前置或后置摄像头、分辨率、是否录入麦克风声音,以及是否镜像显示实时预览。
可以随时暂停和继续,不会生成多个片段。结束后,录像会在当前浏览器标签页中本地合成为一个文件。
预览录像结果,下载浏览器原始格式,或在本地转换为兼容性更好的 MP4 / WebM。
常见使用场景
不必打开完整的视频编辑器,也能快速录制有用的视频片段。浏览器负责采集,流程更专注。
录制视频留言、问候、自我介绍或简短演示,无需安装桌面软件。
录制讲解、课程或出镜内容,可以在章节之间暂停,完成后下载并继续剪辑或分享。
在浏览器中快速制作产品演示、版本说明、站会更新和异步视频消息。
如果设备允许浏览器访问前后摄像头,可以切换镜头。存储空间或网络有限时,建议选择较低分辨率。
只有点击开始录像时,浏览器才会请求摄像头和麦克风权限。实时流只连接到本地预览,录像以浏览器 Blob 保存在本地,可选转换在本地 Worker 中执行。本页面不会上传任何内容。结束录像或关闭标签页即可释放设备;需要长期保存的文件请在关闭前下载。
FAQ
不会。摄像头画面、录像 Blob、预览和 MediaBunny 转换都在当前浏览器标签页中完成,页面不会把录像发送到服务器。
页面会先通过 MediaRecorder.isTypeSupported() 检测当前浏览器,再显示可用选项。多数 Chromium 和 Firefox 浏览器支持 WebM,Safari 及部分 Chromium 版本可能支持 MP4。实际可用格式会显示在设置面板中。
MP4 录像取决于浏览器和操作系统是否提供兼容的 H.264/AAC MediaRecorder 实现。你可以先录制 WebM,再使用录像结果中的本地 MP4 转换选项。
可以,但需要移动浏览器支持 getUserMedia 和 MediaRecorder。请使用 HTTPS 并允许摄像头访问;如果设备存储或性能有限,建议选择 480p 或 720p。
选择 480p 或 720p 而不是 1080p,缩短录像时长,并在录制后转换或压缩。较低分辨率通常可以同时减少文件大小和设备负载。
MediaBunny 在 Web Worker 中执行可选的格式转换,并使用浏览器媒体能力。对于摄像头录像流程,它不需要加载体积较大的 FFmpeg 运行时;其他确实依赖 FFmpeg 的工具仍保留各自的处理链路。
相关工具与教程