Diffusion vidéo avec HTML5 et lecteurs intelligents

Ce document décrit comment vous pouvez participer à notre programme d’accès anticipé à HTML5 pour vos lecteurs, en utilisant la fonctionnalité de lecteur intelligent de Brightcove.

Ce document décrit comment vous pouvez participer à notre programme d’accès anticipé à HTML5 pour vos lecteurs, en utilisant la fonctionnalité de lecteur intelligent de Brightcove.

Avec l’expansion rapide du Web mobile, les éditeurs vidéo sont confrontés à un environnement fragmenté dans lequel ils ne peuvent plus atteindre leur public cible par la seule utilisation de Flash Player. Afin de pouvoir communiquer avec tout votre public aussi bien sur un ordinateur que sur des périphériques mobiles, vous devez également envisager des vidéos HMTL5.

Regardez le tutoriel vidéo : lecteurs intelligents HTML5

Depuis de nombreuses années, Flash a été la norme Internet la plus importante pour la diffusion vidéo ; la vidéo HMTL5 reste encore une technologie émergente. Alors que la vidéo HTML5 se développe rapidement, elle n’a pas encore atteint la maturité que connaît la vidéo Flash, que ce soit du point de vue de la technologie inhérente ou de l’écosystème riche en intégrations dont dispose cette dernière.

Les lecteurs intelligents de Video Cloud ont été conçus pour vous aider à affronter ces défis. Lorsque vous activez la diffusion HTML5, les lecteurs intelligents Video Cloud lisent vos vidéos dans un lecteur Flash pour les ordinateurs de bureau ou vous demandent d'installer Flash le cas échéant. Dans le cas des appareils mobiles, les lecteurs intelligents Video Cloud liront vos vidéos dans un lecteur Flash pour les appareils compatibles Flash (si celui-ci est installé). Dans le cas des appareils mobiles incompatibles Flash ou qui n'ont pas Flash d'installé, les vidéos Video Cloud seront lues dans un lecteur HTML5. Cela permet d’utiliser un seul lecteur Video Cloud capable de diffuser la vidéo en Flash ou HTML5, sans que vous ayez besoin de créer et gérer des lecteurs distincts pour chaque environnement spectateur. Par ailleurs, vos lecteurs existants pourront charger automatiquement en mode Flash ou HTML5 sans besoin de personnaliser quoi que ce soit ou d’ajouter du JavaScript. Actuellement, Video Cloud prend en charge ses lecteurs HTML5 sur les navigateurs natifs de certains systèmes d'exploitation des appareils Android et Apple. Consultez la rubrique Appareils pris en charge pour les lecteurs HTML5 pour plus de détails.

Notre objectif est de fournir des lecteurs HMTL5 dotés de l’ensemble des fonctionnalités que nous offrons aux lecteurs Flash. Nous nous sommes fortement impliqués dans l'ajout d'un grand nombre d'innovations aux lecteurs en mode HMTL5. Consultez la section Restrictions actuelles dans ce chapitre pour des informations détaillées concernant les fonctionnalités qui ne sont pas encore disponibles dans cette version de lecteurs intelligents en mode HTML5.

Remarque : par défaut, si Flash n'est pas installé dans un environnement compatible Flash, le lecteur vous demande de l'installer. Vous pouvez mettre en place un basculement HTML5 dans les environnements où Flash est pris en charge mais pas installé. De cette façon, la vidéo sera automatiquement lue dans un lecteur HTML5, sans demande d'installation de Flash.

Qu'est-ce qu'un lecteur intelligent ?

Un lecteur intelligent est un lecteur vidéo Video Cloud faisant office de lecteur Flash ou HTML5. Au chargement d’un lecteur intelligent à l’aide du code de publication du lecteur JavaScript, le périphérique est détecté. Si le périphérique est compatible avec Flash, le lecteur est chargé en mode Flash. Si le périphérique ne prend pas Flash en charge, mais HTML5, le lecteur est chargé en mode HTML5.

Le mode HTML5 est pris en charge uniquement pour les périphériques Apple iOS et Android OS. Vous pouvez tester si un périphérique, quel qu’il soit, prend en charge le mode HTML5 en allant sur http://admin.brightcove.com/html5support/index.html avec le navigateur du périphérique. La page de test vous signalera clairement si votre périphérique est compatible avec les lecteurs HTML5 de Video Cloud.

Quels lecteurs sont des lecteurs intelligents ?

Tous les modèles de lecteur standard sont des lecteurs intelligents. Cela signifie que les lecteurs qui utilisent des modèles de lecteur standard (vidéo unique, sélection unique, sélections multiples) peuvent s'exécuter en mode HTML5 et Flash. En mode HTML5, les modèles de sélections multiples standard n'afficheront qu'une sélection, la première, ou la sélection mise en évidence si une telle sélection a été attribuée. Pour plus d'informations sur l'implémentation de sélections en évidence, consultez la rubrique Désigner le contenu à mettre en évidence dans les lecteurs. Pour plus d'informations sur les modèles de lecteur standard, consultez la rubrique Modèles de lecteur. Les modèles de lecteur personnalisés créés en BEML peuvent également se comporter en tant que lecteurs intelligents, à condition qu'ils n'utilisent que les éléments BEML pris en charge par les lecteurs HTML5.

