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, c'est que malgré l'essor de la vidéo HTML5 ces dernières années, l'expérience utilisateur du visionnage de vidéos en ligne n'a pas vraiment évolué. Dans la plupart des cas, la vidéo en ligne se résume encore à « une petite fenêtre intégrée à une page web ».

Cela ne signifie pas pour autant que les lecteurs vidéo HTML5 existants manquent de finition et de fonctionnalités. VideoJS, par exemple, offre une interface élégante et est réputé pour sa légèreté et sa rapidité. JWPlayer, quant à lui, est reconnu pour son extensibilité grâce aux plugins. Cependant, ces lecteurs vidéo, ainsi que les plateformes vidéo qui les utilisent, reposent tous sur la même architecture de base que celle de YouTube en 2005 : un flux vidéo unique intégré à une page web, entouré de nombreux 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 lecture vidéo en ligne

Lors du lancement de YouTube en 2005, l'internet haut débit venait de supplanter les connexions commutées aux États-Unis, et le débit descendant réel médian des connexions haut débit américaines oscillait entre 1,5 et 2 Mbit/s. Dans un contexte de rareté de la bande passante, une petite fenêtre sur une page web représentait une solution pertinente pour diffuser efficacement du contenu vidéo.

Quatorze ans plus tard, la vitesse moyenne du haut débit aux États-Unis dépasse les 90 Mbit/s, les fournisseurs proposent désormais des abonnements à 50, 150 et même 1 000 Mbit/s, et il est de plus en plus fréquent de trouver des cafés offrant une connexion gratuite jusqu'à 50 Mbit/s (notamment Starbucks ). Dans un monde où le coût de la bande passante tend vers zéro, il est possible de repenser notre façon de regarder des vidéos en ligne.

À quoi ressemblerait une expérience vidéo plus immersive et captivante ? Pour les vidéos de divertissement, un écran plus grand avec une résolution de 1080p ou supérieure constitue un excellent point de départ. Mais pour les types de vidéos utilisées dans les entreprises et les universités — enregistrements de cours, présentations vidéo, vidéos de formation, conférences, démonstrations de produits et réunions publiques — les exigences pour une expérience vidéo immersive sont différentes.

Il est important de noter que presque toutes les présentations vidéo comportent deux éléments : le présentateur et son contenu. Idéalement, vous devriez pouvoir les visionner simultanément, comme si vous étiez dans le public. Or, avec l’affichage traditionnel sous forme de vignette, vous êtes contraint de choisir entre l’un ou l’autre, sans pouvoir contrôler lequel vous regardez. Ce choix appartient au vidéaste qui a enregistré la présentation.

Nouvelle approche : un lecteur vidéo HTML5 multi-flux avec synchronisation intelligente

Pour répondre aux besoins des présentations vidéo d'entreprise et universitaires, des captures d'écran, des webdiffusions en direct et autres contenus vidéo, Panopto Nous avons conçu un lecteur vidéo unique qui vous permet de visualiser simultanément le présentateur et son contenu, comme si vous étiez assis dans la salle de conférence, l'amphithéâtre ou la salle de réunion en train de regarder la présentation en direct.

Grâce à Smart Sync, vous visualisez simultanément le présentateur et sa présentation. L'un ou l'autre flux vidéo peut être agrandi à tout moment pendant la lecture.

Nous appelons la capacité à synchroniser plusieurs flux vidéo « Smart Sync » . Et nous avons conçu notre lecteur vidéo et la fonctionnalité Smart Sync pour qu'ils fonctionnent entièrement en HTML5.

Panopto , la plateforme vidéo qui fait l' impasse sur YouTube : découvrez sa présentation et sa démo >>

 

La fonctionnalité Smart Sync ne s'ajoute pas facilement à une plateforme vidéo. Pour obtenir une synchronisation inférieure à la seconde entre plusieurs flux vidéo, ces capacités doivent être intégrées à chaque aspect du logiciel. Voici trois des éléments qui rendent Smart Sync possible : Panopto :

• Notre logiciel client, utilisé pour l'enregistrement et la diffusion en direct de vidéos sur Internet, reconnaît et capture efficacement plusieurs flux vidéo. Ces flux peuvent provenir d'un seul ordinateur ou d'un réseau distribué composé d'ordinateurs, de Mac et d'appareils mobiles. Il prend en charge plusieurs flux vidéo 720p ou 1080p jusqu'à 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 fréquences d'images, des différents moments de début et de fin pour chaque flux vidéo, ainsi que d'une gamme de variables de latence entre le point de capture (caméra, moniteur d'ordinateur ou autre périphérique vidéo) et le point de traitement (le Panopto serveur).
• 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 potentiellement à latence élevée.

Nous pensons que, pour les vidéos pédagogiques et les présentations vidéo de toutes sortes, la lecture vidéo multi-flux deviendra la nouvelle norme dans les années à venir, et qu'en offrant cette fonctionnalité grâce à la vidéo HTML5 et à Smart Sync, Panopto est en mesure de fournir une expérience de visionnage 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 au microscope capturée par un iPhone.

 

Découvrez-en plus sur les lecteurs vidéo HTML5 de Panopto
Si votre entreprise ou votre université investit davantage 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 basée sur les dernières normes Internet, contactez-nous pour demander un essai gratuit de Panopto dès aujourd'hui.