Smart Player API

スマート プレーヤ API では、Flash プレーヤと HTML プレーヤの両方で機能するカスタム動的ソリューションを JavaScript で作成できます。この API は、Video Cloud スマート プレーヤ用のソリューションの開発を容易にします。スマート プレーヤは環境を検出して、Flash Player がサポートされインストールされている場合には Flash Player で動画を提供し、されていない場合には HTML プレーヤで動画を提供します。スマート プレーヤ API を使用して、動的なソリューションを作成し、Video Cloud Studio の標準テンプレートから作成されたプレーヤの機能や動作を拡張できます。

ブライトコーブでは、Video Cloud プレーヤ用の動的なソリューションを作成するため、2 つのプレーヤ API を提供しています。

  • Flash 専用プレーヤ API。Flash Player 向けのみに JavaScript ソリューションおよび ActionScript プラグインを作成するための従来のプレーヤ API。HTML プレーヤはサポートしません。
  • スマート プレーヤ API。Flash と HTML モードの両方で機能する Video Cloud プレーヤ用のソリューションを作成するための JavaScript API

下の決定木は、お客様の方法とソリューションに応じて、Flash 専用プレーヤ API を使用する場合、スマート プレーヤ API を使用する場合、両方の API を組み合わせて使用する場合についてのブライトコーブの推奨を示しています。

ブライトコーブでは、Video Cloud プレーヤ用の動的なソリューションを作成するため、2 つのプレーヤ API を提供しています。

  • Flash 専用プレーヤ API。Flash Player 向けのみに JavaScript ソリューションおよび ActionScript プラグインを作成するための従来のプレーヤ API。HTML プレーヤはサポートしません。
  • スマート プレーヤ API。Flash、HTML 両モードで動作する Video Cloud プレーヤ用ソリューションを作成するための JavaScript API。Flash 専用プレーヤ API で利用可能な機能の一部をまだサポートしていません。

スマート プレーヤ API の制約事項

スマート プレーヤ API は、以下の領域のコーディングに必要なメソッドとイベントをサポートしていません。

この文書では、プレーヤでスマート プレーヤ API を使用する準備に必要な手順を説明します。

スマート プレーヤ API では、Flash プレーヤと HTML プレーヤの両方で機能するカスタム動的ソリューションを JavaScript で作成できます。この単一の JavaScript API を使用して、Flash モードと HTML モードの Video Cloud プレーヤで動作する動的なソリューションを作成するための詳細な入門は、「スマート プレーヤ API を使用する」を参照してください。API の利用可能なクラス、メソッド、イベントの定義および使用例は、「スマート プレーヤ API リファレンス」を参照してください。

この文書では、プレーヤでスマート プレーヤ API の準備をする手順を説明します。

スマート プレーヤ API では、Flash プレーヤと HTML プレーヤの両方で機能するカスタム動的ソリューションを JavaScript で作成できます。この文書には、スマート プレーヤ API を使用して動画にコンテンツを割り当てる基本的な例が含まれます。

始める前に、「スマート プレーヤ API の概要」の内容を十分理解し、そして「プレーヤでスマート プレーヤ API の準備をする」を参照してください。これらは Flash プレーヤまたは HTML プレーヤ用のソリューションのコーディングを始めるために必要となります。

スマート プレーヤ API では、Flash プレーヤと HTML プレーヤの両方で機能するカスタム動的ソリューションを JavaScript で作成できます。この文書には、スマート プレーヤ API を使用して、再生の間に発生するイベントを記録するための基本的なサンプルが含まれます。

始める前に、「スマート プレーヤ API の概要」を十分理解し、そして「プレーヤでスマート プレーヤ API の準備をする」を参照してください。これらは Flash プレーヤ、HTML プレーヤ用の単一ソリューションの作成を始めるために必要となります。

この文書では、Flash および HTML モードで Video Cloud プレーヤをサポートするため、Flash プレーヤ専用の既存の JavaScript プレーヤ API のコードをスマート プレーヤ API のコードへリファクタリングする方法を説明します。

