攝像頭錄製

💻 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 的相機許可權)禁止了該瀏覽器。逐項檢查即可。