APERÇU DES MISES À JOUR DE LA VERSION 6 DU LECTEUR BRIGHTCOVE

Photo de JESS R
JESS R

Le lecteur Brightcove V6 est une avancée majeure qui facilite le développement et la personnalisation des lecteurs. Ce blog décrit certains des avantages de cette nouvelle version et explique comment vous pouvez l'essayer. La version 6 comprend :

  • Plugins avancés. Une API de plugins améliorée qui facilite l'écriture et la maintenance des plugins.
  • Sources dynamiques. Permet de modifier les types de vidéo après l'initialisation du lecteur, afin de mélanger les types de contenu dans les sélections et les publicités, et de mieux prendre en charge le chargement conditionnel et le comportement dynamique des pages.
  • Mise à jour de l'accessibilité. Amélioration des styles de contour et suppression des boutons imbriqués.
  • Personnalisation plus facile de l'interface utilisateur. Modèle CSS plus simple et meilleures infobulles.

Pourquoi une version majeure ?

Bien que nous ayons fait des efforts considérables pour minimiser les changements susceptibles d'entraîner des ruptures et pour conserver la compatibilité avec les plugins et les personnalisations existants, nous avons incrémenté le numéro de la version majeure parce que certaines des modifications que nous avons apportées pour simplifier l'API pourraient entraîner des ruptures dans le code d'intégration. Le numéro de version majeure indique ce potentiel et signifie qu'il est nécessaire de revoir les personnalisations et les intégrations pour s'assurer qu'elles fonctionnent toujours.

Détails de la fonctionnalité

Sources dynamiques

Conçues d'après les offres de middleware populaires dans les frameworks Web comme Express et Django, les sources dynamiques du lecteur Brightcove sont une fonctionnalité simple mais puissante qui permet un contrôle précis du processus de sélection de la source et de la chronologie du lecteur.

Plugins avancés

Le lecteur Brightcove V6 prend désormais en charge les plugins existants et les plugins avancés. Ces derniers offrent un certain nombre d'avantages aux auteurs de plugins, notamment la gestion du cycle de vie (configuration/disposition), qui permet d'éviter les fuites de mémoire. Ce changement s'accompagne de nouvelles méthodes de lecteur pour détecter les plugins disponibles et ceux en cours d'utilisation sur un lecteur.

Accessibilité

Nous nous efforçons de rendre notre lecteur accessible aux utilisateurs handicapés. Grâce aux commentaires des utilisateurs de Brightcove Player V5, nous avons facilité l'utilisation de notre lecteur avec un site Web accessible.

  • Les styles de contour ont été supprimés des éléments, de sorte qu'il est difficile, voire impossible, de savoir quel élément est centré dans le lecteur.
  • Dans certains cas, nous avions des boutons HTML dans des boutons HTML. Cela perturbait les lecteurs d'écran et rendait difficile l'utilisation des commandes de volume.

Améliorations de l'interface utilisateur

Sur la base des commentaires reçus, nous avons apporté quelques modifications pour faciliter l'utilisation et la personnalisation du lecteur. En particulier, nous avons regroupé les commandes de sous-titres et de légendes en un seul menu. De plus, les infobulles de la barre de progression sont désormais toujours contenues dans les limites du lecteur.

Guide de migration

Les plugins de la version 5 devraient continuer à fonctionner avec la version 6. Bien que la plupart des plugins devraient être compatibles, il est important d'être conscient des changements et d'évaluer chaque plugin car il y a des changements rétro-compatibles. La section suivante explique ces changements et la manière dont ils peuvent affecter le code de nos clients et partenaires.

Suppression du chaînage des méthodes

L'une des fonctionnalités relativement peu connues du lecteur Brightcove V5 est que de nombreuses méthodes de lecteur peuvent être enchaînées les unes aux autres, à la manière de jQuery. Le problème est que les valeurs de retour de certaines fonctions sont imprévisibles, ce qui rend le code difficile à déboguer. Parfois, elles renvoyaient une valeur, parfois le lecteur lui-même. Dans la version 6, nous avons supprimé la prise en charge du chaînage des méthodes. Les méthodes qui renvoyaient auparavant un lecteur ne renvoient désormais plus rien.

La fonction src()

Dans le lecteur Brightcove V5, la fonction src() renvoie l'URL source lue dans l'élément vidéo. Cela peut poser des problèmes avec certains formats tels que HLS où elle peut renvoyer une URL " blob ". Cette fonction est pratiquement inutile pour les utilisateurs, qui souhaitent généralement connaître la source qui a été définie à l'origine sur le lecteur. Dans la version 6, la fonction src() renvoie désormais le chemin d'accès à la source déterminé par la nouvelle procédure de sélection dynamique de la source.

Réglage de la source asynchrone

Dans le lecteur Brightcove V5, l'appel à src() et la transmission d'une valeur lancent un algorithme de sélection de source synchrone. Cela signifie que tout appel ultérieur à src() renverra la source sélectionnée par le dernier appel :

player.src({type: ‘video/mp4’, src: ‘foo.mp4’});
videojs.log(player.src().src); // ‘foo.mp4’

Cependant, comme le nouveau mécanisme de sélection des sources intègre l'asynchronisme - pour prendre en charge des flux de travail avancés tels que les appels au serveur pour la sélection de sources personnalisées - le lecteur ne peut plus garantir ce qui précède.

Modifications de l'interface utilisateur et de l'accessibilité

Les modifications apportées à l'interface utilisateur et à l'accessibilité dans le lecteur Brightcove V6 signifient que le HTML et le CSS peuvent avoir changé en même temps. Les composants dont le balisage a été modifié sont les suivants :

  • Commandes de volume
  • Menu combiné pour les sous-titres et les légendes
  • Barre de progression et infobulles

Les habillages personnalisés avec beaucoup de personnalisation devront peut-être s'adapter à ces changements.

Dépréciations

Plusieurs méthodes de Brightcove Player 5 ont été supprimées. Elles consigneront des avertissements dans la console du navigateur, accompagnés d'une suggestion sur la manière de les éviter, si vous le souhaitez. Voici quelques-uns des principaux changements apportés aux méthodes :

  • videojs.plugin() est obsolète, utilisez plutôt videojs.registerPlugin().
  • Les méthodes de manipulation du DOM, telles que addClass(), hasClass(), createEl(), etc. sont déplacées vers un sous-objet : videojs.dom. Chacune d'entre elles enregistrera un avertissement approprié, mais continuera à fonctionner pendant toute la durée de vie de Brightcove Player 6.

Commencer

Essayez la version préliminaire de Brightcove Player V6 et dites-nous ce que vous en pensez.

Partager

Tags

Brightcove a aidé un fabricant d'équipements de diagnostic à réduire le temps et les dépenses consacrés à la salle de classe tout en améliorant la réussite ...
Brightcove a aidé la place de marché automobile la plus reconnue à gérer son énorme vidéothèque et à la rentabiliser...
Pour préserver l'intégrité de leur marque, les enseignes de distribution ont besoin de lecteurs vidéo personnalisables qui leur permettent d'ajuster les couleurs, la police...

PRÊT À COMMENCER ?

Contactez-nous pour savoir comment nous pouvons améliorer vos efforts de marketing vidéo et vous aider à générer les résultats et le retour sur investissement dont vous avez besoin.