Guider: Technologie de lecture

Techniques de Brightcove Player

Le Brightcove Player fera tout son possible pour lire votre contenu en HTML5. Ce n'est que lorsqu'il ne le peut pas qu'il reviendra à l'utilisation de Flash. Pour ce faire, l'ordre Tech par défaut du Brightcove Player est ["html5","flash"]. Examinons ces Techs:

Technologie HTML5

Le Brightcove Player utilise la technologie de lecture HTML5 fournie par le navigateur pour gérer les <video> ou <audio> élément. Cela signifie que le Brightcove Player recherchera un rendu approprié à lire à l'aide de la technologie de lecture HTML5 du navigateur, mais cela variera d'un navigateur à l'autre.

Si vous êtes curieux de savoir ce que votre navigateur et votre lecteur spécifiques utilisent, essayez le application de lecture dans la section suivante.

Technologie Flash

Si un navigateur ne prend pas en charge les médias HTML5, le Brightcove Player reviendra à l'utilisation de Flash. Brightcove a conçu cette technologie pour qu'elle fonctionne de manière similaire à l'élément vidéo.

Encore une fois, si vous êtes curieux de savoir ce que votre navigateur et votre lecteur spécifiques utilisent, essayez le application de lecture dans la section suivante.

Commande de technologie

Par défaut, le Brightcove Player utilise la sélection de la source en premier lors de la recherche d'une combinaison source / technologie à lire. Cela signifie que le joueur essaiera de lire une vidéo avec chaque technologie avant de passer à la source vidéo suivante.

Même si Brightcove Player utilise uniquement la technologie Flash dans les navigateurs qui ne prennent pas en charge les médias HTML5, vous pouvez choisir de désactiver la technologie Flash. Dans ce cas, le lecteur n'utiliserait jamais Flash pour diffuser votre contenu vidéo, et votre vidéo serait livrée avec le téléchargement progressif d'un rendu MP4. Pour ce faire, utilisez ce qui suit:

{"techOrder": ["html5"]}

Pour plus d'informations sur la commande de technologies, consultez le Technologie de lecture Video.js Remarques.

Déterminer la technologie de lecture

La meilleure façon de déterminer le type de source de rendu et la technologie de lecture utilisés avec le navigateur actuel est d'exécuter une application dans le navigateur. Pour ce faire, procédez comme suit :

1. Ouvrez le Application de technologie de lecture dans votre navigateur.
2. Remplacez les valeurs d'entrée par défaut par votre propre compte, lecteur et vidéo.

Votre sortie doit ressembler à ceci :

Affichage manuel de la technologie de lecture

Il peut être utile de déterminer manuellement quelle technologie de lecture est utilisée par votre lecteur dans le navigateur. Jetons un coup d'œil à une vidéo en cours de lecture dans le navigateur Chrome.

Type de Source

Tout d'abord, voyons quel type de source de rendu est actuellement utilisé. Avec votre vidéo dans le navigateur Chrome, ouvrez les outils de développement pour afficher les messages de la console. Dans l'invite de commande de la console, entrez ce qui suit:

videojs.getPlayers().video_1.currentSrc()

Vous devriez voir que le fichier source actuel a une valeur d'extension de m3u8.

Vous ne vous attendez peut-être pas à ce que le rendu hls soit lu dans ce navigateur, car Chrome ne prend pas en charge nativement hls. Mais, le Brightcove Player lit hls en utilisant MSE (Media Source Extensions) dans le navigateur Chrome.

classe vjs-tech

Ensuite, vérifions que HTML5 est utilisé pour lire le rendu hls. Dans l'invite de commande de la console, entrez ce qui suit pour renvoyer le premier élément player qui utilise la classe nommée vjs-tech:

document.getElementsByClassName("vjs-tech")[0]

Ici, vous pouvez voir que le HTML5 video élément est utilisé.