去年團(tuán)隊(duì)里有人隨口問了一句："要是視頻處理能全在瀏覽器里搞定，不用服務(wù)器呢？"

我當(dāng)時(shí)正在一家在線視頻平臺(tái)做技術(shù)評(píng)估，這句話把我拽進(jìn)了一個(gè)長(zhǎng)達(dá)8個(gè)月的WASM深坑?，F(xiàn)在回頭看，有些發(fā)現(xiàn)挺反直覺的——比如Safari這個(gè)"老拖后腿"的，居然開始翻身了。

從服務(wù)器賬單開始的實(shí)驗(yàn)

我們給客戶的核心服務(wù)是視頻上傳和處理。傳統(tǒng)流程很標(biāo)準(zhǔn)：用戶傳文件→服務(wù)器做編碼/切片/分析→返回結(jié)果。

但賬單和延遲都在漲。文件越大，服務(wù)器成本越高，用戶等得越久。哪怕只是做個(gè)簡(jiǎn)單的預(yù)處理或元數(shù)據(jù)提取，也要走完整的服務(wù)器鏈路，這件事本身就透著浪費(fèi)。

"客戶端能不能扛？"這個(gè)想法成了評(píng)估WASM的起點(diǎn)。

答案是可以，而且比預(yù)期能干得多。

我們用的是ffmpeg.wasm——FFmpeg編譯成WebAssembly的版本。以下功能全部能在瀏覽器里直接跑：

不需要服務(wù)器。文件不出用戶設(shè)備。從隱私角度說，這是實(shí)打?qū)嵉膬?yōu)勢(shì)。

性能數(shù)據(jù)比我想象的好看。短視頻編碼速度大概是原生FFmpeg的1/5到1/2——聽著很慢，但別忘了這是在瀏覽器標(biāo)簽頁里跑。能跑起來本身就夠離譜了。

視頻元數(shù)據(jù)提取幾乎是實(shí)時(shí)的。不用上傳就能拿到分辨率、碼率、時(shí)長(zhǎng)這些信息，UX可以直接上一個(gè)臺(tái)階。

1GB文件引發(fā)的內(nèi)存慘案

最大的坑是內(nèi)存。

瀏覽器里的WebAssembly有硬性上限。處理大文件時(shí)稍有不慎就會(huì)內(nèi)存溢出崩潰——我親手踩過這個(gè)雷。直接把1GB視頻文件丟進(jìn)去，標(biāo)簽頁當(dāng)場(chǎng)死亡。

解決方法是分塊處理。把大文件切成64MB的塊，順序?qū)懭刖彌_區(qū)：

分塊處理繞過了內(nèi)存限制，代價(jià)是代碼復(fù)雜度上升——但這個(gè)代價(jià)付得起。

實(shí)現(xiàn)起來不算優(yōu)雅，但穩(wěn)定。我們線上跑了幾個(gè)月，沒再出現(xiàn)過內(nèi)存崩潰。

Safari的翻身仗

評(píng)估過程中我順便掃了一眼整個(gè)WASM生態(tài)。和兩年前比，變化很大。

以前Safari是WASM世界的"新IE"——開發(fā)者要么寫降級(jí)代碼，要么干脆避開某些功能，因?yàn)樘O果在WASM支持上一直比Chrome和Firefox慢半拍。

現(xiàn)在情況變了。Safari 18.4支持了新的Wasm異常處理規(guī)范，Safari 26.0又加了原地解釋器來加速啟動(dòng)。蘋果終于開始認(rèn)真跟進(jìn)了。

這個(gè)轉(zhuǎn)變的實(shí)際意義是什么？以前要維護(hù)三套代碼路徑的模塊，現(xiàn)在可以逐步收攏。對(duì)中小型團(tuán)隊(duì)來說，維護(hù)成本是實(shí)打?qū)嵉南陆怠?/p>

當(dāng)然，Chrome和Firefox還是跑在前頭。但"Safari能用"和"Safari好用"之間的差距，正在以肉眼可見的速度縮小。

沒說完的部分

回到那個(gè)最初的問題：我們把多少服務(wù)器負(fù)載成功遷到了客戶端？

目前大約是30%的預(yù)處理任務(wù)——主要是元數(shù)據(jù)提取、縮略圖生成、格式預(yù)檢。編碼和重度處理還是留在服務(wù)端，畢竟2-5倍的性能差距在批量場(chǎng)景下扛不住。

但這個(gè)比例在動(dòng)。WASM的編譯工具鏈在成熟，瀏覽器內(nèi)存限制也在緩慢放寬。我們內(nèi)部在測(cè)一個(gè)新的流式處理方案，目標(biāo)是把單文件處理上限從現(xiàn)在的2GB推到10GB。

有個(gè)細(xì)節(jié)挺有意思：用戶其實(shí)感知不到背后換了技術(shù)。他們只發(fā)現(xiàn)"上傳前就能看到視頻信息了""小文件處理變快了"。技術(shù)債務(wù)的減少，最終變成了產(chǎn)品體驗(yàn)的平滑。

所以如果你也在評(píng)估WASM，我的建議是——先找一個(gè)具體的成本痛點(diǎn)下手，而不是為了技術(shù)而技術(shù)。我們的起點(diǎn)只是一張服務(wù)器賬單，和一句"要是能……"的假設(shè)。

現(xiàn)在的問題是：當(dāng)瀏覽器能做的事越來越多，你準(zhǔn)備把哪些服務(wù)器任務(wù)"還"給用戶設(shè)備？