浏览器本地处理

摄像头录像

使用浏览器摄像头和麦克风录制视频。支持暂停、前后摄像头、镜像预览和本地下载,文件不会上传。

不上传视频当前浏览器没有检测到可用的视频录像格式。支持暂停与预览

实时预览

准备好后点击开始

首次开始录像时,浏览器会请求摄像头和麦克风权限。

点击开始录像后显示摄像头预览

时长

摄像头
录像格式0

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

支持的格式

按浏览器支持的格式录制视频

录像工具会检测当前浏览器真正支持的 MediaRecorder MIME 类型,而不是直接猜测。WebM 在 Chromium 和 Firefox 中更常见,MP4 的可用性会因浏览器而异。录制完成后,还可以使用本地 MediaBunny 转换。

WebM · VP8 / VP9 + Opus

浏览器原生支持较好的录像格式,画质和文件大小平衡良好,Chrome、Edge 和 Firefox 通常都可以使用。

MP4 · H.264 + AAC

兼容性最好的选择,适合手机、剪辑软件、演示文稿和分享。是否可以直接录制取决于当前浏览器。

本地格式转换

如果浏览器只能录制 WebM,可以使用 MediaBunny 在 Web Worker 中转换为 MP4 或 WebM,转换过程不会上传录像。

如何在线录制视频

简单的摄像头录像流程,支持本地预览、暂停、下载和可选格式转换。

  1. 01

    允许摄像头和麦克风权限

    点击“开始录像”并允许浏览器访问设备。摄像头录像需要 HTTPS 或 localhost 环境。

  2. 02

    选择录像设置

    选择前置或后置摄像头、分辨率、是否录入麦克风声音,以及是否镜像显示实时预览。

  3. 03

    录像、暂停并结束

    可以随时暂停和继续,不会生成多个片段。结束后,录像会在当前浏览器标签页中本地合成为一个文件。

  4. 04

    预览并下载

    预览录像结果,下载浏览器原始格式,或在本地转换为兼容性更好的 MP4 / WebM。

常见使用场景

适合快速、私密录制视频的摄像头工具

不必打开完整的视频编辑器,也能快速录制有用的视频片段。浏览器负责采集,流程更专注。

视频留言与自我介绍

录制视频留言、问候、自我介绍或简短演示,无需安装桌面软件。

教程与课程片段

录制讲解、课程或出镜内容,可以在章节之间暂停,完成后下载并继续剪辑或分享。

产品演示与团队更新

在浏览器中快速制作产品演示、版本说明、站会更新和异步视频消息。

手机和平板录像

如果设备允许浏览器访问前后摄像头,可以切换镜头。存储空间或网络有限时,建议选择较低分辨率。

隐私优先的摄像头录像

只有点击开始录像时,浏览器才会请求摄像头和麦克风权限。实时流只连接到本地预览,录像以浏览器 Blob 保存在本地,可选转换在本地 Worker 中执行。本页面不会上传任何内容。结束录像或关闭标签页即可释放设备;需要长期保存的文件请在关闭前下载。

不上传本地预览Worker 本地转换

FAQ

常见问题

录像会上传到服务器吗?

不会。摄像头画面、录像 Blob、预览和 MediaBunny 转换都在当前浏览器标签页中完成,页面不会把录像发送到服务器。

支持录制哪些视频格式?

页面会先通过 MediaRecorder.isTypeSupported() 检测当前浏览器,再显示可用选项。多数 Chromium 和 Firefox 浏览器支持 WebM,Safari 及部分 Chromium 版本可能支持 MP4。实际可用格式会显示在设置面板中。

为什么我的浏览器没有 MP4 选项?

MP4 录像取决于浏览器和操作系统是否提供兼容的 H.264/AAC MediaRecorder 实现。你可以先录制 WebM,再使用录像结果中的本地 MP4 转换选项。

手机或平板可以使用吗?

可以,但需要移动浏览器支持 getUserMedia 和 MediaRecorder。请使用 HTTPS 并允许摄像头访问;如果设备存储或性能有限,建议选择 480p 或 720p。

怎样让录像文件更小?

选择 480p 或 720p 而不是 1080p,缩短录像时长,并在录制后转换或压缩。较低分辨率通常可以同时减少文件大小和设备负载。

MediaBunny 在这里负责什么?

MediaBunny 在 Web Worker 中执行可选的格式转换,并使用浏览器媒体能力。对于摄像头录像流程,它不需要加载体积较大的 FFmpeg 运行时;其他确实依赖 FFmpeg 的工具仍保留各自的处理链路。

相关工具与教程