サポート サポート問い合わせ先 | システムステータス システムステータス
ページ内容

    複数のオーディオトラック

    このトピックでは、複数のオーディオトラックを Brightcove Player.

    賃貸システムの概要

    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で複数のオーディオトラックを選択できません。

    ページの最終更新日:28年2020月XNUMX日