Mehrere Audiospuren

In diesem Thema wird erläutert, wie mehrere Audiospuren im Brightcove Player behandelt werden.

Einleitung

Brightcove Player unterstützt Video mit mehreren alternativen Audiospuren. Wenn das Video mit mehreren alternativen Audiospuren vorbereitet ist, wird ein spezielles Kopfhörersymbol (Kopfhörersymbol ) wird automatisch in der Steuerleiste angezeigt. Wenn Sie ein ordnungsgemäß codiertes Video haben, wird das Symbol angezeigt. Sie müssen nichts weiter tun. Sobald Sie auf das Symbol klicken, kann der Betrachter des Videos zwischen Audiospuren wählen.

Beispiel

Sobald Sie auf Wiedergabe klicken, wird in der Steuerleiste das Kopfhörersymbol angezeigt, aus dem Sie zwischen zwei alternativen Audiospuren auswählen können.

Anwendungsfälle

Hier sind einige häufige Anwendungsfälle für mehrere alternative Audiospuren:

  • Unterstützung für mehrere Sprachen
  • Stereo versus Mehrkanal-Audio (Surround-Sound)
  • Kommentartrack
  • Beschreibendes Audio

Grundlegendes zu mehreren Audiospuren

Mit dem können mehrere Audiospuren zu Videos hinzugefügt werden Medienmodul oder von Verwenden der APIs. Hier sind einige hilfreiche Links zu mehreren alternativen Audiospuren:

Styling-Symbol und Menü

Wenn die Standardfarben nicht Ihren Anforderungen entsprechen, können Sie die Farbe des Kopfhörersymbols, der ausgewählten Option und anderer Optionen ändern. In der folgenden Tabelle und im folgenden Screenshot sind die Selektoren aufgeführt, die Sie verwenden müssen. (Note that the colors shown in the screenshot are NOT the defaults, but colors to easily identify.)

Selektoren für das Audiosymbol
Element Selektor
Kopfhörersymbol (rot im Screenshot) .video-js .vjs-control-bar .vjs-audio-button
Ausgewählte Option (gelb im Screenshot) .video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item.vjs-selected
Verfügbare Option (en) (grün im Screenshot) .video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item
Selektoren
Symbol- und Menüauswahl

Das Folgende ist das tatsächliche CSS das wirkte sich auf die Änderungen im Screenshot aus:

.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;
}

Bekannte Probleme

  • Wenn Sie eine HLS (m3u8) -Fernwiedergabe über a hinzufügen <source> Im Player können die Zuschauer nicht mehrere Audiospuren in Chrome unter dem Android-Betriebssystem auswählen.