ガイド:再生技術

Brightcove Playerのテクニック

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

HTML5技術

Brightcove Player は、<video><audio>または要素を処理するために、ブラウザーが提供する HTML5 再生技術を使用します。つまり、Brightcove Player はブラウザーの HTML5 再生技術を使用して再生される適切なレンディションを探しますが、ブラウザーによって異なります。

特定のブラウザとプレーヤーが使用しているものを知りたい場合は、次のセクションの再生アプリをお試しください。

フラッシュテック

ブラウザが HTML5 メディアをサポートしていない場合、Brightcove Playerは Flash の使用に戻ります。ブライトコーブは、この技術が動画要素と同様に機能するように設計しました。

繰り返しますが、特定のブラウザとプレーヤーが使用しているものを知りたい場合は、次のセクションの再生アプリを試してください。

テクノロジーの注文

デフォルトでは、Brightcove Player は、再生するソースと技術の組み合わせを検索するときに、ソースファーストの選択を使用します。つまり、プレーヤーは次のビデオソースに進む前に、すべての技術でビデオを再生しようとします。

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

{"techOrder": ["html5"]}

テクノロジの順序の詳細については、 Video.js 再生テクノロジノートを参照してください。

再生技術を決定する

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

1. ブラウザで再生テクノロジーアプリを開きます。
2. デフォルトの入力値を自分のアカウント、プレーヤー、ビデオに置き換えます。

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

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

ブラウザ内で、プレーヤーが使用している再生技術を手動で判断すると便利です。Chromeブラウザで再生されている動画を見てみましょう。

ソースタイプ

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

videojs.getPlayers().video_1.currentSrc()

現在のソースファイルの拡張子が次のようになっていることがわかります。 m3u8。

Chromeはhlsをネイティブにサポートしていないため、このブラウザでhlsレンディションが再生されるとは思わないかもしれません。しかし、Brightcove Playerは Chrome ブラウザで MSE（メディアソース拡張機能）を使用して HLS を再生します。

VJS-技術クラス

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

document.getElementsByClassName("vjs-tech")[0]

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