Yang Baru di WebGPU (Chrome\r116)

François Beaufort
François Beaufort
GitHub

Integrasi WebCodecs

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 model warna YUV sumber.

Namun, spesifikasi WebGPU awal tidak mengizinkan pembuatan objek GPUExternalTexture dari objek VideoFrame WebCodecs. Kemampuan ini penting untuk aplikasi pemrosesan video lanjutan yang sudah menggunakan WebCodecs dan ingin mengintegrasikan WebGPU dalam pipeline pemrosesan video. Integrasi WebCodecs menambahkan dukungan untuk menggunakan VideoFrame sebagai sumber untuk panggilan GPUExternalTexture dan copyExternalImageToTexture(). Lihat contoh berikut, dan entri chromestatus.

// 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);

// Create texture from VideoFrame.
const texture = device.importExternalTexture({ source: videoFrame });
// TODO: Use texture in bind group creation.

Lihat contoh eksperimental Upload Video dengan WebCodecs untuk mencobanya.

Perangkat yang hilang ditampilkan oleh requestDevice() GPUAdapter

Jika metode requestDevice() di GPUAdapter gagal karena telah digunakan untuk membuat GPUDevice, metode tersebut kini terpenuhi dengan GPUDevice yang langsung ditandai sebagai hilang, bukan menampilkan promise yang ditolak dengan null. Lihat masalah chromium:1234617.

const adapter = await navigator.gpu.requestAdapter();
const device1 = await adapter.requestDevice();

// New! The promise is not rejected anymore with null.
const device2 = await adapter.requestDevice();
// And the device is immediately marked as lost.
const info = await device2.lost;

Memastikan pemutaran video tetap lancar jika importExternalTexture() dipanggil

Saat importExternalTexture() dipanggil dengan HTMLVideoElement, pemutaran video terkait tidak akan di-throttle lagi saat video tidak terlihat di area pandang. Lihat masalah chromium:1425252.

Kesesuaian spesifikasi

Argumen message dalam konstruktor GPUPipelineError() bersifat opsional. Lihat perubahan chromium:4613967.

Error akan diaktifkan saat memanggil createShaderModule() jika sumber WGSL code berisi \0. Lihat masalah dawn:1345.

Level detail maksimum default (lodMaxClamp) yang digunakan saat mengambil sampel tekstur dengan createSampler() adalah 32. Lihat perubahan chromium:4608063.

Meningkatkan pengalaman developer

Pesan ditampilkan di konsol JavaScript DevTools untuk mengingatkan developer saat mereka menggunakan WebGPU di platform yang tidak didukung. Lihat perubahan chromium:4589369.

Pesan error validasi buffering langsung ditampilkan di konsol JavaScript DevTools saat getMappedRange() gagal tanpa memaksa developer untuk mengirim perintah ke antrean. Lihat perubahan chromium:4597950.

Screenshot konsol JavaScript DevTools yang menampilkan pesan error validasi buffering.
Pesan error validasi buffering di konsol JavaScript DevTools.

Update fajar

Tombol debug disallow_unsafe_apis telah diganti namanya menjadi allow_unsafe_apis dan dinonaktifkan secara default. Tombol ini akan menyembunyikan error validasi pada titik entri API atau kombinasi parameter yang belum dianggap aman. Hal ini dapat berguna untuk proses debug. Lihat masalah dawn:1685.

Atribut source wgpu::ShaderModuleWGSLDescriptor yang tidak digunakan lagi akan dihapus dan diganti dengan code. Lihat change dawn:130321.

Metode wgpu::RenderBundle::SetLabel() yang tidak ada telah diimplementasikan. Lihat perubahan dawn:134502.

Aplikasi dapat meminta backend tertentu saat mendapatkan adaptor dengan opsi wgpu::RequestAdapterOptionsBackendType. Lihat contoh di bawah dan masalah dawn:1875.

wgpu::RequestAdapterOptionsBackendType backendTypeOptions = {};
backendTypeOptions.backendType = wgpu::BackendType::D3D12;

wgpu::RequestAdapterOptions options = {};
options.nextInChain = &backendTypeOptions;

// Request D3D12 adapter.
myInstance.RequestAdapter(&options, myCallback, myUserData);

Metode SwapChain::GetCurrentTexture() baru telah ditambahkan dengan penggunaan tambahan untuk tekstur swapchain sehingga wgpu::Texture yang ditampilkan dapat digunakan dalam salinan. Lihat contoh di bawah dan masalah dawn:1551.

wgpu::SwapChain swapchain = myDevice.CreateSwapChain(mySurface, &myDesc);
swapchain.GetCurrentTexture();
swapchain.Present();

Bagian ini hanya membahas beberapa sorotan utama. Lihat daftar commit yang lengkap.

Yang Baru di WebGPU

Daftar semua yang telah dibahas dalam seri Yang Baru di WebGPU.

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113