複数のオーディオトラック
賃貸システムの概要
Brightcove Player 複数の代替オーディオトラックでビデオをサポートします。 ビデオに複数の代替オーディオトラックが用意されている場合、特別なヘッドフォンアイコン()が自動的にコントロールバーに表示されます。 繰り返しますが、適切にエンコードされたビデオがある場合、アイコンが表示されます。他に必要な操作はありません。 アイコンをクリックすると、ビデオの視聴者はオーディオトラックを選択できます。
例
[再生]をクリックすると、コントロールバーにヘッドフォンアイコンが表示され、XNUMXつの代替オーディオトラックから選択できます。
ユースケース
複数の代替オーディオトラックの一般的な使用例を次に示します。
- 多言語サポート
- ステレオ対マルチチャンネル(サラウンドサウンド)オーディオ
- コメントトラック
- 記述的なオーディオ
複数のオーディオトラックを理解する
複数のオーディオトラックをビデオに追加するには、 メディアモジュール またはによって APIの使用。 複数の代替オーディオトラックに役立つリンクがいくつかあります:
スタイリングアイコンとメニュー
デフォルトの色があなたのニーズを満たしていない場合は、ヘッドホンアイコン、選択したオプションなどのオプションの色を変更できます。 次の表とスクリーンショットは、使用する必要のあるセレクタの詳細です。 (スクリーンショットに表示される色はデフォルトではなく、簡単に識別できる色になっています)。
素子 | セレクタ |
---|---|
ヘッドフォンアイコン(スクリーンショットの赤色) | .video-js .vjs-control-bar .vjs-audio-button |
選択されたオプション(スクリーンショットの黄色) | .video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item.vjs-selected |
利用可能なオプション(スクリーンショットの緑色) | .video-js .vjs-control-bar .vjs-audio-button .vjs-menu-item |

以下は実際の CSS スクリーンショットの変更に影響を与えたもの:
.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;
}
既知の問題点
- HLS(m3u8)リモートレンディションを追加する場合は、
<source>
タグは player、視聴者はAndroid OS上のChromeで複数のオーディオトラックを選択できません。