攝像頭錄影機

直接在瀏覽器中用攝像頭和麥克風錄製影片並下載檔案——無上傳、無伺服器。

直接在瀏覽器中用攝像頭和麥克風錄製影片並下載檔案——無上傳、無伺服器。 直接在瀏覽器中用攝像頭和麥克風錄製影片並下載檔案——無上傳、無伺服器。

00:00

背景知識

瀏覽器錄製如何工作

瀏覽器錄製是一條三步流水線。首先,getUserMedia() 在你授予許可權後從攝像頭和 麥克風捕獲 MediaStream——瀏覽器總是會詢問,並要求安全上下文(HTTPS 或 localhost)。其次,MediaRecorder 消費該流並把輸入幀編碼為 WebM 等容器格式, 邊處理邊把資料切成塊。第三,停止時這些塊被組裝成單個 Blob,可以播放和下載。 沒有任何傳輸:編碼發生在你的裝置上,這就是為什麼瀏覽器錄製器即使斷網也能 生成檔案。

容器與編解碼器

容器和編解碼器取決於你的瀏覽器和平臺。帶 VP8 或 VP9 影片與 Opus 音訊的 WebM 是最穩妥的選擇,在 Chrome、Firefox、Edge 和 Safari 中都可用。當瀏覽器 報告支援 MP4 時也會提供該選項,新裝置上越來越常見但並非普遍。如果你選擇了 瀏覽器無法編碼的格式,本頁面會自動回退到 WebM。錄製結束時,下載按鈕會出現, 副檔名(.webm 或 .mp4)與實際產出一致。

隱私與許可權

在流開始前,瀏覽器會顯示許可權提示,讓你選擇共享哪個攝像頭和麥克風——本頁的 裝置下拉框來自 enumerateDevices(),你可以切換裝置並重新開啟流。所有處理都在 本地:影片位元組不會離開你的機器,頁面本身也不儲存任何內容。停止錄製時,攝像頭 指示燈熄滅,流的軌道被釋放,完成後不會持有任何資源。在某些系統上,只要頁面 持有任何流,攝像頭燈就會保持點亮,即使已靜音。

實用說明

預覽正確映象(靜音播放避免回聲),計時器在錄製時跟蹤經過時間。對於長時間 錄製,請注意記憶體中的塊會隨時間增長,超長會話會佔用更多記憶體。如果需要錄製 螢幕而不是攝像頭,那需要不同的 API(getDisplayMedia),不在本工具範圍內。 如果許可權提示被拒絕過一次,瀏覽器通常會鎖定該選擇,直到你清除站點設定。

基於瀏覽器原生 getUserMedia 與 MediaRecorder API 自研實現。錄製在本地完成,不上傳任何內容。

常見問題

為什麼頁面會請求攝像頭/麥克風許可權?
getUserMedia() 出於隱私考慮總是要求明確的使用者同意。瀏覽器會顯示提示,列出將共享哪些裝置;授予一次後流會立即開始。
為什麼我的錄製儲存為 .webm?
WebM(VP8/VP9 + Opus)是所有主流瀏覽器都能原生編碼的容器。僅當瀏覽器報告支援時才提供 MP4;否則頁面自動回退到 WebM。
我的影片會上傳到伺服器嗎?
不會。編碼通過 MediaRecorder 在本地完成,結果只是瀏覽器記憶體中的一個 Blob。不傳輸任何內容,頁面也不儲存任何東西;斷網也能錄製。
為什麼攝像頭燈一直亮著?
指示燈表示頁面持有實況攝像頭流。停止錄製並釋放軌道後它會熄滅。某些系統在流啟用期間會保持燈亮,即使已靜音或未在錄製。
錄製過程中能更換裝置嗎?
可以。在下拉框中換選攝像頭或麥克風並開始新錄製;頁面會在下次開始時按新裝置選擇重新協商流。
錄影機工作需要什麼?
支援 getUserMedia 和 MediaRecorder 的瀏覽器(所有現代瀏覽器都有)、攝像頭和麥克風,以及安全上下文:HTTPS 或 localhost。缺少支援時頁面會顯示提示而非控制元件。