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

透過 WebAssembly,現在可以在網頁上使用一系列工具。

Thomas Nattestad
Thomas Nattestad

WebAssembly 可讓開發人員透過其他語言,為網頁帶來新的高效功能。過去幾年來,開發人員確實充分發揮了這些可能性。這篇文章只介紹了部分新工具,這些工具可為您帶來好處,這要歸功於 WebAssembly。

您現在可以使用的工具和程式庫

廢話不多說,現在就來看看精彩內容 :D

SQLite

這個完整的 SQLite 移植版本,可讓您使用輕量嵌入式關聯資料庫管理系統。如要進一步瞭解,請參閱這篇網誌文章,瞭解這個令人驚豔的端口以及如何使用。

FFmpeg.wasm

FFmpeg 是免費的開放原始碼軟體專案,包含一組程式庫和程式,可處理影片、音訊和其他多媒體檔案和串流。您可以在這裡找到 WASM 編譯版本 (GitHub 存放區),直接在瀏覽器中執行所有這類功能。

通用場景說明 (美元)

通用場景描述 (USD) 是 3D 電腦圖像資料的架構,重點在於協作、不破壞性編輯,以及提供多種圖像資料的觀點和意見。這是 Pixar、Autodesk、Nvidia 等公司支援的業界標準。雖然網頁支援功能仍處於初期階段,但 Autodesk 已開放原始碼的網路版 USD 檢視器,您可以在此查看。

CanvasKit

CanvasKit 是 Skia,Chrome 和 Android 的轉譯引擎,可直接編譯為 WebAssembly。有了這個 API,您就能透過簡單的 JavaScript API 存取 Skia 轉譯引擎的幾乎所有功能。這項功能包括複雜的算繪、文字造型、動畫、勾勒等。請參閱 npm 套件快速入門指南

TensorFlow.js

TensorFlow.js 可透過簡單的 JavaScript API,將 TensorFlow 的強大功能直接導入瀏覽器。實際上,它會在 GPU 和 CPU 上最佳化模型 (包括 SIMD 最佳化),以便盡可能提升效能。您可以參閱入門指南,或直接查看部分示範

OpenCV

OpenCV 是業界標準的程式設計函式,主要用於即時電腦視覺。這裡有一個簡單易用的 npm 套件,Emscripten 使用者也可以參考完整建構作業的詳細操作說明。如要瞭解 SIMD 和執行緒如何改善這些工作負載的效能,請觀看 Modern WebAssembly Chrome Dev Summit 演講的這個部分

Cocos

Cocos 是功能強大且熱門的遊戲引擎,可讓開發人員建構支援跨平台的遊戲,現在也包括網頁遊戲。這項功能加入了長長的遊戲引擎清單,這些遊戲引擎可透過 wasm 啟用網頁匯出功能。如要開始使用,請前往 Cocos 編輯器並按照這些操作說明操作。

結論

除了這些具體範例外,WebAssembly 可能會改變新網路功能的速度,這點也令人振奮。Chrome 甚至還設立了進階網頁應用程式基金,可協助開發人員為其工作提供資金,進而提升所有開發人員可用的網頁功能!

主頁橫幅圖片來源:Pexels,作者:Ann Marie Kennon