Halaman ini diterjemahkan oleh Cloud Translation API.

Yang Baru di WebGPU (Chrome Berikut 113)

François Beaufort

Setelah bertahun-tahun melakukan pengembangan, tim Chrome mengumumkan bahwa rilis pertama WebGPU kini tersedia secara default di Chrome di ChromeOS, macOS, dan Windows. Lihat Chrome mengirimkan WebGPU untuk mempelajari lebih lanjut.

Kami juga mulai menambahkan dokumentasi komprehensif untuk WebGPU di MDN.

Dan masih banyak lagi.

Menggunakan sumber `VideoFrame` WebCodecs di `importExternalTexture()`

WebGPU mengekspos API untuk membuat objek "tekstur eksternal" buram dari HTMLVideoElement melalui importExternalTexture(). Anda dapat menggunakan objek ini untuk mengambil sampel frame video secara efisien, berpotensi tanpa penyalinan 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 berlangsung di masalah gpuweb/gpuweb#1380.

Aktifkan fitur

Secara default, fitur ini tidak diaktifkan di Chrome, tetapi dapat dicoba di Chrome 113 dengan mengaktifkan fungsi ini secara eksplisit. Anda dapat mengaktifkannya secara lokal dengan mengaktifkan flag "Fitur Developer WebGPU" 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 HTML atau header HTTP. Untuk mengetahui informasi selengkapnya, lihat postingan Mulai menggunakan 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 Penguploadan Video dengan WebCodecs untuk mencobanya.