Nouveautés de Chrome 94

Pete LePage

Voici les informations à retenir :

  • L'espace colorimétrique par défaut pour les éléments <canvas> est désormais officiellement défini en tant que SRGB dans la spécification. Vous pouvez le remplacer par Display P3.
  • WebCodecs est un nouveau moyen simple d'accéder à des codecs audio et vidéo intégrés, important pour les jeux en streaming, les éditeurs vidéo, etc.
  • WebGPU lance sa phase d'évaluation.
  • Le PWA Summit aura lieu du 6 au 7 octobre.
  • Et ce n'est pas tout : ce n'est pas tout.

Je m'appelle Pete LePage. Je travaille et je filme depuis chez moi. Découvrons les nouveautés pour les développeurs de Chrome 94.

Espace colorimétrique par défaut pour les éléments canvas

Le rendu des couleurs à l'écran est essentiel pour certains utilisateurs. Pour les photographes, les illustrateurs et bien d'autres, les couleurs à l'écran doivent correspondre à ce qui est imprimé. À partir de Chrome 94, les éléments <canvas> sont entièrement gérés par couleur avec sRGB. Auparavant, sRGB était conventionnel, mais n'était pas explicitement défini dans la spécification.

opts = {colorSpace:'display-p3'};
const ctx = canvas.getContext('2d', opts);

Plus important encore, vous pouvez désormais spécifier l'espace colorimétrique à utiliser lors de la création d'un objet 2D de contexte de rendu <canvas> ou d'un objet ImageData, y compris l'espace colorimétrique P3.

WebCodecs

Mettre une vidéo sur une page est assez facile. Toutefois, si vous devez effectuer une opération un peu plus complexe et interagir avec les composants d'un flux vidéo, cette opération est complexe et nécessite généralement d'utiliser Web Assembly pour livrer vos propres codecs.

Mais envoyer votre propre codec implique d'écrire du code dont dispose déjà le navigateur, sans pouvoir bénéficier de l'accélération matérielle. L'API Web Codecs permet d'utiliser les composants multimédias et les codecs déjà présents dans le navigateur.

Personnellement, j'ai toujours eu du mal à me souvenir des bons commutateurs de ligne de commande pour encoder une vidéo pour le Web ou pour convertir un GIF en fichier vidéo. À l'aide des API disponibles via WebCodecs, je pourrais créer rapidement une application Web qui lit un fichier et exporte les fichiers appropriés nécessaires pour le Web.

Chemin d&#39;un canevas ou d&#39;un ImageBitmap vers le réseau ou l&#39;espace de stockage
Chemin d'accès d'un Canvas ou d'un ImageBitmap au réseau ou à l'espace de stockage

Les applications Web nécessitant un contrôle total sur le traitement du contenu multimédia, telles que les applications de montage vidéo, la visioconférence, les applications de streaming, etc. L'accès aux navigateurs intégrés aux commandes multimédias est énorme.

Il est difficile d'afficher quoi que ce soit d'utile en 30 secondes. Alors, consultez la page consacrée au traitement vidéo avec WebCodecs sur web.dev pour une présentation détaillée avec beaucoup de code et quelques démos intéressantes.

WebGPU

WebGPU est une nouvelle API qui expose des fonctionnalités graphiques modernes, en particulier Direct3D 12, Metal et Vulkan. Vous pouvez la considérer comme WebGL, mais elle permet d'accéder à des fonctionnalités plus avancées du GPU et permet également d'effectuer des calculs généraux sur le GPU.

Schéma de l&#39;architecture illustrant la connexion de WebGPU entre les API OS, Direct3D 12, Metal et Vulkan
Schéma de l'architecture WebGPU

Elle commence une phase d'évaluation dans Chrome 94, et Safari et Firefox travaillent actuellement sur leurs implémentations.

Démonstration Babylon.js d'une mer agitée simulée à l'aide du nuanceur de calcul de WebGPU.

François a rédigé un excellent article, intitulé Access modern GPU features with WebGPU (Accéder aux fonctionnalités GPU modernes avec WebGPU) sur web.dev, qui fournit des informations détaillées. Il compare les performances de la multiplication matricielle exécutée sur le processeur par rapport au GPU. Voici un indice. Le GPU l'emporte.

PWA Summit

Le PWA Summit aura lieu du 6 au 7 octobre. Il s'agit d'une conférence en ligne sans frais visant à aider les utilisateurs à réussir avec les progressive web apps. Le PWA Summit est le fruit d'une collaboration entre des personnes de différentes entreprises participant à la création de technologies PWA: Google, Intel, Microsoft et Samsung.

Il y a un grand nombre de conférences et de contenus passionnants. Pour en savoir plus et vous inscrire, rendez-vous sur PWASummit.org. J'espère vous compter parmi nous !

Et bien plus !

Bien sûr, ce n’est pas tout.

La méthode scheduler.postTask() prioritaire vous permet de planifier des tâches et de modifier leurs priorités de manière dynamique, ou de les annuler toutes ensemble.

Si vous vous êtes déjà battu avec une nouvelle mise en page lorsque les barres de défilement s'affichent, la propriété scrollbar-gutter vous plaira. Elle permet de contrôler la présence de gouttières de la barre de défilement, ce qui vous permet d'empêcher les modifications de mise en page lorsque le contenu se développe.

L'utilisation de WebSQL dans des contextes tiers est désormais obsolète. Sa suppression est prévue dans Chrome 97. La norme de base de données Web SQL a été abandonnée en novembre 2010. Elle n'a jamais été implémentée dans Firefox et a été abandonnée dans Safari en 2019. Elle sera obsolète et supprimée de Chrome lorsque son utilisation sera suffisamment faible. Si vous utilisez toujours WebSQL, le moment est idéal pour commencer à planifier votre migration.

L'API de clavier virtuel vous permet de mieux contrôler quand et comment le clavier virtuel à l'écran s'affiche. Elle vous permet de contrôler explicitement tout comportement de défilement ou toute modification de la mise en page lorsque le clavier apparaît ou disparaît.

Complément d'informations

Nous n'aborderons ici que certains des points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 94.

S'abonner

Pour ne rien manquer, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera lancée.

Je m'appelle Pete LePage. Dès que Chrome 95 sera disponible, je serai là pour vous dire les nouveautés de Chrome !