Plusieurs pistes audio

Cette rubrique explique comment plusieurs pistes audio sont gérées dans Brightcove Player.

Introduction

Brightcove Player prend en charge la vidéo avec plusieurs pistes audio alternatives. Si la vidéo est préparée avec plusieurs pistes audio alternatives, une icône de casque spéciale (icône de casque ) apparaît automatiquement dans la barre de contrôle. Encore une fois, si vous avez une vidéo correctement encodée, l'icône apparaîtra, vous n'avez rien d'autre à faire. Une fois que vous avez cliqué sur l'icône, le spectateur de la vidéo peut choisir entre les pistes audio.

Exemple

Une fois que vous cliquez sur Lecture, vous verrez l'icône du casque dans la barre de contrôle à partir de laquelle vous pouvez choisir entre deux pistes audio alternatives.

Cas d'utilisation

Voici quelques cas d'utilisation courants de plusieurs pistes audio alternatives:

  • Support multilingue
  • Audio stéréo ou multicanal (son surround)
  • Piste de commentaire
  • Audio descriptif

Comprendre plusieurs pistes audio

Plusieurs pistes audio peuvent être ajoutées aux vidéos à l'aide du Module média ou par en utilisant les API. Voici quelques liens utiles sur plusieurs pistes audio alternatives:

Icône et menu de style

Si les couleurs par défaut ne répondent pas à vos besoins, vous pouvez modifier la couleur de l'icône du casque, l'option sélectionnée et d'autres options. Le tableau et la capture d'écran suivants détaillent les sélecteurs que vous devrez utiliser. (Notez que les couleurs affichées dans la capture d'écran ne sont PAS les valeurs par défaut, mais des couleurs à identifier facilement.)

Sélecteurs pour l'icône audio
Element Sélecteur
Icône de casque (rouge sur la capture d'écran) .video-js .vjs-control-bar .vjs-audio-button
Option sélectionnée (jaune sur la capture d'écran) .video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item.vjs-selected
Option (s) disponible (s) (vert sur la capture d'écran) .video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item
sélecteurs
Sélecteurs d'icônes et de menus

Ce qui suit est le réel CSS qui a affecté les changements dans la capture d'écran:

.video-js .vjs-control-bar .vjs-audio-button {
  color: red;
}
.video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item.vjs-selected {
  background-color: yellow;
}
.video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item {
  background-color: green;
}

Problèmes connus

  • Si vous ajoutez un rendu distant HLS (m3u8) via un <source> dans le lecteur, les spectateurs ne pourront pas sélectionner plusieurs pistes audio dans Chrome sur le système d'exploitation Android.