Configuration de l’utilisation du mode HTML5

Vous pouvez activer ou désactiver le mode HTML5 au niveau du compte ou au niveau du lecteur individuel. Vous pouvez désactiver le mode HTML5 pour tous vos lecteurs existants ou l'activer / le désactiver pour des lecteurs particuliers. Consultez Définition de vos options de diffusion vidéo HTML5 pour plus de détails.

Styles et localisation des lecteurs intelligents

Les lecteurs intelligents peuvent être personnalisés comme tout autre lecteur Video Cloud, à quelques exceptions près. Vous pouvez utiliser le module d’édition de Video Cloud Studio pour personnaliser l’apparence du lecteur, ainsi que ses couleurs, styles, images et thèmes, qui seront utilisés par le lecteur, que ce soit en mode Flash ou HTML5.

La localisation des lecteurs intelligents fonctionne de la même manière, qu’il s’agisse d’un lecteur fonctionnant en mode Flash ou HTML5. Cependant, en raison des restrictions de sécurité interdomaines, un lecteur intelligent en mode HTML5 se limite à utiliser les choix de langue du lecteur standard de Video Cloud et ne peut charger un fichier XML externe d’étiquettes de lecteur qui ne soit pas hébergé par Video Cloud.

Restrictions actuelles de cette version

Notre objectif est de fournir des lecteurs HMTL5 dotés de l’ensemble des fonctionnalités que nous offrons aux lecteurs Flash. Nous avons déjà apporté des innovations significatives. Dans les versions futures, nous procéderons à l’ajout de plus en plus d'innovations aux lecteurs en mode HMTL5. Dans cette version, un lecteur intelligent en mode HTML5 possède les restrictions fonctionnelles ci-dessous, contrairement au mode Flash :

Restrictions de contenu

La fonctionnalité de lecteur intelligent de Video Cloud possède quasiment les mêmes critères de contenu que toute vidéo mobile :

• Vos vidéos doivent être codées en H.264. Vous ne pouvez pas diffuser de vidéos en VP6 (FLV) dans un lecteur vidéo HTML5.
• Votre compte doit être configuré soit pour le service de diffusion universelle, soit pour le téléchargement progressif (PD). Vous ne pouvez pas utiliser la diffusion en continu de Flash Media Server (FMS) pour diffuser des vidéos dans un lecteur vidéo HTML5. Plus d’informations dans la rubrique Définition des options de diffusion de vidéos.

Par ailleurs, vous devriez vous assurer que vos vidéos possèdent un ou plusieurs rendus pour bande passante plus faible, adaptés à la diffusion sur réseaux mobiles. Si vos vidéos utilisent les options de conversion de code par défaut de Video Cloud, alors tout est fin prêt. Dans le cas contraire, vérifiez que vos vidéos comprennent un rendu codé à H.264 profil baseline, avec une bande passante totale d’environ 256 kbps. Consultez Encodage pour la diffusion mobile, Configuration de vos options de conversion de code et Référence des paramètres standards de conversion pour plus de détails.

Pour éviter les problèmes de performances, un lecteur intelligent en HTML5 ne chargera que les 20 premières vidéos d'une sélection. Si une vidéo ne fait pas partie des 20 premières vidéos, mais est marquée comme « vidéo à la une » dans le code de publication du lecteur, elle sera chargée dans le lecteur et la 20e vidéo disparaîtra.

Restrictions de publication de lecteur

Vous devez publier le lecteur en utilisant le code de publication de lecteur JavaScript. En savoir plus sur les codes de publication de lecteur.

Les seuls lecteurs pouvant fonctionner comme lecteurs intelligents sont les lecteurs ayant été publiés avec le code de publication de lecteur JavaScript ou démarrés via l'URL en lien. Les lecteurs publiés avec ActionScript ou le code HTML incrusté ne pourront pas fonctionner en tant que lecteurs intelligents et chargeront en mode Flash si le périphérique est compatible avec Flash ; ou ne chargeront pas du tout, s’il n’est pas compatible.

Les lecteurs intelligents publiés sur des pages HTTPS créent des alertes de sécurité lorsqu'ils sont chargés en mode HTML5. Si la limitation de domaine est activée pour un lecteur intelligent, le lecteur ne se charge pas en mode HTML5 sur une page HTTPS.

Les lecteurs intelligents ne sont que des lecteurs ayant été créés avec Brightcove 3 ou une version plus récente (en commençant par la version Brightcove 3 en septembre 2008). Les lecteurs ayant été créés sous Brightcove 2 utilisent ActionScript 2 et ne peuvent fonctionner en tant que lecteurs intelligents.

Fonctions de lecteurs en mode HTML5

