整個螢幕、視窗或分頁
錄下整個顯示器、單一應用程式或一個瀏覽器分頁。使用多部顯示器時,你可以選擇錄下哪一部。
錄下整個螢幕、單一視窗或一個瀏覽器分頁,並可同時疊加網絡攝影機畫面和咪高風聲音。所有內容都在你自己的裝置上擷取和編碼,完成後檔案會以 MP4 格式存入你的下載資料夾。
01 運作原理
無須安裝,也無須設定。整個錄影工具就是一個網頁;你按下開始時看到的選擇器由你的瀏覽器顯示,而不是由我們提供。
選擇來源
選擇錄下整個螢幕、單一應用程式視窗,還是一個瀏覽器分頁。如果要錄的是網頁上的內容,選擇分頁擷取的畫面最清晰。
開啟聲音和鏡頭
開啟咪高風來加入旁白,開啟系統音訊來收錄電腦正在播放的聲音;如想在角落加上你的真人鏡頭,就開啟網絡攝影機。
按下錄影
三秒倒數讓你有時間切換到要錄的視窗。你可以隨時暫停再繼續,暫停的部分不會出現在完成的檔案中。
下載 MP4
按下停止,檔案即時寫好。你可以直接儲存、放進剪片軟件,或傳送到任何需要的地方。整個過程都沒有上傳任何內容。
擷取期間,瀏覽器本身的分享列會一直顯示;在那裡停止分享,同樣會停止錄影並儲存已錄下的內容。
02 可以錄下甚麼
大多數免費螢幕錄影工具只給你一段沒有聲音的螢幕影片。這個工具則會把一段實用短片真正需要的三樣東西,同時錄進同一個檔案。
整個螢幕、視窗或分頁
錄下整個顯示器、單一應用程式或一個瀏覽器分頁。使用多部顯示器時,你可以選擇錄下哪一部。
咪高風旁白
你的聲音會與畫面同步錄下,並啟用回音消除和降噪,所以即使不戴耳機,手提電腦的咪高風聽起來也夠清楚。
系統音訊
收錄電腦正在播放的聲音,例如影片、通話或遊戲,並與你的旁白混合成單一音軌。
網絡攝影機小圓窗
你的鏡頭畫面會以圓形小窗疊加在畫面底部的角落,並直接合成到影片之中,所以無論用哪個剪片軟件開啟都會保留。
最高 1440p 60 fps
要用電郵傳送的片段選 720p;幾乎所有用途選 1080p;錄製遊戲或快速動作時,就選 1440p 60 fps。
暫停與繼續
說到一半可以先停下來,整理一下思緒再繼續。暫停的部分會從時間軸剪走,不會錄成一段冷場。
03 格式問題
幾乎所有瀏覽器錄影工具都在這一環出錯,這也是很多人最後得到一個甚麼軟件都打不開的檔案的原因。
各瀏覽器在影片格式上各有各做。若不加處理,Chrome 會給你一個 WebM 檔案,Firefox 會給你另一種 WebM 檔案,只有 Safari 會輸出 MP4。WebM 本身是很好的格式,但在毫無預期下拿到它就麻煩了:Windows「相片」可能拒絕開啟,iMovie 和舊版 Premiere 無法匯入,把它傳到手機或交給客戶更是自找麻煩。
一般的解決方法是事後用 ffmpeg.wasm 轉檔,即是要先下載約 30 MB 的 WebAssembly 才能開始轉換,然後還要等你的手提電腦把整段錄影再轉碼一次。
我們的做法不同。瀏覽器能自行寫入 MP4 的,就交給它處理——不會重新編碼,按下停止的一刻檔案已經完成。其他情況下,我們會用 WebCodecs 編碼,使用你的電腦平時進行視像通話的同一個 H.264 硬件編碼器,再在網頁內把結果封裝成 MP4 容器。不用下載 30 MB 的檔案,不用再轉碼一次,也不需要伺服器。
結果就是一個普通的 H.264 MP4,配 AAC 音訊:這種格式能在十五年前的電視上播放,可以匯入任何剪片軟件,上傳到 YouTube、Slack、WhatsApp 和 Google Drive 時也無須轉檔。
| 一般瀏覽器錄影工具 | screen-record.app | |
|---|---|---|
| 你得到的檔案 | Chrome 和 Firefox 輸出 WebM | 盡可能一律 MP4 |
| 影片編解碼器 | VP8 或 VP9 | H.264 (AVC) |
| 音訊編解碼器 | Opus | AAC-LC |
| 轉檔需額外下載 | 約 30 MB 的 ffmpeg.wasm | 無 |
| 錄影後再轉碼一次 | 需要,整段轉碼 | 不需要 |
| 可在 iMovie、Premiere、「相片」開啟 | 經常不能 | 可以 |
Firefox 目前尚未向網頁提供 MP4 錄影或 H.264 編碼器。在 Firefox 上你會得到 WebM 檔案,而錄影工具會在你下載之前(而不是之後)告訴你。
04 你的錄影去了哪裡
這一點值得講清楚,因為每個錄影工具都標榜「私密」,但幾乎沒有一個真的做到字面上的意思。
你的螢幕、咪高風和攝影機由瀏覽器 API 擷取,再交給你正在瀏覽的網頁。這些資料會送進同樣在網頁內運行的編碼器,然後成為一個存放在瀏覽器記憶體中的檔案。下載按鈕指向的,就是這個記憶體中的檔案。整個過程中沒有任何網絡請求傳送影片,因為本網站只是一組靜態檔案,沒有任何可以接收影片的後端。
實際意義是:無論你錄的是網上銀行的頁面、公司內部工具、病人紀錄,還是未發佈的軟件版本,都不會變成別人的問題。你甚至可以在按下錄影前中斷網絡連線——錄影工具照樣運作,因為網頁載入後,它完全不需要互聯網。
無須帳戶
無須註冊任何東西,所以不會有任何個人檔案與你的錄影掛鈎。
不會上傳
檔案在你的瀏覽器中產生,並一直留在那裡,直到你把它儲存。
沒有水印
無論解像度或長度,影片上都不會加上任何標記。
無時間限制
錄影長度只受你的磁碟空間和記憶體限制,而不是受收費計劃限制。
05 大家都錄甚麼
錄一段螢幕影片,通常比打一段文字訊息更快。以下是最常見的用途。
報告程式錯誤
示範令問題出現的操作步驟。一段三十秒的影片,就能了結一串原本要靠電郵來回兩天的討論。
教學與操作指南
一邊操作一邊講解整個流程。想讓講解更有人味、不像說明書,就加上網絡攝影機小圓窗。
產品示範
以 1080p 錄一次流程,把同一段乾淨的影片發給所有人,不用把同一個現場示範重做十一次。
設計作品回饋
一邊指著設計稿一邊講解。語氣能傳達文字評語表達不了的細微之處。
講課與溫習筆記
在院校允許的情況下,錄下投影片連同講師的聲音,留待溫習時重溫。
瀏覽器遊戲
1440p 60 fps,連系統音訊和咪高風旁述,足以製作短片和精華片段。
新人培訓與工作交接
內部流程只需錄一次。即使錄影的人早已離開,影片依然有用。
客戶支援解答
用一條影片連結回答同一個客戶問題,取代沒人會照著做的九個編號步驟。
06 兼容性
螢幕擷取是瀏覽器的功能,不是操作系統的功能。關鍵在於你用哪個瀏覽器開啟此頁面,以及你是否在使用電腦。
近幾年推出的所有電腦版瀏覽器都支援螢幕擷取,因此本錄影工具可在 Windows、macOS、Linux 和 ChromeOS 上使用,無須安裝任何東西。各瀏覽器的分別在於能寫入哪種影片格式,而這正是我們的編碼器要解決的問題。
手機和平板電腦則是另一回事。iOS 和 Android 都不允許網頁擷取裝置本身的螢幕,任何瀏覽器都無法繞過——這是平台的決定,而不是瀏覽器的限制。兩個操作系統都各自內置了螢幕錄影功能,下面的指南會教你如何開啟。
| 瀏覽器 | 螢幕擷取 | 系統音訊 | 你得到的檔案 |
|---|---|---|---|
| Chrome(電腦版) | 支援 | 螢幕、視窗及分頁 | MP4 |
| Edge(電腦版) | 支援 | 螢幕、視窗及分頁 | MP4 |
| Opera(電腦版) | 支援 | 螢幕、視窗及分頁 | MP4 |
| Safari(macOS) | 支援 | 只限咪高風 | MP4 |
| Firefox(電腦版) | 支援 | 只限咪高風 | WebM |
| iOS 上的任何瀏覽器 | 不支援 | — | 使用 iOS 內置錄影功能 |
| Android 上的任何瀏覽器 | 不支援 | — | 使用 Android 內置錄影功能 |
系統音訊擷取是 Chromium 的功能。在 Safari 和 Firefox 中你仍可錄下咪高風的聲音,但不會包括電腦正在播放的聲音。
07 在手機上
如果你是用手機來到這裡,上面的錄影工具幫不了你——與其讓你按一堆沒有反應的按鈕,不如先說明原因。
Apple 從未向 Safari 開放螢幕擷取功能,而由於所有 iOS 瀏覽器底層都必須使用 Apple 的引擎,iPhone 上的 Chrome 和 Firefox 同樣做不到。Android 基於同樣的安全理由採取相同立場:一個能夠靜靜讀取整個螢幕的網頁,就是一個網絡釣魚工具。
兩個平台都改為在操作系統層面解決這個問題。iOS 自 iOS 11 起已在「控制中心」內置螢幕錄影功能——它預設是關閉的,所以很多人都以為自己的 iPhone 沒有這個功能。Android 11 或較新版本的「快速設定」中也有相應的功能。兩者都完全免費、沒有水印,也無須安裝任何應用程式。
iOS 本身已經可以錄影螢幕,但它無法同時拍下你。一段反應影片、評述或教學,如果角落沒有你的樣子,就只是一段普通片段。Reaction Cam 是一個只做這件事的小型 iPhone 應用程式:你選擇一段現有的影片,它會拍下你對著影片作出的反應並疊加上去,最後給你一段合成好的影片。
09 坦白比較
網頁錄影工具並非所有錄影問題的最佳答案。以下是各個選擇真正勝出的地方。
| 本錄影工具 | 桌面應用程式(OBS、Camtasia) | 內置工具(Game Bar、macOS ⇧⌘5) | |
|---|---|---|---|
| 需要安裝 | 無須 | 需要 | 無須 |
| 費用 | 免費 | 免費至 300 美元 | 免費 |
| 水印 | 永不 | 視乎工具而定 | 永不 |
| 網絡攝影機疊加 | 有,已內置 | 有,可完全自訂 | 沒有 |
| 系統音訊 | Chromium 瀏覽器 | 支援 | Windows 支援,macOS 需額外擴充程式 |
| 可在受公司管制的手提電腦上使用 | 可以 | 通常被封鎖 | 可以 |
| 多來源場景及直播 | 不支援 | 支援 | 不支援 |
| 內置剪輯及字幕 | 沒有 | 有 | 沒有 |
如果你需要切換場景、直播或完整的剪輯時間軸,請安裝 OBS——它免費,而且在這方面做得更好。如果你要在兩分鐘內、在一部不准安裝軟件的電腦上錄好一段影片,這裡就是更快的選擇。
10 常見問題
大家在第一次錄影前後最常問的問題。
是的,而且是最直白意義上的免費。沒有帳戶、沒有會到期的試用期、沒有匯出限制,也沒有要付費才能解鎖你真正想要的解像度的收費級別。本網站只是靜態檔案,錄影在你的電腦上進行,所以根本沒有按分鐘計算的成本需要轉嫁給你。
不需要。螢幕擷取、攝影機存取和影片編碼都已內置在現代瀏覽器中。開啟這個頁面,就等於完成安裝。這也代表它可以在不准自行安裝軟件、由公司管理的手提電腦上使用。
不會。無論解像度或長度,影片上都不會加上任何東西。唯一會合成到畫面上的,只有你自己的網絡攝影機小圓窗,而且只在你開啟時才會出現。
我們沒有設任何限制。實際上限取決於你自己的硬件:錄影期間檔案存放在記憶體中,所以在可用 RAM 不多的電腦上長時間錄影,最終可能會用盡空間。如果在 1080p 下錄影超過約一小時,最好分段錄製。
不會,而且這不是政策承諾,而是架構使然。本網站沒有後端。影片從不離開它所產生的網頁;你可以在錄影時打開瀏覽器的「網絡」分頁,或在按下開始前中斷互聯網連線,自行驗證這一點。錄影工具在離線時照樣運作。
只要瀏覽器做得到,都是 H.264 影片配 AAC 音訊的 MP4。這很重要,因為另一個選擇是 WebM,而 Windows「相片」、iMovie 和舊版 Premiere 都會拒絕開啟,很多上傳表格也不接受。MP4 是在任何地方都能直接使用的格式。
視乎瀏覽器,有兩種方法。Safari 以及新版 Chrome 和 Edge 可以直接寫入 MP4,我們就交給它們處理——不會重新編碼。舊版 Chromium 做不到,我們便用 WebCodecs 配合你電腦的 H.264 硬件編碼器進行編碼,再用 JavaScript 組裝 MP4 容器。兩種方法都免去了約 30 MB 的 ffmpeg.wasm 下載,以及它所需的第二次完整轉碼。
在 Chrome、Edge 和 Opera 中可以——開啟系統音訊,然後選擇你的螢幕或某個分頁。Safari 和 Firefox 不向網頁提供系統音訊,所以在這兩個瀏覽器中,你可以錄下咪高風的聲音,但不能錄下電腦本身輸出的聲音。在 Windows 上,擷取單一視窗的聲音不及擷取整個螢幕或瀏覽器分頁可靠。
可以。開始前先開啟咪高風。如果同時開啟了系統音訊,兩者會混合成單一音軌,所以你不會得到一個旁白在一個聲道、影片聲音在另一個聲道的檔案。
可以。開啟網絡攝影機開關,你的鏡頭畫面就會以圓形小窗出現在畫面底部的角落。它會直接合成到影片之中,而不是保留為獨立圖層;好處是用任何剪片軟件開啟都會保留,壞處是事後無法移動位置。
支援 Windows、macOS、Linux 和 ChromeOS 電腦上的 Chrome、Edge、Opera、Safari 和 Firefox。Chrome、Edge 和 Opera 提供完整功能,包括系統音訊。Safari 可以錄影,但沒有系統音訊。Firefox 同樣沒有系統音訊,而且輸出的是 WebM 而不是 MP4,錄影工具會在你下載前提醒你。
因為 Apple 不向網頁開放螢幕擷取,無論是 Safari 還是任何其他 iOS 瀏覽器——它們底層都必須使用 Apple 的引擎。這是平台的限制,而不是缺少某個功能,任何網站都無法繞過。iOS 在「控制中心」內置了自己的螢幕錄影功能,我們的 iPhone 指南會教你如何開啟。
Android 有同樣的限制:網頁無法擷取裝置的螢幕。Android 11 或較新版本在「快速設定」中內置了螢幕錄影功能——向下滑動兩次,點一下「螢幕錄影」,再選擇是否錄下聲音。即使在 Android 平板電腦上以桌面模式使用 Chrome,也同樣做不到。
技術上可以——錄下通話所在的螢幕或分頁,並開啟系統音訊以收錄其他與會者的聲音。但在法律和道德上,請先告知所有人。很多司法管轄區規定,錄下對話須取得所有參與者同意,而大多數公司的政策比法律更嚴格。
串流平台使用 DRM,它會指示系統的圖像處理層把受保護的影片排除在任何擷取之外。錄影本身會成功,但該區域會變成黑色。所有螢幕錄影工具(包括桌面應用程式)都受此影響,而這是刻意設計的結果。在大多數國家,錄製串流電影亦屬侵犯版權,所以這個限制還是別碰為妙。
存到瀏覽器儲存下載檔案的位置——通常是「下載」資料夾。檔案以錄影的日期和時間命名,所以即使資料夾裡有很多檔案,也能輕鬆排序。
以 1080p30 錄影,每分鐘大約 30 至 60 MB,視乎螢幕上的動態多少而定。螢幕內容的壓縮效果很好,因為畫面大部分是靜止的,所以投影片教學的檔案遠比遊戲畫面小。選擇 720p 大約可將檔案減半。
要用電郵傳送或貼到工單的內容,選 720p 30 fps。教學和示範選 1080p 30 fps,大多數情況下這都是正確選擇。1440p 60 fps 只適用於遊戲或快速動作——檔案會大得多,對處理器的要求也高得多。
可以。暫停,做完你要做的事,然後繼續。暫停的時段會從時間軸中移除,所以完成的影片既沒有冷場,時間碼也不會出現明顯跳躍。
不可以,這是刻意的。這個工具只做一件事。它產生的 MP4 可以在任何剪片軟件中開啟,所以用你平時慣用的軟件剪就可以了——CapCut、iMovie、Clipchamp、DaVinci Resolve 或 Premiere 都行。
常見原因有三個。第一,按下錄影前咪高風開關是關閉的,而錄影一開始選項就會鎖定。第二,你使用的是 Safari 或 Firefox,它們不向網頁提供系統音訊。第三,你在 Chrome 中選擇了視窗而不是螢幕或分頁——在 Windows 上,視窗擷取無法可靠地收錄聲音。改為錄下整個螢幕或單一分頁即可解決。
可以,而且對任何網頁內容來說,這都是最佳選擇。分頁擷取跟隨的是分頁本身,而不是螢幕上的某個區域,所以通知、其他視窗和你的桌面背景都不會出現。它的聲音也最乾淨,因為只會收錄該分頁的聲音。
只要頁面已經載入,就可以。錄影期間不需要發出任何網絡請求,所以即使關閉網絡,錄影工具也照樣運作。這也是你自行確認沒有任何內容被上傳的最簡單方法。
錄影本身從不離開你的電腦,所以這個工具不會增加任何外洩風險。餘下的風險在於你剛建立的檔案:它和其他影片一樣存放在「下載」資料夾中,所以請按內容的敏感程度妥善處理,並留意螢幕上可見的一切——通知、分頁、書籤——現在都已錄進影片裡。
錄影會結束並儲存,效果與你在這裡按下停止完全一樣。你不會失去已錄下的內容。
可以。選擇「螢幕」,瀏覽器的選擇器會列出所有已連接的顯示器,選擇你要的那一部即可。每次錄影只能擷取一部顯示器,所以如果要同時涵蓋兩部顯示器的內容,請改為選擇你實際需要的視窗或分頁。
因為這是兩個獨立的決定,瀏覽器也是這樣處理。螢幕分享是每次錄影時透過選擇器授權;攝影機和咪高風則是按網站授權。拒絕其中任何一項,只會移除該輸入來源——錄影仍會照常進行。
錄下你自己的螢幕一般沒有問題。可能越界的是螢幕上的內容:未經同意錄下他人的聲音或影像、擷取受版權保護的電影或付費課程,或匯出公司資料。這個工具無法判斷這些情況,所以責任始終在你身上。