如何在瀏覽器裡錄製螢幕（免下載、免安裝）

打開網頁就能錄屏、開攝像頭，不裝任何軟體——瀏覽器是怎麼做到的？同樣重要的是：它如何保證網頁無法在你不知情時悄悄打開攝像頭？

在線錄製的概念

在線錄製（Online Recording）是指通過瀏覽器直接捕獲螢幕畫面、攝像頭視頻或麥克風音頻，無需安裝桌面軟體即可完成錄製。這得益於現代瀏覽器提供的 Web API，使得網頁應用也能訪問設備的音視頻輸入。

螢幕錄製

什麼是螢幕錄製？

螢幕錄製（Screen Recording）是將計算機螢幕上的所有操作和畫面實時捕獲並保存為視頻文件的技術。常用於製作教程、演示操作、記錄 Bug 重現過程等。

螢幕錄製的技術原理

瀏覽器通過 Screen Capture API（getDisplayMedia）獲取螢幕內容：

1. 用戶選擇要共享的螢幕、窗口或標籤頁
2. 瀏覽器以視頻流的形式實時捕獲畫面
3. 應用將視頻流編碼並保存

螢幕錄製的參數

螢幕錄製的選擇範圍

• 整個螢幕：捕獲所有顯示內容，適合全屏演示。
• 應用窗口：只捕獲指定應用的窗口，其他窗口不會出現在錄製中。
• 瀏覽器標籤頁：只捕獲指定網頁標籤，最輕量的選擇。

螢幕錄製的注意事項

• 隱私保護：錄製前關閉不相關的窗口和通知，避免洩露敏感資訊。
• 性能影響：高幀率錄製會消耗較多 CPU/GPU 資源，可能影響被錄製應用的運行。
• 系統聲音：部分瀏覽器支持錄製系統聲音（如視頻播放的聲音），但兼容性不一致。
• 多顯示器：如果使用多顯示器，選擇正確的螢幕進行錄製。

攝像頭錄製

什麼是攝像頭錄製？

攝像頭錄製（Webcam Recording）是通過設備的攝像頭捕獲視頻畫面，常用於製作個人視頻、Vlog、視頻訊息等。

攝像頭錄製的技術原理

瀏覽器通過 MediaDevices API（getUserMedia）訪問攝像頭：

1. 用戶授權攝像頭訪問權限
2. 瀏覽器以視頻流的形式實時獲取攝像頭畫面
3. 應用將視頻流編碼並保存

攝像頭錄製的參數

攝像頭錄製的注意事項

• 光線：確保面部光線充足且均勻，避免背光。自然光或環形燈是理想選擇。
• 背景：選擇整潔的背景，或使用虛擬背景功能（部分瀏覽器支持）。
• 穩定性：使用三腳架或支架固定設備，避免畫面抖動。
• 眼神交流：盡量看向攝像頭而非螢幕，給觀眾"對視"的感覺。

音頻錄製

什麼是音頻錄製？

音頻錄製（Audio Recording）是通過設備的麥克風捕獲聲音，常用於錄製語音、播客、音樂等。

音頻錄製的技術原理

瀏覽器通過 MediaDevices API（getUserMedia）訪問麥克風：

1. 用戶授權麥克風訪問權限
2. 瀏覽器以音頻流的形式實時獲取聲音數據
3. 應用將音頻流編碼並保存

音頻錄製的參數

音頻錄製的注意事項

• 環境噪音：選擇安靜的房間錄製，關閉空調、風扇等噪音源。
• 麥克風距離：保持 15-30cm 的距離，太近會有呼吸聲，太遠聲音發虛。
• 防噴罩：錄製人聲時使用防噴罩，避免"噗"聲（爆破音）。
• 電平控制：避免音量過大導致削波失真，保持音量在綠色到黃色區間。

瀏覽器錄製的局限性

在線錄製基於瀏覽器 API，相比桌面錄製軟體有一些限制：

1. 編碼格式：瀏覽器主要支持 WebM（VP8/VP9 + Opus）格式，MP4 支持有限。
2. 性能：瀏覽器的編碼效率通常低於原生應用，高幀率/高分辨率錄製可能更卡頓。
3. 系統聲音：螢幕錄製時捕獲系統聲音的兼容性不一致。
4. 後台錄製：切換標籤頁或最小化瀏覽器可能暫停錄製。
5. 隱私限制：瀏覽器會明確提示用戶正在錄製，無法靜默錄製。

實用建議

• 選擇安靜環境：無論錄製什麼類型，環境噪音都是最大的敵人。
• 測試錄製：正式錄製前先試錄 10 秒，檢查畫面和聲音是否正常。
• 關閉通知：錄製前關閉操作系統和應用的彈窗通知。
• 預留存儲空間：錄製文件可能很大，確保有足夠的磁碟空間。
• 使用耳機：攝像頭錄製時使用耳機監聽，避免揚聲器聲音被麥克風二次錄入。

相關工具

• 螢幕錄製
• 攝影機錄製
• 錄音