Après des années de développement, l'équipe Chrome annonce que la première version de WebGPU est désormais disponible par défaut dans Chrome sur ChromeOS, macOS et Windows. Pour en savoir plus, consultez la page sur Chrome WebGPU.
Nous avons également commencé à ajouter une documentation complète sur WebGPU sur MDN.
Et ce n'est pas tout.
Utiliser la source WebCodecs VideoFrame dans importExternalTexture()
WebGPU expose une API pour créer une "texture externe" opaque objets de HTMLVideoElement à importExternalTexture(). Vous pouvez utiliser ces objets pour échantillonner efficacement les images vidéo, éventuellement par copie 0, directement à partir des données YUV sources.
Toutefois, la spécification WebGPU initiale ne permet pas de créer des 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 le pipeline de traitement vidéo. Une discussion a lieu actuellement concernant le problème gpuweb/gpuweb#1380.
Activer la fonctionnalité
Par défaut, cette fonctionnalité n'est pas activée dans Chrome, mais vous pouvez la tester dans Chrome 113 en l'activant explicitement. Vous pouvez l'activer localement en activant les "Fonctionnalités pour les développeurs WebGPU" flag à chrome://flags/#enable-webgpu-developer-features.
Pour l'activer pour tous les visiteurs de votre application, une phase d'évaluation est en cours et devrait se terminer dans Chrome 118 (le 8 décembre 2023). Pour participer à l'essai, inscrivez-vous et incluez un élément Meta avec le jeton d'évaluation de l'origine dans l'en-tête HTML ou HTTP. Pour en savoir plus, consultez Premiers pas avec les phases d'évaluation.
Exemple de code
// 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.
Consultez l'exemple expérimental Mise en ligne de vidéos avec WebCodecs pour tester cette fonctionnalité.
Nouveautés de WebGPU
Liste de tous les sujets abordés dans la série Nouveautés de WebGPU
Chrome 127
- Compatibilité expérimentale avec OpenGL ES sur Android
- Attribut d'informations GPUAdapter
- Améliorations de l'interopérabilité de WebAssembly
- Amélioration des erreurs liées à l'encodeur de commande
- Informations sur l'aube
Chrome 126
- Augmentation de la limite maxTextureArrayLayers
- Optimisation de l'importation de tampon pour le backend Vulkan
- Amélioration du temps de compilation des nuanceurs
- Les tampons de commande envoyés doivent être uniques
- Informations sur l'aube
Chrome 125
- Sous-groupes (fonctionnalité en cours de développement)
- Effectuer le rendu d'une tranche de texture 3D
- Informations sur l'aube
Chrome 124
- Textures de stockage en lecture seule et en lecture/écriture
- Assistance pour les service workers et les workers partagés
- Nouveaux attributs d'informations sur l'adaptateur
- Corrections de bugs
- Informations sur l'aube
Chrome 123
- Fonctions intégrées DP4a dans WGSL
- Paramètres de pointeur sans restriction dans WGSL
- Syntaxe sucré pour déréférencer les composites dans WGSL
- État de lecture seule distinct pour les aspects de pochoir et de profondeur
- Informations sur l'aube
Chrome 122
- Élargir la couverture avec le mode de compatibilité (fonctionnalité en développement)
- Augmenter la limite maximale de VertexAttributes
- Informations sur l'aube
Chrome 121
- Compatibilité avec WebGPU sur Android
- Utiliser DXC au lieu de FXC pour la compilation du nuanceur sous Windows
- Requêtes d'horodatage dans les passes de calcul et de rendu
- Points d'entrée par défaut des modules de nuanceurs
- Prise en charge de display-p3 en tant qu'espace colorimétrique GPUExternalTexture
- Informations sur les tas de mémoire
- Informations sur l'aube
Chrome 120
- Compatibilité avec les valeurs à virgule flottante 16 bits dans WGSL
- Repoussez les limites
- Modifications apportées à l'état de profondeur au stencil
- Mises à jour des informations sur l'adaptateur
- Quantification des requêtes d'horodatage
- Fonctionnalités de nettoyage de printemps
Chrome 119
- Textures de float 32 bits filtrables
- Format de sommet unorm10-10-10-2
- rgb10a2uint format de texture
- Informations sur l'aube
Chrome 118
- Compatibilité avec HTMLImageElement et ImageData dans
copyExternalImageToTexture() - Compatibilité expérimentale avec les textures de stockage en lecture/écriture et en lecture seule
- Informations sur l'aube
Chrome 117
- Tampon de sommets non défini
- Désactiver le groupe de liaisons
- Couper le son des erreurs liées à la création d'un pipeline asynchrone en cas de perte de l'appareil
- Modifications apportées à la création du module de nuanceur SPIR-V
- Améliorer l'expérience des développeurs
- Mettre en cache des pipelines avec une mise en page générée automatiquement
- Informations sur l'aube
Chrome 116
- Intégration de WebCodecs
- Appareil perdu renvoyé par GPUAdapter
requestDevice() - Maintenir une lecture vidéo fluide si
importExternalTexture()est appelé - Conformité des spécifications
- Améliorer l'expérience des développeurs
- Informations sur l'aube
Chrome 115
- Extensions de langage WGSL compatibles
- Compatibilité expérimentale avec Direct3D 11
- Utiliser un GPU distinct par défaut sur secteur
- Améliorer l'expérience des développeurs
- Informations sur l'aube
Chrome 114
- Optimiser JavaScript
- getCurrentTexture() sur un canevas non configuré génère InvalidStateError
- Informations concernant WGSL
- Informations sur l'aube