Deze pagina is vertaald door de Cloud Translation API.

Wat is er nieuw in WebGPU (Chrome 113)

François Beaufort

Na jarenlange ontwikkeling kondigt het Chrome-team aan dat de eerste versie van WebGPU nu standaard beschikbaar is in Chrome op ChromeOS, macOS en Windows. Bekijk Chrome levert WebGPU voor meer informatie.

We zijn ook begonnen met het toevoegen van uitgebreide documentatie voor WebGPU op MDN.

En er is meer.

Gebruik de WebCodecs `VideoFrame` bron in `importExternalTexture()`

WebGPU biedt een API om ondoorzichtige "externe textuur"-objecten te creëren vanuit HTMLVideoElement via importExternalTexture() . Je kunt deze objecten gebruiken om de videoframes efficiënt te samplen, mogelijk zelfs zonder kopieën, rechtstreeks vanuit de bron-YUV-gegevens.

De oorspronkelijke WebGPU-specificatie staat echter niet toe dat GPUExternalTexture objecten worden gemaakt van WebCodecs VideoFrame objecten. Deze mogelijkheid is belangrijk voor geavanceerde videoverwerkingsapplicaties die al WebCodecs gebruiken en WebGPU in de videoverwerkingspipeline willen integreren. Er vindt momenteel een discussie plaats in issue gpuweb/gpuweb#1380 .

Schakel de functie in

Standaard is deze functie niet ingeschakeld in Chrome, maar je kunt ermee experimenteren in Chrome 113 door de functionaliteit expliciet in te schakelen. Je kunt dit lokaal doen door de vlag "WebGPU Developer Features" in te schakelen via chrome://flags/#enable-webgpu-developer-features .

Om Origin voor alle bezoekers van uw app beschikbaar te maken, loopt er momenteel een Origin-proef die eindigt in Chrome 118 (8 december 2023). Om deel te nemen aan de proef, meldt u zich aan en voegt u een meta-element met het Origin-proeftoken toe aan de HTML- of HTTP-header. Raadpleeg het bericht 'Aan de slag met Origin-proeven ' voor meer informatie.

Voorbeeldcode

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

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

Bekijk het experimentele voorbeeld 'Video uploaden met WebCodecs' om ermee te experimenteren.