ガイド：再生技術

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を使用して削除することはありませんliverあなたのビデオコンテンツ、そしてあなたのビデオはdeliveMP4レンディションのプログレッシブダウンロードを伴う赤。 これを行うには、以下を使用します。

{"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 要素が使用されています。