Not long ago, the World Wide Web Consortium (W3C) declared the HTML5 specification complete. The latest version of the HTML standard has introduced a range of new functionality that is now supported natively in popular web browsers, including the <canvas> tag for graphic drawing using Javascript, structure tags for organizing the content on a web page, and improvements to web-based forms.

Of all the new features in HTML5, though, the one that has arguably attracted the most attention and generated the most excitement is the <video> tag. This sentiment was echoed by Paul Cotton, the W3C HTML working group co-chair, when the standard was recently declared complete:

“The single most important feature of HTML5 is probably the <video> tag since today’s web is rapidly moving to being more about video.”

The beauty of the <video> tag is that it enables the playback of on-demand video in web browsers without the need for 3rd-party add-ons like Flash and Silverlight. Over the past few years as HTML5 was being developed, browser vendors, device manufacturers, and media companies like Netflix and YouTube threw their weight behind HTML5 video, and an ecosystem of HTML5 video players subsequently emerged.

Une boîte sur une page : L'expérience traditionnelle de visionnage de vidéos en ligne

Ce qui est intéressant, cependant, c'est qu'en dépit de l'élan donné à la vidéo HTML5 ces dernières années, l'expérience de l'utilisateur qui regarde une vidéo en ligne n'a pas vraiment changé. Pour la plupart, la vidéo en ligne signifie toujours "une petite boîte intégrée dans une page web".

Cela ne veut pas dire que les lecteurs vidéo HTML5 existants ne sont pas soignés et hautement fonctionnels. VideoJS a un aspect élégant et est connu pour sa petite taille et sa rapidité. JWPlayer est connu pour son extensibilité via des plugins. Mais ces lecteurs vidéo et les plateformes vidéo qui les utilisent sont tous construits autour de la même conception de base qui a alimenté YouTube en 2005 : un flux vidéo unique placé dans une page web entourée d'un tas d'autres contenus.

L'expérience de lecture vidéo "boîte sur une page" sur YouTube en 2007 (à gauche), 2014 (au centre) et 2019 (à droite).

 

Il est temps de repenser l'expérience de la lecture vidéo en ligne

Lorsque YouTube a été lancé en 2005, l'internet à haut débit venait de prendre la majorité des parts de marché aux connexions par ligne commutée aux États-Unis, et la vitesse de téléchargement médiane réelle des connexions à haut débit aux États-Unis se situait entre 1,5 et 2 Mbit/s. Dans un monde où la bande passante est rare, une petite boîte sur une page web avait du sens en tant que moyen efficace de diffuser du contenu vidéo. Dans un monde où la bande passante était rare, une petite boîte sur une page web était un moyen efficace de diffuser du contenu vidéo.

Quatorze ans plus tard. La vitesse médiane de la large bande aux États-Unis est désormais supérieure à 90 Mbps, les fournisseurs de large bande proposent désormais une connectivité de 50, 150 et jusqu'à 1000 Mbps comme offre standard aux consommateurs, et il est de plus en plus courant de trouver des cafés offrant une connectivité gratuite à des vitesses allant jusqu'à 50 Mbps (principalement, Starbucks). Dans un monde où le coût de la bande passante tend vers zéro, il est possible de repenser la manière dont la vidéo en ligne est regardée.

À quoi ressemblerait une expérience de visionnage vidéo plus immersive et plus attrayante ? Pour les vidéos de divertissement, un "boîtier plus grand" avec une résolution de 1080p ou plus est un excellent point de départ. Mais pour les types de vidéos utilisées dans les entreprises et les universités - enregistrements pédagogiques, présentations vidéo, vidéos de formation, conférences, démonstrations de produits et réunions publiques - les exigences en matière d'expérience vidéo immersive sont différentes.

Plus précisément, il est important de tenir compte du fait que presque toutes les présentations vidéo sont composées de deux parties : le présentateur et le contenu. Idéalement, vous devriez pouvoir regarder les deux en même temps, comme vous le feriez si vous étiez dans l'auditoire en direct. Mais avec l'expérience traditionnelle de la "boîte sur une page", vous êtes obligé de regarder l'un ou l'autre, et vous ne contrôlez pas lequel des deux vous regardez à un moment donné. C'est le vidéaste qui a enregistré la présentation qui s'en charge.

La nouvelle approche : Un lecteur vidéo HTML5 multi-stream avec Smart Sync

Pour répondre aux besoins des entreprises et des universités en matière de présentations vidéo, de screencasts, de webcasts en direct et d'autres contenus vidéo, Panopto a conçu un lecteur vidéo unique qui vous permet de voir une vue synchronisée du présentateur et de son contenu, comme si vous étiez assis dans la salle de conférence, l'amphithéâtre ou la salle du conseil d'administration et que vous regardiez la présentation en direct.

Avec Smart Sync, vous voyez simultanément le présentateur et sa présentation. L'un ou l'autre des flux vidéo peut être maximisé à tout moment pendant la lecture.

Nous appelons Smart Sync la possibilité de synchroniser plusieurs flux vidéo. Nous avons conçu notre lecteur vidéo et la fonctionnalité Smart Sync de manière à ce qu'ils fonctionnent entièrement en HTML5.

C'est tout ce que YouTube n'est pas : Voir un aperçu et une démonstration de la plateforme vidéo de Panopto >>

 

La fonctionnalité Smart Sync n'est pas quelque chose que l'on peut facilement boulonner sur une plateforme vidéo. Pour parvenir à une synchronisation à la seconde près entre plusieurs flux vidéo, les capacités doivent être intégrées à chaque facette du logiciel. Voici trois des éléments qui rendent possible la synchronisation intelligente dans Panopto :

• Le logiciel de notre client utilisé pour l'enregistrement et la diffusion vidéo en direct sur le web reconnaît et capture efficacement plusieurs flux vidéo. Ces flux vidéo peuvent provenir d'un seul PC ou d'un réseau distribué de PC, de Macs et d'appareils mobiles. Le logiciel prend en charge plusieurs flux vidéo 720p ou 1080p à une vitesse maximale de 60 images par seconde.
• Nos services web et notre modèle de données synchronisent automatiquement ces flux vidéo, en tenant compte des différences de qualité entre les flux, des différents formats vidéo et taux de rafraîchissement, des différents temps de démarrage et d'arrêt pour chaque flux vidéo, et d'une série de variables de latence entre le point de capture (la caméra, l'écran d'ordinateur ou tout autre appareil vidéo) et le point de traitement (le serveur Panopto).
• Notre lecteur vidéo basé sur HTML5 résout les problèmes de mise en mémoire tampon qui sont beaucoup plus complexes lors de la lecture simultanée de plusieurs flux vidéo sur un réseau à latence potentiellement élevée.

Nous pensons que, pour les vidéos pédagogiques et les présentations vidéo de toutes formes, la lecture vidéo multi-flux deviendra la nouvelle référence dans les années à venir, et en fournissant cette capacité grâce à la vidéo HTML5 et à Smart Sync, Panopto est en mesure d'offrir une expérience de visualisation vidéo de qualité supérieure à la plus large gamme de navigateurs et d'appareils.

Tous les flux vidéo peuvent être lus de manière synchronisée. Dans cet exemple, une caméra vidéo est automatiquement synchronisée avec une vidéo de microscope capturée sur un iPhone.

 

En savoir plus sur les lecteurs vidéo HTML5 de Panopto
Si votre entreprise ou université investit dans l'utilisation de la vidéo pour la communication interne et le partage des connaissances, et que vous recherchez une plateforme vidéo de pointe construite sur les derniers standards Internet, contactez-nous pour demander un essai gratuit de Panopto dès aujourd'hui.