制約事項
使用された API
このサンプルでは、2 つの Brightcove API を使用しています。
- CMS API （最近追加された動画を検索するため）
- Analytics API (アナリティクスを取得するため)
認証情報の取得
client_idとを取得するにはclient_secret、OAuth UI に移動してこのアプリを登録する必要があります。
必要な権限は次のとおりです。
また、CURL または Postman 経由で資格を取得することもできます。以下を参照してください。
API から直接認証情報を取得する場合は、次の権限が必要です。
[
"video-cloud/analytics/read",
"video-cloud/video/read"
]
CodePen
ソースコード
このサンプルに関連付けられているすべてのコードを、この GitHub リポジトリで検索します。
サンプルアプリ
ペン分析/CMS API のサンプルを参照してください。最近追加されたビデオ Brightcove Learning Services（ @ rcrooks1969） オンCodePen。
CodePen を使用する
上記のCodePenを効果的に使用するためのヒントは次のとおりです。
- [ 結果 ] ボタンをクリックして、アプリの実際の表示を切り替えます。
- HTML/CSS/JS ボタンをクリックして、コードタイプの 1 つを表示します。
- 右上隅にある CodePen の編集をクリックして、この CodePen を自分のアカウントにフォークします。
- このサンプルに関連付けられているすべてのコードを、この GitHub リポジトリで検索します。
コード
アプリには、次の 4 つの部分があります。
- HTML
- NS データ・モデルのためにAnalytics API（このデータはJavaScriptで作成されたばかりかもしれませんが、私はすでに他の目的のためのモデルを持っていました）
- ジャバスクリプト
- プロキシ（アクセストークンを取得し、APIリクエストを行います-PHPで書かれていますが、サーバー側の言語はすべて行います）
あなたは、上記のCodePenでHTMLとメインのJavaScriptを見ることができます。プロキシのデータモデルと情報を以下に示します。
プロキシコード
このページのサンプルアプリを独自のバージョンで作成するには、独自のプロキシを作成してホストする必要があります。（Brightcoveラーニングサービスで使用されるプロキシは、Brightcoveのドメインからのリクエストのみを受け付けます）。サンプルプロキシは、私たちが使用しているものと非常に似ていますが、BrightCove 以外のドメインからのリクエストをブロックするチェックがないサンプルプロキシは、この GitHub リポジトリにあります。また、そこで使用するための基本的な手順と、 REST API の使用で説明されているプロキシの周りにアプリを構築するためのより精巧なガイドがあります。