制限事項
使用されたAPI
このサンプルでは、XNUMXつのBrightcove APIを使用しています。
- CMS API (最近追加されたビデオを見つけるために)
- Analytics API (分析を得るために)
OAuth 資格情報
取得するには client_id
および client_secret
OAuthのUIにアクセスしてこのアプリを登録する必要があります:
以下は、必要な権限です。

CURL または Postman を介して資格情報を取得することもできます - 以下を参照してください:
APIから資格情報を直接取得する場合は、必要な権限があります。
[
"video-cloud/analytics/read",
"video-cloud/video/read"
]
コードペン
ソースコード
このサンプルに関連付けられているすべてのコードをこれで見つけます GitHubリポジトリ.
サンプルアプリケーション
ペンを見る アナリティクス/CMS APIサンプル:最近追加された動画 ブライトコーブラーニングサービス(@rcrooks1969)上 コードペン.
CodePenの使用
上記のCodePenを効果的に使用するためのヒントをいくつか紹介します。
- をクリックして、アプリの実際の表示を切り替えます。 Result ボタン。
- ストリーミングを停止する場合は上部の HTML / CSS / JS ボタンを押して、1つのコードタイプを表示します。
- ナビゲーションヘッダーの CodePenで編集 右上隅にあるこのCodePenを自分のアカウントにフォークします。
- このサンプルに関連付けられているすべてのコードをこれで見つけます GitHubリポジトリ.
コード
アプリには4つの部分があります:
- HTML
- A データ・モデル のために Analytics API (このデータはJavaScriptで作成されたばかりかもしれませんが、他の目的のために既にモデル化されています)
- JavaScriptを
- 代理 (トークンにアクセスしてAPIリクエストを作成する - PHPで書かれていますが、サーバーサイドの言語であれば可能です)
あなたはHTMLとメインのJavaScriptを コードペン 上記。 データモデルとプロキシーに関する情報を以下に示します。
プロキシコード
このページのサンプルアプリで独自のバージョンを構築するには、独自のプロキシを作成してホストする必要があります。 (Brightcoveラーニングサービスで使用されるプロキシは、Brightcoveドメインからの要求のみを受け入れます。)サンプルプロキシは、使用するものと非常に似ていますが、Brightcove以外のドメインからの要求をブロックするチェックがない場合は、次の場所にあります。 このGitHubリポジトリ。 また、そこでの使用のための基本的な手順や、プロキシの周囲にアプリケーションを構築するためのより詳細なガイドが含まれています。 REST APIの使用.