Media API の例

このトピックでは、JavaScript で Media API のクエリを行うシンプルな例をいくつか紹介します。

Media API は、Video Cloud アカウント内のコンテンツおよびメタデータにアクセスするための REST ベースの API です。Media API は、REST ベースの API であるため、クライアントだけでなく、動的に生成した Web ページや、サーバーサイドの同期プロセスなど、Web アプリケーションのさまざまな場所からアクセスが可能です。

これらの例を理解するには、Media API およびプログラミング言語の JavaScript に習熟している必要があります。次へ進む前に必ず、「Media API の基礎」および「Media API:JavaScript の基礎」をお読みください。

また、ActionScript を使用して Media API にアクセスすることもできます。このトピックに関する詳細は「ActionScript を使用した Media API の基礎」を参照してください。

このアプリケーション例では、Java と Media 書き込み API を使用して、HTML ページで動画をメディア ライブラリにアップロードします。HTML フォームページの背後にサーブレット クラスがあり、このクラスが動画名、説明、ファイルを取得して、create_video メソッドに渡します。サンプルは 2 つのファイルで構成されています。

アプリケーション例のこのコード ウォークスルーでは、PHP および Media Write API を使用して、動画をメディア ライブラリに PHP ページを使ってアップロードする方法について学びます。動画は HTML フォームで送信されます。続いて PHP スクリプトがフォームを処理して動画を Brightcove にアップロードします。

このトピックで説明されているコードに従って、動画のアップロードや必要に応じてアプリケーション例の変更ができる、独自のアプリケーションを構築することができます。

事前確認事項

サンプルは 2 つのファイルで構成されています。開始する前にこれらの 2つのファイルをダウンロードします。

下記は PHP によるアップロードのサンプル コードです。これはメディア ライブラリへ動画をアップロードするために PHP ページを使用するアプリケーションです。PHP スクリプトは PHP Media API ラッパーを使用し、opensource.brightcove.com で使用するための説明書を検索し取得することができます。

この PHP スクリプトは、アップロード フォームを処理し、動画をアップロードします。[[READ_TOKEN]] および [[WRITE_TOKEN]] をお客様自身のトークンと置き換えて、アカウントに有効なトークンを提供する必要があります。

このフォームのコードは次のとおりです。

このサンプル アプリケーションでは Media API を使用して、過去 1 週間でもっとも再生回数の多い 5 本の動画のリストをクエリし、その動画を HTML のサイドバーに表示します。動画はクリックすることができ、新しいウィンドウでプレーヤが起動されます。

デモの動作を確認するには、ここをクリックしてください。

事前確認事項

読者は、JavaScript のみを使用して Media API 呼び出しを行う動的スクリプト タグの手法に習熟している必要があります。

呼び出し

アカウント内でもっとも視聴回数の多い 5 本の動画のリストを取得するための呼び出しの構成を見てみましょう。

このトピックでは、Brightcove Media API と JavaScript を使用した、VideoManager というアプリケーション例を紹介します。VideoManager は、メディア ライブラリの基本作業を管理するクライアントです。多くの面において Brightcove Media モジュールと同じデザイン パターンに従っていますが、Flash アプリケーションとして実装するのではなく、HTML、JavaScript、Media API を使用しています。VideoManager の仕組みを理解するためには、プログラミング言語の JavaScript に習熟しており、ブラウザが JavaScript で HTTP 要求をする際に抵触する、クロスドメインに関するセキュリティの制約について理解している必要があります。続きを読む前に、JavaScript の基礎を参照してください。

VideoManager アプリケーションを確認するには、ここをクリックしてください。VideoManager は読み取り専用のアプリケーションとして展開しています。

これは、VideoManager アプリケーションのための proxy.jsp ファイル例です。API インターフェイスへの要求とその応答をプロキシします。実稼動環境での展開時には、このページが外部からアクセスできないようにする必要があります。このサンプル アプリケーションの動作は、こちらを参照してください。

HTML5 players do not support multiple playlists, but you can overcome that using the Media AP