Setelah bertahun-tahun pengembangan, tim Chrome mengumumkan bahwa rilis pertama WebGPU kini tersedia secara default di Chrome pada ChromeOS, macOS, dan Windows. Lihat Chrome mengirimkan WebGPU untuk mempelajari lebih lanjut.
Kami juga telah mulai menambahkan dokumentasi komprehensif untuk WebGPU di MDN.
Dan masih banyak lagi.
Gunakan sumber WebCodecs VideoFrame
di importExternalTexture()
WebGPU mengekspos API untuk membuat objek "tekstur eksternal" buram dari HTMLVideoElement
hingga importExternalTexture()
. Anda dapat menggunakan objek ini untuk mengambil sampel frame video secara efisien, kemungkinan dengan cara 0-salinan langsung dari data YUV sumber.
Namun, spesifikasi WebGPU awal tidak mengizinkan pembuatan objek GPUExternalTexture
dari objek VideoFrame
WebCodecs. Kemampuan ini penting untuk aplikasi pemrosesan video tingkat lanjut yang sudah menggunakan WebCodecs dan ingin mengintegrasikan WebGPU dalam pipeline pemrosesan video. Diskusi saat ini sedang berlangsung di masalah gpuweb/gpuweb#1380.
Mengaktifkan fitur
Secara default, fitur ini tidak diaktifkan di Chrome, tetapi dapat diuji coba di Chrome 113 dengan mengaktifkan fungsinya secara eksplisit. Anda dapat mengaktifkannya secara lokal dengan mengaktifkan tanda "WebGPU Developer Features" di chrome://flags/#enable-webgpu-developer-features
.
Untuk mengaktifkannya bagi semua pengunjung aplikasi Anda, uji coba origin saat ini sedang berlangsung dan akan berakhir di Chrome 118 (8 Desember 2023). Untuk berpartisipasi dalam uji coba, daftar dan sertakan elemen meta dengan token uji coba origin di header HTML atau HTTP. Untuk mengetahui informasi selengkapnya, lihat postingan Memulai uji coba origin.
Kode contoh
// Access the GPU device.
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();
// Create VideoFrame from HTMLVideoElement.
const video = document.querySelector("video");
const videoFrame = new VideoFrame(video);
const texture = device.importExternalTexture({ source: videoFrame });
// TODO: Use texture in bind group creation.
Lihat contoh eksperimental Upload Video dengan WebCodecs untuk mencobanya.
Yang Baru di WebGPU
Daftar semua hal yang telah dibahas dalam seri What's New in WebGPU.
Chrome 130
- Penggabungan sumber ganda
- Peningkatan waktu kompilasi shader di Metal
- Penghentian GPUAdapter requestAdapterInfo()
- Info terbaru fajar
Chrome 129
Chrome 128
- Bereksperimen dengan subgrup
- Penghentian penggunaan setelan bias kedalaman untuk garis dan titik
- Menyembunyikan peringatan error DevTools yang tidak direkam jika preventDefault
- WGSL melakukan interpolasi sampling terlebih dahulu dan
- Pembaruan Dawn
Chrome 127
- Dukungan eksperimental untuk OpenGL ES di Android
- Atribut info GPUAdapter
- Peningkatan interop WebAssembly
- Error encoder perintah yang ditingkatkan
- Pembaruan Dawn
Chrome 126
- Meningkatkan batas maxTextureArrayLayers
- Pengoptimalan upload buffer untuk backend Vulkan
- Peningkatan waktu kompilasi shader
- Buffer perintah yang dikirimkan harus unik
- Pembaruan Dawn
Chrome 125
Chrome 124
- Tekstur penyimpanan hanya baca dan baca-tulis
- Dukungan pekerja layanan dan pekerja bersama
- Atribut informasi adaptor baru
- Perbaikan bug
- Pembaruan Dawn
Chrome 123
- Dukungan fungsi bawaan DP4a di WGSL
- Parameter pointer yang tidak dibatasi dalam WGSL
- Sugar sintaksis untuk dereferensi komposit dalam WGSL
- Status hanya baca terpisah untuk aspek stencil dan kedalaman
- Info terbaru fajar
Chrome 122
- Memperluas jangkauan dengan mode kompatibilitas (fitur dalam pengembangan)
- Meningkatkan batas maxVertexAttributes
- Pembaruan Dawn
Chrome 121
- Mendukung WebGPU di Android
- Menggunakan DXC, bukan FXC, untuk kompilasi shader di Windows
- Kueri stempel waktu dalam penerusan komputasi dan rendering
- Titik entri default ke modul shader
- Mendukung display-p3 sebagai ruang warna GPUExternalTexture
- Info heap memori
- Pembaruan Dawn
Chrome 120
- Dukungan untuk nilai floating point 16-bit di WGSL
- Mendorong batas
- Perubahan pada status kedalaman-stensil
- Pembaruan informasi adaptor
- Kuantisasi kueri stempel waktu
- Fitur bersih-bersih
Chrome 119
- Tekstur float 32-bit yang dapat difilter
- Format verteks unorm10-10-10-2
- Format tekstur rgb10a2uint
- Pembaruan Dawn
Chrome 118
- Dukungan HTMLImageElement dan ImageData di
copyExternalImageToTexture()
- Dukungan eksperimental untuk tekstur penyimpanan baca-tulis dan hanya baca
- Info terbaru fajar
Chrome 117
- Membatalkan penetapan buffer verteks
- Membatalkan penetapan grup pengikatan
- Menonaktifkan error dari pembuatan pipeline asinkron saat perangkat hilang
- Pembaruan pembuatan modul shader SPIR-V
- Meningkatkan pengalaman developer
- Menyimpan cache pipeline dengan tata letak yang dibuat secara otomatis
- Pembaruan Dawn
Chrome 116
- Integrasi WebCodecs
- Perangkat yang hilang ditampilkan oleh
requestDevice()
GPUAdapter - Membuat pemutaran video tetap lancar jika
importExternalTexture()
dipanggil - Kepatuhan spesifikasi
- Meningkatkan pengalaman developer
- Pembaruan Dawn
Chrome 115
- Ekstensi bahasa WGSL yang didukung
- Dukungan eksperimental untuk Direct3D 11
- Mendapatkan GPU terpisah secara default pada daya AC
- Meningkatkan pengalaman developer
- Pembaruan Dawn
Chrome 114
- Optimalkan JavaScript
- getCurrentTexture() pada kanvas yang tidak dikonfigurasi akan menampilkan InvalidStateError
- Update WGSL
- Pembaruan Dawn