Fungsi baru untuk developer—disediakan oleh WebAssembly

Etalase alat kini tersedia di web berkat WebAssembly.

Thomas Nattestad
Thomas Nattestad

WebAssembly memungkinkan developer menghadirkan fungsi berperforma baru ke web dari bahasa lain. Selama beberapa tahun terakhir, developer telah benar-benar memanfaatkan peluang yang ada. Postingan ini hanya menampilkan beberapa alat baru yang bisa Anda manfaatkan, salah satunya berkat WebAssembly.

Alat dan library yang dapat Anda gunakan sekarang

Tanpa basa-basi lagi, langsung aja yuk :D

SQLite

Port SQLite yang lengkap ini menghadirkan sistem manajemen database relasional yang ringan, tersemat, dan terintegrasi ke tangan Anda. Untuk mempelajari lebih lanjut, baca postingan blog yang menunjukkan port yang luar biasa ini dan cara menggunakannya.

FFmpeg.wasm

FFmpeg adalah proyek software gratis dan open source yang terdiri dari serangkaian library dan program untuk menangani video, audio, serta file dan streaming multimedia lainnya. Anda dapat menemukan versi kompilasi wasm di sini (repositori github) yang memungkinkan Anda melakukan semua fungsi ini langsung di browser.

Deskripsi Adegan Universal (USD)

Universal Scene Description (USD) adalah framework untuk data grafis komputer 3D yang berfokus pada kolaborasi, pengeditan yang tidak merusak, dan memungkinkan banyak tampilan dan pendapat tentang data grafis. Ini adalah standar industri yang didukung oleh aplikasi seperti Pixar, Autodesk, Nvidia, dan banyak lagi. Meskipun masih tahap awal untuk mendapatkan dukungan web, Autodesk sudah menjadi open source untuk penampil USD berbasis web yang dapat Anda lihat di sini.

CanvasKit

CanvasKit adalah Skia, mesin rendering Chrome dan Android, yang dikompilasi langsung ke WebAssembly. Dengan ID ini, Anda mendapatkan akses JavaScript API sederhana ke hampir semua kekuatan mesin rendering Skia. Fungsionalitas ini mencakup rendering kompleks, pembentukan teks, animasi, tinta, dan banyak lagi. Lihat paket npm dan panduan memulai.

TensorFlow.js

TensorFlow.js menghadirkan kecanggihan TensorFlow langsung ke browser dengan JavaScript API sederhana. Pada prinsipnya, Performa Maksimal mengoptimalkan model di GPU dan CPU (termasuk pengoptimalan SIMD) untuk memaksimalkan performa. Anda dapat melihat panduan memulai atau melihat beberapa demo mereka secara langsung.

OpenCV

OpenCV adalah standar industri fungsi pemrograman yang terutama untuk visi komputer real-time. Ada paket npm yang mudah digunakan di sini, dan untuk pengguna Emscripten juga ada petunjuk mendetail untuk melakukan build lengkap. Untuk mengetahui cara SIMD dan thread meningkatkan performa beban kerja ini, Anda dapat menonton bagian presentasi Modern WebAssembly Chrome Dev Summit ini.

Cocos

Cocos adalah game engine canggih dan populer yang memungkinkan developer membuat game dengan dukungan lintas platform dan kini mencakup web. Wasm bergabung ke dalam daftar panjang game engine yang memungkinkan ekspor web melalui wasm. Untuk memulai, masuk ke editor Cocos dan ikuti petunjuk ini.

Kesimpulan

Selain contoh spesifik ini, banyak hal yang perlu diperhatikan terkait potensi WebAssembly untuk mengubah laju fungsi web baru. Chrome bahkan telah menyiapkan Advanced Web Apps Fund yang dapat membantu developer mendanai pekerjaan mereka untuk meningkatkan fungsi web yang tersedia bagi semua developer.

Banner besar dari Pexels, oleh Ann Marie Kennon.