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

    ガイド:再生技術

    このトピックでは、 Brightcove Player 再生技術。 再生技術は、ビデオまたはオーディオを再生するために使用される特定のブラウザまたはプラグイン技術を指す。 (再生技術は、通常、単に テク.)

    Brightcove Player テク

    Brightcove Player HTML5を使用してコンテンツを再生するためにできることはすべて実行します。 できない場合にのみ、Flashの使用にフォールバックします。 これを行うには、 Brightcove Playerのデフォルトの技術注文は ["html5","flash"]。 これらの技術を調べてみましょう:

    HTML5 tech

    Brightcove Player は、ブラウザが提供するHTML5再生テクノロジーを使用して、 <video> or <audio> 素子。 これは、 Brightcove Player は、ブラウザのHTML5再生テクノロジーを使用して再生される適切なレンディションを探しますが、ブラウザによって異なります。

    特定のブラウザと player 使用しています、試してください 再生アプリ 次のセクションで説明します。

    Flash tech

    ブラウザがHTML5メディアをサポートしていない場合、 Brightcove Player Flashの使用にフォールバックします。 Brightcove この技術はビデオ要素と同様に機能するように設計されています。

    繰り返しますが、特定のブラウザと player 使用しています、試してください 再生アプリ 次のセクションで説明します。

    テクノロジーの注文

    デフォルトでは、 Brightcove Player 再生するソース/技術の組み合わせを検索するとき、ソース優先の選択を使用します。 これは、 player 次のビデオソースに移る前に、すべての技術でビデオを再生しようとします。

    にもかかわらず Brightcove Player はHTML5メディアをサポートしないブラウザでのみFlash技術を使用します。Flash技術をオフにすることを選択できます。 この場合、 player Flashを使用して動画コンテンツを配信することは決してなく、動画はMP4レンディションのプログレッシブダウンロードで配信されます。 これを行うには、以下を使用します。

    {"techOrder": ["html5"]}

    技術発注の詳細については、 Video.js再生技術 を参照ください。

    再生技術の決定

    どのレンディションソースタイプと再生技術が現在のブラウザで使用されているかを判断する最善の方法は、ブラウザでアプリケーションを実行することです。 これを行うには、次の手順を実行します。

    1. Video Cloud Studioで 再生技術アプリ あなたのブラウザに表示されます。
    2. デフォルトの入力値を自分のアカウントに置き換えます。 player とビデオ。

    出力は次のようになります。

    再生技術アプリ

    手動で再生技術を表示する

    使用している再生技術を手動で判別すると役立つ場合があります。 player ブラウザ内。 Chromeブラウザで再生されているビデオを見てみましょう。

    ソースの種類

    最初に、どのレンディションソースタイプが現在使用されているかを見てみましょう。 Chromeブラウザに動画を表示し、デベロッパーツールを開いてコンソールメッセージを表示します。 コンソールのコマンドプロンプトで、次のように入力します。

    videojs.getPlayers().video_1.currentSrc()

    現在のソースファイルの拡張子が m3u8.

    技術名称

    Chromeがネイティブにhlsをサポートしていないため、このブラウザではhlsのレンディションが再生されることは期待できません。 しかし Brightcove Player ChromeブラウザでMSE(Media Source Extensions)を使用してhlsを再生します。

    vjs-techクラス

    次に、HTML5がhlsレンディションの再生に使用されていることを確認します。 コンソールのコマンドプロンプトで、次のように入力して最初のコマンドに戻ります。 player というクラスを使用する要素 vjs-tech:

    document.getElementsByClassName("vjs-tech")[0]
    技術名称

    ここでは、HTML5 video 要素が使用されています。

    参考文献

    このトピックについて引き続き学習するには、次のドキュメントを参照してください。


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