PWA、WebAssembly 和 ChromeOS 如何協助網頁式影片編輯器為 1,200 萬名使用者提升效能和更引人入勝的體驗。
97%
PWA 的每月安裝次數成長幅度
2.3 x
提升成效
9%
PWA 使用者的留存率升幅
Clipchamp 是瀏覽器內建的線上影片編輯器，可讓任何人透過影片分享報導價值。全球有超過 1, 200 萬名創作者 使用 Clipchamp 輕鬆編輯影片我們提供許多簡單的影片製作解決方案，包括裁剪和剪輯等直覺易用的工具，以及螢幕錄影器等實用功能，甚至是網路迷因。
誰正在使用 Clipchamp？
我們的使用者 (或我們所謂的日常編輯) 多元。即使沒有專業知識，也能成為 Clipchamp 的影片編輯器。具體來說，我們目前指出銷售、支援訓練和產品行銷團隊使用我們的網路攝影機和螢幕錄影器，為內容提供簡短的說明，並加上文字和 GIF 來吸引目光。我們也觀察到許多小型商家會在移動時編輯和發布社交影片。
客戶面臨哪些挑戰？
我們瞭解，影片編輯一開始可能會令人不安。這項假設相當困難，也可能是先前使用複雜編輯軟體的困擾。相反地，Clipchamp 專注於簡單明瞭，以提供文字重疊、圖庫影片、音樂、範本等項目的支援功能。
我們發現，大多數日常編輯都不想創作電影配樂我們經常會詢問使用者的意見，同時也不斷提醒他們目前事務繁忙，就是想盡可能快速輕鬆地將故事推向全世界，因此我們是我們的重點。
開發夾扣 PWA
Clipchamp，我們的宗旨是讓人們透過影片述說自己的故事。為了實現這個願景，我們很快就會意識到，在整合影片專案時，允許使用者使用自己的影片片段非常重要。
這種見解為 Clipchamp 的工程團隊帶來壓力，想出有利於在網頁應用程式中有效率地處理 Gigabyte 規模媒體檔案的技術。考量到網路頻寬限制，我們很快就擺脫傳統的雲端式解決方案。透過零售網際網路連線上傳大型媒體檔案，總是在開始編輯前會累積大量的等待時間，進而造成使用者體驗不佳。
因此，我們改採完全瀏覽器內解決方案，由使用者裝置提供的硬體資源在本機執行所有「繁重處理」的影片處理作業。我們是針對 Chrome 瀏覽器設計策略，更進一步運用 ChromeOS 平台，協助克服在瀏覽器內建構影片建立平台所面臨的艱鉅挑戰。
影片處理極為耗費資源，會影響電腦和儲存空間資源。我們開始在 Google (可攜式) Native Client (PNaCl) 上建構第一個版本的 Clipchamp。雖然最終遭到淘汰，PNaCl 是個很好的確認機制，讓我們的團隊知道網頁應用程式可以快速且低延遲，同時仍是在使用者硬體上執行。
稍後改用 WebAssembly 時，我們很高興看到 Chrome 率先整合 MVP 後的功能，例如大量記憶體作業、執行緒，以及最新的固定寬度向量作業。我們的工程團隊對於後者相當滿意，讓我們能將影片處理堆疊最佳化，以利用在當代 CPU 上普遍使用的 SIMD 作業。利用 Chrome 的 WebAssembly SIMD 支援功能，我們順利縮短某些特別嚴苛的工作負載，例如 4K 影片解碼和影片編碼。
我們其中一位工程師幾乎不到一個月，且能處理極少經驗，但在短短不到一個月內，我們成功將效能提升 2.3 倍。雖然目前僅限於 Chrome 來源試用，但我們已向大多數使用者推出這些 SIMD 強化功能。雖然使用者執行的硬體設定大相逕庭，但我們還是能在不受到故障率造成任何負面影響的情況下，確認實際工作環境的效能升幅。
最近，我們整合了新興的 WebCodecs API，目前可在其他 Chrome 來源試用中使用。有了這項新功能，我們就能進一步提昇在許多熱門 Chromebook 中，低規格硬體的影片解碼效能。
建立 PWA 時，務必要鼓勵採用此架構，和許多網頁應用程式一樣，我們將重點放在簡單易用，包括社群媒體登入功能 (包括 Google) 等，快速讓使用者前往特定位置編輯影片，然後再匯出影片。此外，我們也在工具列中升級 PWA 安裝提示，並將 PWA 安裝提示升級為選單導覽的彈出式通知。
結果
我們可安裝的 Chrome PWA 大受歡迎。我們很高興看到 PWA 使用者的留存率比標準電腦版使用者高 9%，這點也很開心。 自 5 個月前推出以來，PWA 的安裝量大幅增加，增幅為 97%。如前所述，WebAssembly SIMD 的強化效能提高了 2.3 倍。
未來
我們對於 PWA 的參與和使用的接納，讓我們感到非常驚訝。我們認為，Clipchamp 使用者留存率很有幫助，因為 PWA 已安裝且容易使用。我們也發現，PWA 對編輯器的效能較佳，不僅更具吸引力，還能吸引使用者持續回訪。
展望未來，我們很高興看到 ChromeOS 引進這項服務，幫助更多使用者輕鬆完成更多工作。具體來說，我們很高興在處理檔案時，能夠與本機 OS 進行一些便利的整合作業。我們認為這將有助於加快忙碌的日常編輯工作流程，這是我們的首要任務之一。