サポート サポート問い合わせ先 | システムステータス システムステータス
ページ内容

    最近追加された動画

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

    制限事項

    使用されたAPI

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

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

    OAuth 資格情報

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

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

    Analytics API パーミッション
    Analytics 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の使用.


    ページの最終更新日:24年2020月XNUMX日