摄像头录制

💻 Camera Recording

Record video and audio from your camera and microphone in your browser — no files uploaded, saved locally.

📐 工作原理与说明
调用浏览器媒体 API 采集摄像头画面并录制为视频文件。
  • 采集getUserMedia({video:true}) 获取媒体流,绑定到 video 元素预览。
  • 录制MediaRecorder 录制流,数据在 ondataavailable 中以 Blob 分块返回。
  • 前提:需 HTTPS 或 localhost(安全上下文),且用户明确授权摄像头权限。
  • 格式:用 MediaRecorder.isTypeSupported() 检测容器/编码支持(常为 WebM)。

🔒 视频仅在本地录制与保存,不会上传任何服务器。首次使用需授予摄像头/麦克风权限。录制格式为 WebM(Chrome/Edge/Firefox 支持)。

📚 深度解析:摄像头录制

💡 常见使用场景

录制
授权摄像头后录制为 webm(纯前端,不上传)。

❓ 常见问题(FAQ)

需要权限吗?
需用户授权摄像头,且仅 HTTPS/localhost 可用。
为什么浏览器请求不了摄像头?
常见原因有三:页面不是 HTTPS(localhost 除外),浏览器会直接拒绝 getUserMedia;用户在权限弹窗里点了拒绝且未重置;或系统层面(macOS 的「摄像头」隐私设置、Windows 的相机权限)禁止了该浏览器。逐项检查即可。