為開發人員提供的新功能 – 由 WebAssembly 提供

展示 WebAssembly 開發出在網路上使用的工具。

Thomas Nattestad
Thomas Nattestad

透過 WebAssembly,開發人員可以在網路上提供其他語言的全新效能功能。這幾年來,開發人員已確實善用各種可能性。這篇文章只介紹一些非常實用的新工具,這有部分 WebAssembly 的表現。

廢話不多說,現在就來學習更多吸睛內容吧 :D

使用者可透過這個完整的 SQLite 通訊埠,享有輕量的嵌入式關聯資料庫管理系統。如要瞭解詳情,請參閱這篇網誌文章,瞭解如何展示這個出色的通訊埠及使用方式。

FFmpeg.wasm

FFmpeg 是免費的開放原始碼軟體專案,內含一組程式庫和程式,可用於處理影片、音訊和其他多媒體檔案與串流。您可以前往這個網頁 (github 存放區),直接在瀏覽器中執行上述所有功能。

通用場景說明 (美元)

「Universal Scene Description」(美元) 是 3D 電腦圖形資料的架構,主要用於協同合作、非破壞性的編輯作業,而且提供有關圖像資料的多種觀點和意見。這是 Pixar、Autodesk 和 Nvidia 等公司都在支援的業界標準。網路支援服務仍處於早期開發階段,但 Autodesk 已開放網站式的美元檢視器,請按這裡查看。

CanvasKit

CanvasKit 是 Chrome 和 Android 的轉譯引擎 Skia,直接編譯為 WebAssembly。透過這個 API,您可以取得簡單的 JavaScript API 存取權,幾乎使用 Skia 轉譯引擎的所有功能。這些功能包括複雜的轉譯、文字形狀、動畫、繪圖等。查看 npm 套件快速入門指南

TensorFlow.js

TensorFlow.js 透過簡單的 JavaScript API,將 TensorFlow 的強大功能直接帶入瀏覽器。基本上,這個 API 會對 GPU 和 CPU 的模型 (包括 SIMD 最佳化) 進行最佳化調整,盡可能提升效能。您可以查看入門指南,或直接參閱指南中的部分示範

OpenCV

OpenCV 是符合業界標準的程式設計標準,主要適用於即時電腦視覺。我們提供易於使用的 npm 套件,Escripten 使用者如需執行完整版本的詳細操作說明,您也可以參閱這篇文章。如要瞭解 SIMD 和執行緒如何提升這些工作負載的效能,請觀看這一節,觀看 Modern WebAssembly Chrome 開發人員高峰會的演講影片。

Cocos

Cocos 是一款功能強大的熱門遊戲引擎,可讓開發人員運用跨平台支援功能建構遊戲,而現在的平台也包括網路。彙整了眾多遊戲引擎,讓哪些遊戲引擎能夠透過 wasm 進行網頁匯出。如要開始使用,請前往 Cocos 編輯器,並按照這些說明操作。

結論

除了這些具體範例外,WebAssembly 改變了新的網路功能步調也有許多地方令人振奮。Chrome 甚至已設置進階網頁應用程式基金,協助開發人員資助開發人員,讓所有開發人員都能享有網路功能。

主頁橫幅來自 Pexels,創作者:Ann Marie Kennon