最近追加された動画

このサンプルでは、追加された動画のアナリティクスデータを取得する方法を学習します Video Cloud いくつかの最近の期間（あなたが入力で定義する）このアプリでは、1つのディメンションのレポートのみが返されますが、複数のディメンションについてレポートするように変更することもできます。

制限事項

使用されたAPI

このサンプルでは、XNUMXつのBrightcove APIを使用しています。

CMS API （最近追加されたビデオを見つけるために）
Analytics API （分析を得るために）

OAuth 資格情報

取得するには client_id と client_secretOAuthのUIにアクセスしてこのアプリを登録する必要があります：

API認証資格情報の管理

以下は、必要な権限です。

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の使用.