筆記型電腦可以在瀏覽器中完全本地端地把單張靜態影像從影片檔案中抽取出來,方法是讓網頁指向本機的 MP4、WebM、MOV、M4V 或 Ogg 影片片段,在秒數欄位輸入時間,然後將解碼後的影格下載為完整尺寸的 PNG — 無需上傳、無需安裝、無需重新編碼。整個流程都在本地端執行:瀏覽器的 HTMLMediaElement 解碼器開啟檔案,網頁跳轉到指定位置,以相同尺寸的畫布繪製目前解碼的影格,再由畫布將像素編碼為可下載的 PNG。這個路徑的速度足以擷取縮圖、簡報用的投影片,或從您掌控的影片中取出一張參考靜態影像,並且不會動到磁碟上的原始片段。

大多數人在只需要一張靜態影像時,會選擇重量級的桌面影片編輯軟體。但對於一次性產生的 PNG 來說,安裝容量、啟動時間和學習曲線都遠比任務本身還要沉重。以瀏覽器為基礎的擷取工具以精簡的流程取代了豐富的功能:挑選檔案、輸入時間、取得 PNG。這樣的取捨是合理的,因為瀏覽器本身已內建媒體解碼器和 2D 畫布引擎,所以網頁不需要伺服器、編碼碼包或外掛程式就能產生靜態影像。

extract frames from video on laptop
從筆記型電腦上的影片擷取影格:無需任何軟體

為何筆記型電腦瀏覽器是處理單張影格工作的實用場景

瀏覽器為這個任務帶來了三項一般筆記型電腦使用者已經在執行的功能。首先,能解碼常見容器的媒體堆疊。其次,能從目前影片影格讀取像素資料並將其回寫為 PNG 的畫布介面。第三,無需繞經伺服器即可將檔案交給筆記型電腦的下載管理程式。這三者結合起來,將一個分頁變成一個零成本開啟的小型影格擷取工具。

隱私是另一項安靜的優勢。由於檔案從不離開筆記型電腦,您可以從私人影片、客戶影片或受保密協議規範的影片中擷取靜態影像,而不必將資料交給第三方。當靜態影像將用於內部簡報、教學教材或尚未獲准上傳的草稿時,這點格外重要。

在筆記型電腦上從影片擷取影格:步驟說明

影片影格擷取工具頁面上的流程刻意設計得很簡短。

  1. 點選檔案選擇器,從筆記型電腦挑選一個支援的本機影片。等待顯示時長資訊和預覽縮圖出現,這代表瀏覽器已完成檔頭解碼。
  2. 在時間欄位中輸入時間。整數秒可以使用,小數秒也可以使用,所以您可以使用像 0.512.7559.9 這類在顯示時長範圍內的數值。
  3. 選擇擷取 PNG 影格。頁面會將底層媒體元素跳轉到您輸入的時間,將解碼後的影格繪製到同尺寸的畫布上,將畫布編碼為 PNG,並顯示靜態影像供預覽。
  4. 確認靜態影像符合您想要的時間點。如果畫面不對,輸入不同的時間並重新擷取 — 每次執行都會取代先前的預覽。
  5. 透過瀏覽器的下載流程儲存 PNG。檔名會包含您請求的時間,所以在 4.25 秒執行的擷取會以類似 frame-4.25.png 的檔名儲存在磁碟上。

如果頁面回報解碼、跳轉或編碼失敗,則不會下載任何檔案。錯誤訊息會取代空白的 PNG,防止儲存空白影像,並迫使您以不同的時間、不同的檔案或不同的瀏覽器編碼器重試。

以小數秒選擇精確時間

時間欄位接受小數值,因為影片時間軸很少剛好是整數。一段常見的 30 fps 影片每秒包含 30 個影格,所以每個影格大約佔 1 ÷ 30 ≈ 0.0333 秒。要到達第 90 個影格,請輸入 90 ÷ 30 = 3.000 秒;要到達第 91 個影格,請輸入 91 ÷ 30 ≈ 3.033 秒。在 60 fps 下,間距縮短為約 0.0167 秒,計算方式相同。

這只是方向性的計算,並非保證。瀏器會跳轉到媒體時間軸上的某個位置,而最接近的解碼影格可能因為關鍵影格、可變幀率、編輯清單和時間戳記四捨五入等因素,與請求的時間點相差一兩個影格。請先利用計算接近目標,再以小數(例如 0.01 或 0.02)微調時間,直到預覽顯示您想要的畫面。

筆記型電腦瀏覽器強制執行的檔案與尺寸限制

一項通用的安全政策讓擷取作業能在消費級硬體上穩定執行。頁面會在嘗試解碼前,拒絕超出以下限制的檔案:

限制項目上限
檔案大小500 MiB
時長5 分鐘
最長邊4096 像素
總解析度3840 × 2160

一段長度為十分鐘的 4K 影片超出其中兩項限制,因此即使容器和編碼器都受支援,也不會載入。之所以設定這些限制,是因為解碼、圖和 PNG 編碼都在同一個分頁內執行,而過大的影片所引發的記憶體暴增可能導致頁面當機。

最常讓人感到意外的限制,是容器與編碼器之間的區別。MP4、WebM、MOV、M4V 和 Ogg 都是容器,副檔名只能告訴您外層封裝的格式。瀏器仍須支援容器內部儲存的音訊和視訊編碼器,所以即使 MP4 副檔名列於支援清單中,採用特殊編碼器錄製的 MP4 仍可能無法開啟。可行的解決方案包括:換用其他影片、在本機轉檔為廣泛支援的編碼器,或使用內建所需解碼器的瀏覽器。

比較覽器方案與桌面選項

在筆記型電腦上,單張影格擷取不止一條可行的路徑。選擇取決於您需要多少張影格、時間必須多精確,以及是否能安裝軟體。

方法需要安裝需要上傳一般精確度最適合的情境
瀏覽器式擷取工具(本工具)最接近的解碼影格從您掌控的短片中擷取單張靜態影像
桌面影片編輯軟體大多數情況下可達影格精確多張靜態影像、批次輸出、需要色彩管理的作業
命令列工具 (FFmpeg)使用正確參數時可達影格精確批次擷取、腳本化執行、長片處理
雲端轉檔服務視服務而異您不介意上傳的檔案

當任務是從長度不超過五分鐘的影片中擷取單張靜態影像時,瀏覽器這一列就是正確答案。當您開始輸出數十張影格,或需要影格精確的剪輯時,桌面方案才值得安裝。想要深入了解命令列做法的讀者,可以參閱使用 FFmpeg 擷取影格指南,其中涵蓋了能處理大多數情境的四個參數。

什麼時候瀏覽器工具不是正確選擇

瀏器方案有其明確的天花板。需要影格精確的剪輯、HDR 或色彩管理輸出、超出解碼影格既有承載範圍的 Alpha 通道作業、數十甚至數百張靜態影像的批次擷取、精確編號的來源影格,或任何瀏覽器無法解碼的容器與編碼器組合時,讀者將會遇到瓶頸。超過五分鐘的長片同樣落在安全政策的範圍之外。在這些情況下,專屬的桌面工具 — 用於視覺作業的影片編輯器,用於腳本化批次處理的 FFmpeg 或同類工具 — 是更合適的選擇。

至於在上述限制範圍內的一切任務,影片影格取工具頁面都已足夠:開啟本機影片、輸入時間、確認靜態影像、儲存 PNG。

如果您正在權衡各種選項,在 Mac 瀏器中從影片擷取影格對此有詳細介紹。