Nouveautés du GPU Web (Chrome 116)

François Beaufort
François Beaufort
GitHub

Intégration de WebCodecs

WebGPU expose une API pour créer des objets de "texture externe" opaques de HTMLVideoElement à importExternalTexture(). Vous pouvez utiliser ces objets pour échantillonner efficacement les images vidéo, potentiellement avec une copie 0 directement à partir des données du modèle de couleur YUV source.

Cependant, la spécification WebGPU initiale n'autorisait pas la création d'objets GPUExternalTexture à partir d'objets WebCodecs VideoFrame. Cette fonctionnalité est importante pour les applications de traitement vidéo avancées qui utilisent déjà WebCodecs et souhaitent intégrer WebGPU dans leur pipeline de traitement vidéo. L'intégration de WebCodecs permet d'utiliser VideoFrame comme source pour un appel GPUExternalTexture et copyExternalImageToTexture(). Consultez l'exemple suivant et l'entrée 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.

Consultez l'exemple expérimental Video Upload with WebCodecs (Mise en ligne de vidéos avec WebCodecs) pour jouer.

Appareil perdu renvoyé par GPUAdapter requestDevice()

Si la méthode requestDevice() sur GPUAdapter échoue, car elle a déjà été utilisée pour créer un GPUDevice, elle répond désormais à un GPUDevice immédiatement marqué comme perdu, au lieu de renvoyer une promesse qui est rejetée avec null. Consultez problème 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;

Maintenir une lecture fluide de la vidéo si la fonction importExternalTexture() est appelée

Lorsque importExternalTexture() est appelé avec un HTMLVideoElement, la lecture de la vidéo associée n'est plus limitée si elle n'est pas visible dans la fenêtre d'affichage. Consultez problème chromium:1425252.

Conformité aux spécifications

L'argument message dans le constructeur GPUPipelineError() est facultatif. Consultez la section Modifier chromium:4613967.

Une erreur est déclenchée lors de l'appel de createShaderModule() si la source WGSL code contient \0. Voir issue dawn:1345.

Le niveau de détail maximal par défaut (lodMaxClamp) utilisé lors de l'échantillonnage d'une texture avec createSampler() est de 32. Consultez la section Modifier chromium:4608063.

Améliorer l'expérience des développeurs

Un message s'affiche dans la console JavaScript des outils de développement pour rappeler aux développeurs qu'ils utilisent WebGPU sur une plate-forme non compatible. Consultez Modifier chromium:4589369.

Les messages d'erreur de validation du tampon s'affichent instantanément dans la console JavaScript des outils de développement en cas d'échec de getMappedRange(), sans obliger les développeurs à envoyer des commandes à la file d'attente. Consultez Modifier chromium:4597950.

Capture d'écran de la console JavaScript des outils de développement affichant le message d'erreur de validation du tampon.
Message d'erreur de validation du tampon dans la console JavaScript des outils de développement.

Mises à jour de l'aube

Le bouton de débogage de disallow_unsafe_apis a été renommé allow_unsafe_apis et est désactivé par défaut. Ce bouton d'activation/de désactivation supprime les erreurs de validation sur les points d'entrée de l'API ou les combinaisons de paramètres qui ne sont pas encore considérées comme sécurisées. Cela peut être utile pour le débogage. Voir issue dawn:1685.

L'attribut source obsolète de wgpu::ShaderModuleWGSLDescriptor est supprimé au profit de code. Voir change dawn:130321.

La méthode wgpu::RenderBundle::SetLabel() manquante a été implémentée. Voir change dawn:134502.

Les applications peuvent demander un backend particulier lors de l'obtention d'un adaptateur avec l'option wgpu::RequestAdapterOptionsBackendType. Consultez l'exemple ci-dessous et le code 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);

Une nouvelle méthode SwapChain::GetCurrentTexture() a été ajoutée avec des utilisations supplémentaires pour les textures de chaîne d'échange afin que le wgpu::Texture renvoyé puisse être utilisé dans des copies. Consultez l'exemple ci-dessous et le code issue dawn:1551.

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

Nous n'aborderons ici que certains des points clés. Consultez la liste exhaustive des commits.

Nouveautés de WebGPU

Liste des points abordés dans la série Nouveautés de WebGPU.

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