リファクタリングが適切かどうかを判断する

スマート プレーヤ API では、Flash プレーヤと HTML プレーヤの両方で機能するカスタム動的ソリューションを JavaScript で作成できます。既存の Flash 専用プレーヤ API を使用するプレーヤ ソリューションをすでにお持ちの場合もあります。この文書では、代わりにスマート プレーヤ API を使用するため、それらのソリューションを更新するべきかどうか、およびその方法を説明します。既存の Flash 専用ソリューションをスマート プレーヤ ソリューションにリファクタリングするか判断する際には、次の点を考慮してください。

この文書では、両方の JavaScript プレーヤ API のハイブリッドを使用して、ソリューションを作成する方法を説明します。

プレーヤ API のハイブリッドが適切かどうかを判断する

ブライトコーブでは、Video Cloud プレーヤ用の動的なソリューションを作成するため、2 つのプレーヤ API を提供しています。

Video Cloud は、プレーヤまたはプレーヤ テンプレートに機能を追加するためのプラグインをサポートしています。Video Cloud プレーヤからプラグインを参照することによって、プレーヤが表示される場所に関係なく、プレーヤに機能を追加できます。各ページにスクリプトを記述する必要はありません。プラグインは、<module> 要素を使用してプレーヤ テンプレートに追加することもでき、そのテンプレートから作成されたプレーヤにはプラグインが導入されます。

スマート プレーヤ API は、Flash プレーヤと HTML プレーヤの両方で動作する Video Cloud プレーヤ向けのカスタム動的ソリューションを作成できる JavaScript API です。Flash 専用プレーヤ API と同様に、スマート プレーヤ API は、スマート プレーヤでキュー ポイントをサポートします。スマート プレーヤとは、Flash がサポート、インストールされている場合は Flash Player を指し、それ以外の場合は HTML プレーヤで動画を再生する Video Cloud プレーヤのことを指します。「スマート プレーヤ API リファレンス」では、各プレーヤ コンポーネントで利用可能なメソッドおよびイベントについて説明し、使用例を提供しています。スマート プレーヤ API のキュー ポイント モジュールのメソッドおよびイベントは、「Flash 専用プレーヤ API」 と同様です。

このトピックでは、スマート プレーヤ API の Captions モジュールを紹介します。このモジュールを使用して、スマート プレーヤで再生する動画にクローズド キャプションを表示できます。このトピックでは、お客様がスマート プレーヤ API に精通していると想定しています。詳細については、スマート プレーヤ API を使用するおよびプレーヤでスマート プレーヤ API の準備をするを参照してください。


以下の方法のいずれかを使用して、スマートフォンまたはタブレットでスマート プレーヤ API を使用して動画を動的に読み込むのサンプルを再生する方法を確認できます。

  • スマートフォンまたはタブレットから、QR コードをスキャンするアプリを開き、下の QR コードに機器のカメラ レンズを向けてスキャンします。この方法を使うと、機器のネイティブ ブラウザでサンプルを表示できます。入力は必要ありません。

以下の方法のいずれかを使用して、スマートフォンまたはタブレットでスマート プレーヤ API を使用してイベントをリスンするのサンプルを再生する方法を確認できます。

  • スマートフォンまたはタブレットから、QR コードをスキャンするアプリを開き、下の QR コードに機器のカメラ レンズを向けてスキャンします。この方法を使うと、機器のネイティブ ブラウザでサンプルを表示できます。入力は必要ありません。

以下の方法のいずれかを使用して、スマートフォンまたはタブレットでスマート プレーヤ API でキュー ポイントを使用するのサンプルを再生する方法を確認できます。

  • スマートフォンまたはタブレットから、QR コードをスキャンするアプリを開き、下の QR コードに機器のカメラ レンズを向けてスキャンします。この方法を使うと、機器のネイティブ ブラウザでサンプルを表示できます。入力は必要ありません。

This topic shows how to add custom overlays to Video Cloud players using ActionScript and JavaScript plug-ins.