Neu in WebGPU (Chrome 116)

François Beaufort
François Beaufort
GitHub

WebCodecs-Integration

WebGPU stellt eine API bereit, um undurchsichtige externe Texturobjekte von HTMLVideoElement bis importExternalTexture() zu erstellen. Sie können diese Objekte verwenden, um die Videoframes effizient zu erfassen, möglicherweise auf 0-Kopie-Art direkt aus den YUV-Quelldaten-Farbmodelldaten.

Die ursprüngliche WebGPU-Spezifikation erlaubte jedoch das Erstellen von GPUExternalTexture-Objekten aus WebCodecs-VideoFrame-Objekten nicht. Diese Funktion ist wichtig für fortgeschrittene Anwendungen zur Videoverarbeitung, die bereits WebCodecs verwenden und WebGPU in die Videoverarbeitungspipeline integrieren möchten. Die WebCodecs-Integration unterstützt jetzt die Verwendung von VideoFrame als Quelle für GPUExternalTexture- und copyExternalImageToTexture()-Aufrufe. Sehen Sie sich das folgende Beispiel und den Chromestatus-Eintrag an.

// 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.

Sehen Sie sich das experimentelle Beispiel Video Uploading with WebCodecs an, um damit zu experimentieren.

Verlorenes Gerät wurde von GPUAdapter requestDevice() zurückgegeben

Wenn die requestDevice()-Methode in GPUAdapter fehlschlägt, weil sie bereits zum Erstellen eines GPUDevice verwendet wurde, wird sie jetzt mit einem GPUDevice-Objekt erfüllt, das sofort als verloren markiert ist, anstatt ein Versprechen zurückzugeben, das mit null abgelehnt wird. Siehe Problem „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;

Reibungslose Videowiedergabe bei Aufruf von importExternalTexture()

Wenn importExternalTexture() mit einem HTMLVideoElement aufgerufen wird, wird die zugehörige Videowiedergabe nicht mehr gedrosselt, wenn das Video nicht im Darstellungsbereich sichtbar ist. Weitere Informationen finden Sie unter Problem „chromium:1425252“.

Spezifikationskonformität

Das Argument message im Konstruktor GPUPipelineError() ist optional. Siehe chrome:4613967 ändern.

Beim Aufrufen von createShaderModule() wird ein Fehler ausgelöst, wenn die WGSL-Quelle code \0 enthält. Weitere Informationen finden Sie unter Problem dawn:1345.

Der standardmäßige maximale Detaillierungsgrad (lodMaxClamp), der beim Sampling einer Textur mit createSampler() verwendet wird, ist 32. Siehe chrome:4608063 ändern.

Bessere User Experience für Entwickler

In der JavaScript-Konsole der Entwicklertools wird eine Meldung angezeigt, die Entwickler daran erinnert, wenn sie WebGPU auf einer nicht unterstützten Plattform verwenden. Siehe Chromium ändern:4589369.

Fehlermeldungen bei der Validierung des Zwischenspeichers werden sofort in der JavaScript-Konsole der Entwicklertools angezeigt, wenn getMappedRange() fehlschlägt. Entwickler müssen dabei keine Befehle an die Warteschlange senden. Weitere Informationen finden Sie unter Chromium ändern:4597950.

Screenshot der JavaScript-Konsole der Entwicklertools mit Fehlermeldung zur Puffervalidierung.
Fehlermeldung zur Validierung des Zwischenspeichers in der JavaScript-Konsole der Entwicklertools.

Updates zum Morgengrauen

Die Ein/Aus-Schaltfläche für die Fehlerbehebung bei disallow_unsafe_apis wurde in allow_unsafe_apis umbenannt und standardmäßig auf „Deaktiviert“ gesetzt. Mit dieser Ein/Aus-Schaltfläche werden Validierungsfehler bei API-Einstiegspunkten oder Parameterkombinationen, die noch nicht als sicher gelten, unterdrückt. Dies kann bei der Fehlerbehebung hilfreich sein. Weitere Informationen finden Sie unter Problem dawn:1685.

Das eingestellte Attribut „source“ (wgpu::ShaderModuleWGSLDescriptor) wird zugunsten von „code“ entfernt. Weitere Informationen finden Sie unter change dawn:130321.

Die fehlende wgpu::RenderBundle::SetLabel()-Methode wurde implementiert. Weitere Informationen finden Sie unter change dawn:134502.

Anwendungen können ein bestimmtes Back-End anfordern, wenn ein Adapter mit der Option wgpu::RequestAdapterOptionsBackendType abgerufen wird. Ein Beispiel unten finden Sie unter 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);

Es wurde eine neue SwapChain::GetCurrentTexture()-Methode mit zusätzlichen Verwendungsmöglichkeiten für Swapchain-Texturen hinzugefügt, sodass die zurückgegebene wgpu::Texture in Kopien verwendet werden kann. Ein Beispiel unten finden Sie unter issue dawn:1551.

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

Dies sind nur einige der wichtigsten Punkte. Hier finden Sie eine vollständige Liste der Commits.

Neu bei WebGPU

Hier finden Sie eine Liste aller Inhalte, die in der Reihe What's New in WebGPU behandelt wurden.

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