サポート問い合わせ先| システムステータス
ページコンテンツ

    最近追加されたビデオ

    このサンプルでは、最近のある期間にVideo Cloudに追加されたビデオのAnalyticsデータを取得する方法を学習します(入力で定義します)。このアプリは、複数のディメンションでレポートするように変更できますが、単一のディメンションでのみレポートを返すことに注意してください。

    制約事項

    使用された API

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

    • CMS API (最近追加された動画を検索するため)
    • Analytics API (アナリティクスを取得するため)

    認証情報の取得

    client_idとを取得するにはclient_secret、OAuth UI に移動してこのアプリを登録する必要があります。

    必要な権限は次のとおりです。

    Analytics API Permissions
    分析 API のアクセス許可

    また、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 の使用で説明されているプロキシの周りにアプリを構築するためのより精巧なガイドがあります。


    ページの最終更新日22 Sep 2021