Neu in WebGPU (Chrome 116)

François Beaufort
François Beaufort

WebCodecs-Integration

WebGPU macht eine API verfügbar, um eine undurchsichtige „externe Textur“ zu erstellen Objekte von HTMLVideoElement bis importExternalTexture(). Sie können diese Objekte verwenden, um die Videoframes effizient zu erfassen, möglicherweise auf 0-Kopie-Basis direkt aus den YUV-Quellfarbmodelldaten.

Die ursprüngliche WebGPU-Spezifikation ließ jedoch das Erstellen von GPUExternalTexture-Objekten aus WebCodecs-Objekten vom Typ VideoFrame nicht zu. Diese Funktion ist wichtig für fortgeschrittene Videoverarbeitungsanwendungen, die bereits WebCodecs verwenden und WebGPU in die Videoverarbeitungspipeline integrieren möchten. Durch die WebCodecs-Integration wird die Verwendung eines VideoFrame als Quelle für einen GPUExternalTexture- und einen copyExternalImageToTexture()-Aufruf unterstützt. 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 dazu das Testbeispiel Video-Upload mit WebCodecs an.

Von GPUAdapter requestDevice() zurückgegebenes Gerät

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

Für eine reibungslose Videowiedergabe, wenn importExternalTexture() aufgerufen wird

Wenn importExternalTexture() mit einer HTMLVideoElement aufgerufen wird, wird die zugehörige Videowiedergabe nicht mehr gedrosselt, wenn das Video nicht im Darstellungsbereich sichtbar ist. Siehe Problem „chromium:1425252“.

Spezifikationen

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

Beim Aufrufen von createShaderModule() wird ein Fehler ausgelöst, wenn die WGSL-Quelle code \0 enthält. Siehe issue dawn:1345.

Die maximale Detailebene (lodMaxClamp), die beim Sampling einer Textur mit createSampler() verwendet wird, beträgt standardmäßig 32. Siehe chromium:4608063 ändern.

Entwicklererfahrung verbessern

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:4589369 ändern.

Fehlermeldungen bei der Puffervalidierung werden sofort in der JavaScript-Konsole der Entwicklertools angezeigt, wenn getMappedRange() fehlschlägt, ohne dass Entwickler gezwungen sind, Befehle an die Warteschlange zu senden. Siehe chromium:4597950 ändern.

<ph type="x-smartling-placeholder">
</ph> Screenshot der JavaScript-Konsole der Entwicklertools mit Fehlermeldung zur Zwischenspeichervalidierung. <ph type="x-smartling-placeholder">
</ph> Fehlermeldung zur Puffervalidierung in der JavaScript-Konsole der Entwicklertools

Updates zur Morgendämmerung

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

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

Die fehlende Methode wgpu::RenderBundle::SetLabel() 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. Unten findest du ein Beispiel mit 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 Rückgabe-wgpu::Texture in Kopien verwendet werden kann. Unten findest du ein Beispiel mit issue dawn:1551.

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

Hier werden nur einige der wichtigsten Vorteile behandelt. Vollständige Liste der Commits

Das ist neu bei WebGPU

Eine Liste aller behandelten Themen der Reihe What's New in 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