La capture d'écran ci-dessous illustre comment un lecteur intelligent s'affiche en tant que lecteur Flash ou HTML5 lorsqu'il contient des fonctionnalités non prises en charge en HTML5. Les lecteurs avec chrome HTML5 ne prennent pas en charge les contrôles de messagerie électronique, de partage social, d'obtention de code, de plein écran et de volume. Par contre, les lecteurs sans chrome utiliseront les commandes natives du lecteur, mais ne tiendront pas compte des commandes développées sur mesure comme un commutateur de qualité vidéo ou des fonctionnalités non prises en charge comme les commandes de partage social ou de volume.

Flash	HTML5

Fonctionnalités et menus de partage. Les fonctionnalités et menus de partage du lecteur (partage social, récupération du lien, récupération du code, adresse électronique) ne sont pas encore disponibles pour les lecteurs intelligents en mode HTML5.

Contrôle du volume. Il n’y a pas de contrôle de volume dans le lecteur. Les spectateurs doivent utiliser les contrôles de volume de leur périphérique.

Plein écran. Si vous voulez que vos utilisateurs puissent accéder au bouton plein écran, utilisez notre lecteur vidéo sans chrome. De cette façon, les contrôles vidéo natifs du navigateur seront affichés. Le lecteur vidéo chrome ne possède pas de contrôles plein écran pour le moment. Apple ne propose pas de contrôle JavaScript pour lancer le plein écran ; nos contrôles personnalisés ne peuvent donc pas intégrer un bouton plein écran.

API de lecteur. Les API de lecteur Flash de Video Cloud ne sont pas disponibles. Utilisez l'API de lecteur intelligent.

Intercalaires. Il n’y a pas, actuellement, de compatibilité pour les intercalaires en mode HTML5. Les intercalaires seront ignorés.

Plug-ins de lecteur. Les plug-ins de lecteur de cette version ne sont pas chargés en mode HTML5, qu’ils fassent partie du modèle de lecteur BEML ou qu’ils soient configurés dans le module d’édition.

Restrictions du style de lecteur

• Apparences, thèmes et feuilles de styles personnalisés ne sont pas, à l’heure actuelle, pris en charge en mode HTML5.
• Il se peut qu’il y ait quelques différences de présentation, de moindre importance, entre un lecteur au mode Flash et un lecteur au mode HTML5.

Les lecteurs intelligents et les rendus à plusieurs débits

La diffusion vidéo, pour un lecteur intelligent en mode HTML5, se fait par http standard. Par conséquent, le lecteur doit choisir un rendu lorsque l’internaute démarre la lecture de la vidéo pour la première fois. En outre, les périphériques mobiles ne disposent d’aucun mécanisme permettant à une application HTML5 de détecter la bande passante. C’est pourquoi le lecteur ne peut pas basculer entre plusieurs rendus. Afin de répondre au plus grand nombre de cas de figure possibles, nous choisissons les rendus à plus faible qualité pour garantir la lecture sur les réseaux mobiles. Il s’agira du rendu dont la bande passante totale se rapproche le plus de 256 kbps.

Un lecteur intelligent en mode HTML5 tentera de lire uniquement des fichiers H.264 (MP4) et ignorera tous les rendus en VP6 (FLV). Sur les appareils Apple iOS, le lecteur lira tout rendu de diffusion HTTP Apple en direct (M2TS) disponible et, si la bande passante détectée est extrêmement basse, pourra lire un rendu uniquement audio si disponible.

Lecteurs intelligents et analyses

Le module Statistiques propose un rapport sur les tendances des plates-formes qui permet de déterminer si les vidéos sont lues depuis un environnement Flash ou HTML5. Le rapport sur les tendances des plates-formes montre le nombre de visionnages, le nombre de minutes vues et le nombre de minutes vues par visionnage, le tout pour une plage de dates précise et pour chaque environnement (Flash et HTML5). Voir la Référence pour les rapports statistiques pour plus d'informations sur la consultation des rapports des plates-formes.

Les données concernant les flux, les charges de lecteur et l’usage en bande passante provenant des lecteurs en mode HTML5, sont récoltées dans la page Rapports de Video Cloud Studio. Ces données sont regroupées avec les données issues du mode Flash, et il n'est pas possible de différencier les données selon l’usage en HTML5 ou en Flash.

Lecteurs intelligents et publicité

Video Cloud propose une prise en charge limitée des publicités pre-roll pour les vidéos diffusées dans un lecteur HTML5. Bien que les procédures de gestion du trafic de votre campagne publicitaire vidéo et les procédures d'affectation des politiques soient identiques à l'affectation de publicités à vos vidéos Flash, la diffusion de publicités via HTML5 doit se faire via un lecteur intelligent compatible HTML5 et est soumise à plusieurs étapes d'intégration de serveur publicitaire spécifiques. Pour plus de détails ou pour en savoir plus sur les limitations de prise en charge, lisez Diffusion de publicités en HTML5.