Novità di WebGPU (Chrome 116)

François Beaufort
François Beaufort

Integrazione codec web

WebGPU espone un'API per creare una "texture esterna" opaca oggetti da HTMLVideoElement a importExternalTexture(). Puoi utilizzare questi oggetti per campionare i fotogrammi video in modo efficiente, potenzialmente in modo 0-copia direttamente dai dati del modello di colore YUV di origine.

Tuttavia, la specifica WebGPU iniziale non consentiva la creazione di oggetti GPUExternalTexture da oggetti WebCodec VideoFrame. Questa funzionalità è importante per le app di elaborazione video avanzata che già utilizzano WebCodec e vorrebbero integrare WebGPU nella pipeline di elaborazione video. L'integrazione WebCodecs aggiunge il supporto per l'utilizzo di VideoFrame come origine per una chiamata GPUExternalTexture e una copyExternalImageToTexture(). Guarda l'esempio che segue e la voce 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.

Guarda l'esempio sperimentale Caricamento di video con WebCodecs per sperimentare questo esempio.

Dispositivo smarrito restituito da GPUAdapter requestDevice()

Se il metodo requestDevice() su GPUAdapter non riesce perché è già stato utilizzato per creare un elemento GPUDevice, ora viene eseguito con un GPUDevice contrassegnato immediatamente come perso, anziché restituire una promessa che rifiuta con null. Vedi il problema 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;

Garantisci una riproduzione video fluida se viene chiamata la funzione importExternalTexture()

Quando importExternalTexture() viene chiamato con un HTMLVideoElement, la riproduzione video associata non viene più limitata quando il video non è visibile nell'area visibile. Consulta il problema chromium:1425252.

Conformità delle specifiche

L'argomento message nel costruttore GPUPipelineError() è facoltativo. Vedi la modifica di chromium:4613967.

Viene generato un errore durante la chiamata a createShaderModule() se l'origine WGSL code contiene \0. Vedi issue dawn:1345.

Il livello di dettaglio massimo predefinito (lodMaxClamp) utilizzato per il campionamento di una texture con createSampler() è 32. Vedi la modifica di chromium:4608063.

Migliorare l'esperienza degli sviluppatori

Nella console JavaScript di DevTools viene visualizzato un messaggio per ricordare agli sviluppatori quando utilizzano WebGPU su una piattaforma non supportata. Vedi la modifica di chromium:4589369.

I messaggi di errore relativi alla convalida del buffer vengono mostrati immediatamente nella console JavaScript di DevTools quando getMappedRange() non funziona, senza costringere gli sviluppatori a inviare comandi alla coda. Vedi la modifica di chromium:4597950.

Screenshot della console JavaScript DevTools con un messaggio di errore di convalida del buffer.
. Messaggio di errore di convalida del buffer nella console JavaScript di DevTools.

Aggiornamenti all'alba

L'opzione di attivazione/disattivazione di debug di disallow_unsafe_apis è stata rinominata in allow_unsafe_apis e disattivata per impostazione predefinita. Questa opzione di attivazione/disattivazione elimina gli errori di convalida sui punti di ingresso delle API o sulle combinazioni di parametri che non sono ancora considerati sicuri. Può essere utile per il debug. Vedi issue dawn:1685.

L'attributo source deprecato wgpu::ShaderModuleWGSLDescriptor è stato rimosso e sostituito con code. Vedi change dawn:130321.

Il metodo wgpu::RenderBundle::SetLabel() mancante è stato implementato. Vedi change dawn:134502.

Le applicazioni possono richiedere un particolare backend quando ricevono un adattatore con l'opzione wgpu::RequestAdapterOptionsBackendType. Consulta un esempio di seguito e 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);

È stato aggiunto un nuovo metodo SwapChain::GetCurrentTexture() con ulteriori utilizzi per le texture swapchain in modo che il valore wgpu::Texture restituito possa essere utilizzato nelle copie. Consulta un esempio di seguito e issue dawn:1551.

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

Descrive solo alcuni dei punti salienti. Consulta l'elenco completo dei commit.

Novità di WebGPU

Un elenco di tutti gli argomenti trattati nella serie Novità di WebGPU.

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