Plusieurs pistes audio
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 ( ) 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.)
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 |

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.