Integrasi WebCodecs
WebGPU mengekspos API untuk membuat "tekstur eksternal" buram objek dari HTMLVideoElement
sampai importExternalTexture()
. Anda dapat menggunakan objek ini untuk mengambil sampel frame video secara efisien, mungkin 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 tingkat lanjut 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 bereksperimen.
Perangkat hilang yang ditampilkan oleh GPUAdapter requestDevice()
Jika metode requestDevice()
pada GPUAdapter
gagal karena telah digunakan untuk membuat GPUDevice
, metode tersebut sekarang akan terpenuhi dengan GPUDevice
yang langsung ditandai sebagai hilang, bukan menampilkan promise yang menolak 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;
Menjaga pemutaran video tetap lancar jika importExternalTexture() dipanggil
Saat importExternalTexture()
dipanggil dengan HTMLVideoElement
, pemutaran video terkait tidak akan dibatasi lagi saat video tidak terlihat di area tampilan. Lihat masalah chromium:1425252.
Kesesuaian spesifikasi
Argumen message
di konstruktor GPUPipelineError()
bersifat opsional. Lihat change chromium:4613967.
Error akan muncul saat memanggil createShaderModule()
jika code
sumber WGSL berisi \0
. Lihat masalah dawn:1345.
Tingkat detail maksimum default (lodMaxClamp
) yang digunakan saat mengambil sampel tekstur dengan createSampler()
adalah 32. Lihat change chromium:4608063.
Meningkatkan pengalaman developer
Sebuah pesan akan ditampilkan di konsol JavaScript DevTools untuk mengingatkan developer ketika mereka menggunakan WebGPU di platform yang tidak didukung. Lihat change chromium:4589369.
Pesan error validasi buffer langsung ditampilkan di konsol JavaScript DevTools saat getMappedRange()
gagal tanpa memaksa developer untuk mengirim perintah ke antrean. Lihat change chromium:4597950.
![Screenshot konsol JavaScript DevTools yang menampilkan pesan error validasi buffer.](https://developer.chrome.com/static/blog/new-in-webgpu-116/image/screenshot-devtools-java-f6335abfb3e85.png?authuser=6&hl=id)
Update fajar
Tombol debug disallow_unsafe_apis
telah diganti namanya menjadi allow_unsafe_apis
dan disetel ke nonaktif secara default. Tombol ini akan menyembunyikan error validasi pada kombinasi parameter atau titik entri API yang belum dianggap aman. Fungsi ini dapat berguna untuk melakukan proses debug.
Lihat issue dawn:1685.
Atribut source
wgpu::ShaderModuleWGSLDescriptor
yang tidak digunakan lagi akan dihapus dan digantikan oleh code
. Lihat change fawn:130321.
Metode wgpu::RenderBundle::SetLabel()
yang hilang telah diimplementasikan. Lihat change fawn:134502.
Aplikasi dapat meminta backend tertentu saat mendapatkan adaptor dengan opsi wgpu::RequestAdapterOptionsBackendType
. Lihat contoh di bawah dan issue 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 issue dawn:1551.
wgpu::SwapChain swapchain = myDevice.CreateSwapChain(mySurface, &myDesc);
swapchain.GetCurrentTexture();
swapchain.Present();
Artikel ini hanya mencakup beberapa sorotan utama. Lihat daftar commit selengkapnya.
Yang Baru di WebGPU
Daftar semua hal yang telah dibahas dalam seri What's New in WebGPU.
Chrome 127
- Dukungan eksperimental untuk OpenGL ES di Android
- Atribut info GPUAdapter
- Peningkatan interop WebAssembly
- Memperbaiki error encoder perintah
- Info terbaru fajar
Chrome 126
- Meningkatkan batas maxTextureArrayLayers
- Pengoptimalan upload buffer untuk backend Vulkan
- Peningkatan waktu kompilasi shader
- Buffer perintah yang dikirimkan harus unik
- Info terbaru fajar
Chrome 125
Chrome 124
- Tekstur penyimpanan hanya baca dan baca-tulis
- Dukungan pekerja layanan dan pekerja bersama
- Atribut informasi adaptor baru
- Perbaikan bug
- Info terbaru fajar
Chrome 123
- Dukungan fungsi bawaan DP4a dalam WGSL
- Parameter pointer yang tidak dibatasi dalam WGSL
- sugar sintaksis untuk dereferensi komposit dalam WGSL
- Memisahkan status hanya baca untuk aspek stensil dan kedalaman
- Info terbaru fajar
Chrome 122
- Memperluas jangkauan dengan mode kompatibilitas (fitur dalam pengembangan)
- Meningkatkan batas maxVertexAttributes
- Info terbaru fajar
Chrome 121
- Mendukung WebGPU di Android
- Menggunakan DXC, bukan FXC, untuk kompilasi shader di Windows
- Kueri stempel waktu dalam penerusan komputasi dan render
- Titik entri default ke modul shader
- Mendukung display-p3 sebagai ruang warna GPUExternalTexture
- Info heap memori
- Info terbaru fajar
Chrome 120
- Dukungan untuk nilai floating point 16-bit dalam WGSL
- Mencapai batas
- Perubahan pada status depth-stensil
- Pembaruan informasi adaptor
- Kuantisasi kueri stempel waktu
- Fitur pembersihan musim semi
Chrome 119
- Tekstur float 32-bit yang dapat difilter
- format verteks unorm10-10-10-2
- format tekstur rgb10a2uint
- Info terbaru fajar
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 bind group
- Menonaktifkan error dari pembuatan pipeline asinkron saat perangkat hilang
- Pembaruan pembuatan modul shader SPIR-V
- Meningkatkan pengalaman developer
- Menyimpan pipeline dengan tata letak yang dibuat secara otomatis
- Info terbaru fajar
Chrome 116
- Integrasi WebCodecs
- Perangkat hilang yang ditampilkan oleh GPUAdapter
requestDevice()
- Menjaga pemutaran video tetap lancar jika
importExternalTexture()
dipanggil - Kesesuaian spesifikasi
- Meningkatkan pengalaman developer
- Info terbaru fajar
Chrome 115
- Ekstensi bahasa WGSL yang didukung
- Dukungan eksperimental untuk Direct3D 11
- Mendapatkan GPU diskret secara default menggunakan daya AC
- Meningkatkan pengalaman developer
- Info terbaru fajar
Chrome 114
- Optimalkan JavaScript
- getCurrentTexture() pada kanvas yang tidak dikonfigurasi menampilkan InvalidStateError
- Info terbaru WGSL
- Info terbaru fajar