Developpez.com

Le Club des Développeurs et IT Pro

Intégration de l'API Picture-in-Picture pour afficher les vidéos flottantes : les tests sont en cours avec Chrome,

Apple s'y intéresse également

Le 2018-05-15 14:05:26, par Stan Adkens, Expert éminent sénior

La plupart des internautes souhaitent visionner des vidéos pendant qu’ils sont en train d’interagir avec d’autres contenus sur les pages Web. La fonctionnalité qui répond à cette préoccupation est nommée Picture-in-Picture. Par le passé, elle n'était prise en charge que sur les sites Web comme une fenêtre flottante qui n'apparaissait sur les pages Web que lorsque l'utilisateur faisait défiler la page de haut en bas. Toutefois, certaines plateformes possédaient des API spécifiques qui permettaient la prise en charge de toutes sortes d’applications vidéo.

Mais une solution définitive tend à être mise en œuvre. En effet, les concepteurs du Consortium World Wide Web (W3C) travaillent sur une API spécifique aux navigateurs afin de standardiser les interactions Picture-in-Picture permettant aux sites Web d'ouvrir une fenêtre externe flottante en dehors de la fenêtre du navigateur elle-même.

Cette nouvelle fonctionnalité, différente de ce qui est déjà implémenté dans les systèmes d'exploitation, vient d’une idée proposée en janvier 2018 par François Beaufort, ingénieur logiciel chez Google : « De nombreux utilisateurs veulent continuer à consommer des médias lorsqu'ils interagissent avec d'autres contenus, sites ou applications sur leur appareil », explique François Beaufort. « L'API Picture-in-Picture proposée permet aux sites Web d'initier et de contrôler ce comportement », explique-t-il.

Cette spécification vise à permettre aux sites Web d'initier et de contrôler ce comportement en rendant possible à l’API l’ensemble des propriétés suivantes : ouvrir ou fermer la fenêtre contextuelle PiP, définir la taille de la fenêtre, configurer des contrôles personnalisés, restreindre certaines interactions à l'intérieur de la fenêtre contextuelle et collecter des statistiques sur l'ouverture ou la fermeture de fenêtre PiP. Opéra a fait une mise jour similaire de sa sortie vidéo en avril 2016.

Google et Apple l’ont déjà implémentée sur certaines versions de leur système d’exploitation. Dans Safari, Apple a implémenté une API Picture-in-Picture préfixée par le fournisseur en commençant par Safari sur iOS 9 et macOS 10. Quant à Google, des tests pour évaluer le comportement de l’API sont planifiés. Les résultats des tests détermineront si l’API sera utilisée ou pas par Google. Les tests commenceront le 7 juin 2018 lorsque la version bêta de Chrome 68 sera opérationnelle et se termineront aux environs du 30 août 2018 lorsque la version stable de Chrome 69 sera expédiée.
Cependant, la fonctionnalité est déjà disponible pour les utilisateurs de Google Canary, qui peuvent l'activer à tout moment.

Fenêtre d’activation de l’API Picture-in-Picture sur Google Canary


Les équipes de Firefox et Edge ne se sont pas encore prononcées quant à leur intention d'utiliser la nouvelle API.

Ci-dessous, une capture de codes d’implémentation de l’API Picture-in-Picture :


Source : internetnewsblog, wicg

Et vous ?

Que pensez-vous de cette API Picture-in-Picture ?
Pourquoi Google s’est-il limité à la proposition de l’idée de l’API sans investir dans le projet ?

Voir aussi

Google Duplex, le système d'IA pour les échanges téléphoniques, est si réaliste, que Google envisage qu'il se présente au début d'une conversation
  Discussion forum
4 commentaires
  • onilink_
    Membre émérite
    Ça, ça va être "génial" pour les pubs.
  • Uther
    Expert éminent sénior
    Ca ferait un super speech de film.

    "Elles ont commis des ravages horribles il y a vingtaine d'ans, jusqu'au jour ou tous les navigateurs se sont ligués pour les faire taire a jamais. Mais tapies dans l'ombre elle panifiaient leur revanche. Aujourd'hui, tremblez, les pop-up sont de retours plus fortes que jamais pour vous pourrir le web..."
  • Matthieu76
    Membre éclairé
    Moi perso j'utilise OnTopReplica pour regarder une vidéo YouTube et faire autre chose en même temps sur mon pc portable, mais il est vrai que ça à l'air pas mal cette API. Hâte que ça arrive sur Youtube.
  • Neckara
    Inactif
    C'est en quelque sorte une pop-up, non ?

    Sinon, pourquoi ne pas avoir tout simplement plusieurs écrans ?