螢幕錄影(免費・瀏覽器內完成)

免費的瀏覽器內螢幕錄影工具,不需安裝軟體、不需上傳,錄製內容不會離開您的裝置。可同時錄製畫面與麥克風或分頁音訊,錄製完成後即可直接下載。

本工具僅在您的瀏覽器內錄製螢幕畫面與音訊,錄製資料只保留在瀏覽器中,絕不會傳送到伺服器。

什麼是螢幕錄影

本工具是僅用瀏覽器即可錄製電腦畫面、特定視窗或瀏覽器分頁的免費線上工具。無須安裝 OBS、Loom、Screencastify 之類的軟體,也無須註冊會員,只要按下「開始錄影」並選擇要共享的畫面,錄影便會開始。

錄影僅使用瀏覽器標準的 getDisplayMedia API 與 MediaRecorder API,影音資料不會有任何一次被傳送到伺服器。錄影完成後,可直接把瀏覽器內產生的影片檔下載到裝置中,因此錄製機密性較高的操作畫面或公司內部系統時也能安心使用。

螢幕錄影的使用方式

  1. 按下「開始錄影」 按下按鈕後,會顯示瀏覽器標準的共享選擇對話框。
  2. 選擇錄影範圍 在「整個螢幕」「視窗」「瀏覽器分頁」中任選其一,並視需要勾選共享音訊。
  3. 錄製操作過程 允許共享後錄影即開始,畫面上會顯示已經過的時間。
  4. 按下「結束錄影」 停止錄影後會顯示播放面板,可當場確認錄製內容。
  5. 下載檔案 透過「下載錄影資料」即可把影片檔(WebM 格式)儲存到裝置中。

用好本工具的小技巧

  • 在分享對話框中勾選「分享分頁音訊」,即可將正在播放的影片或音樂聲音一併錄製下來(不同瀏覽器的支援情況有所不同)。
  • 也可以透過瀏覽器錄製時顯示的「停止分享」提示條來結束錄製,停止分享後會自動結束錄製。
  • 錄製資料會保存在瀏覽器記憶體中,錄製時間越長佔用的記憶體也越多。建議超過數十分鐘的錄製分段儲存。
  • 如果也想錄製麥克風聲音,瀏覽器可能會在授予螢幕分享權限後再另外請求麥克風權限,請一併允許。

螢幕錄影派上用場的情境

說明操作步驟、製作使用手冊

把軟體的操作步驟以影片留存下來,會成為比純文字說明更容易理解的手冊。

回報缺陷、共享故障現象

把錯誤重現的過程直接錄下來寄給開發團隊,就省去了用文字描述狀況的麻煩。

製作線上課程、教育訓練影片

錄製投影片或示範畫面來製作課程影片時,無須安裝專用軟體即可當場錄製並確認。

記錄遊戲實況、示範玩法

可輕鬆錄製瀏覽器遊戲的遊玩畫面,作為發布到社群平台的短片素材。

螢幕錄影相關用語

畫面擷取
把電腦螢幕顯示的內容原樣擷取下來。擷取為靜態影像稱為「螢幕截圖」,擷取為動態影像則稱為「螢幕錄影」。
WebM
由 Google 提出的開放影片容器格式。無須支付授權費用,多數瀏覽器均原生支援播放與錄製。
系統音訊
指正在播放的影片、音樂等由電腦輸出的全部聲音。在共享對話框中選擇共享音訊後,這部分聲音有可能與麥克風音訊分開一併錄入(支援情況因作業系統與瀏覽器而異)。
編解碼器
壓縮與解壓影音資料的方式。本工具會自動選擇瀏覽器支援的 VP9/VP8(影像)與 Opus(音訊),若不支援則切換為相容性更好的格式。
getDisplayMedia
開啟共享選擇對話框並把螢幕內容作為影片串流提供出來的瀏覽器標準介面。未經明確許可不會擷取任何內容。

常見問題

不會。本工具透過瀏覽器的getDisplayMedia與MediaRecorder介面,在瀏覽器內完成螢幕畫面與音訊的錄製,資料絕不會傳送到外部伺服器,在您下載之前都只保存在本機。

可以。在分享對話框中勾選音訊分享選項,即可將分頁播放的聲音等一併錄製進去,實際支援情況會依瀏覽器與分享範圍(整個螢幕、視窗或分頁)而有所不同。

沒有明確上限,但錄製資料保存在瀏覽器記憶體中,長時間錄製會佔用較多記憶體,建議分段儲存。

最新版的Google Chrome、Microsoft Edge、Mozilla Firefox等支援getDisplayMedia與MediaRecorder介面的瀏覽器皆可使用,部分舊版瀏覽器或Safari可能不支援。

通常會以WebM格式(.webm)下載,依瀏覽器的支援情況,也可能改用MP4格式。
工具君

閒話 ― 為什麼瀏覽器也能錄製螢幕

過去,錄製螢幕必須安裝專用的軟體。這個情況在2014年前後開始標準化的螢幕擷取介面(getDisplayMedia)出現後有了改變。這個介面讓瀏覽器本身可以讓使用者選擇要分享的螢幕、視窗或分頁,並將畫面直接交給JavaScript處理。

錄製則是依賴另一個稱為MediaRecorder的介面,它會將getDisplayMedia取得的畫面與音訊串流即時壓縮成影片檔案。錄製過程中不會產生任何伺服器通訊,因為從擷取到壓縮的整個流程都在瀏覽器引擎內部完成。

這種完全在瀏覽器內完成的影片處理之所以能夠實現,與開放且免權利金的影片編碼格式有關。Google開發的VP8、VP9編碼無需支付授權費用,搭配WebM容器格式,讓瀏覽器廠商無需擔心專利問題就能將錄製功能內建其中。這類開放技術正是免費線上螢幕錄影工具得以存在的重要原因。