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

    最近追加された動画

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

    制約事項

    使用された API

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

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

    認証情報の取得

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

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

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

    また、CURL または Postman 経由で資格を取得することもできます。以下を参照してください。

    API から直接認証情報を取得する場合は、次の権限が必要です。

                [
                  "video-cloud/analytics/read",
                  "video-cloud/video/read"
                ]

    CodePen

    ソースコード

    このサンプルに関連付けられているすべてのコードを、この GitHub リポジトリで検索します

    サンプルアプリ

    ペン分析/CMS API のサンプルを参照してください。CodePen にBrightcove ブラーニングサービス ( @rcrooks1969 ) が最近追加した動画。

    CodePen を使用する

    上記のCodePenを効果的に使用するためのヒントは次のとおりです。

    • [ 結果 ] ボタンをクリックして、アプリの実際の表示を切り替えます。
    • HTML/CSS/JS ボタンをクリックして、コードタイプの 1 つを表示します。
    • 右上隅にある CodePen の編集をクリックして、この CodePen を自分のアカウントにフォークします。
    • このサンプルに関連付けられているすべてのコードを、この GitHub リポジトリで検索します

    コード

    アプリには、次の 4 つの部分があります。

    • HTML
    • A データ・モデルのためにAnalytics API(このデータはJavaScriptで作成されたばかりかもしれませんが、私はすでに他の目的のためのモデルを持っていました)
    • ジャバスクリプト
    • プロキシ(アクセストークンを取得し、APIリクエストを行います-PHPで書かれていますが、サーバー側の言語はすべて行います)

    あなたは、上記のCodePenでHTMLとメインのJavaScriptを見ることができます。プロキシのデータモデルと情報を以下に示します。

    プロキシコード

    このページのサンプルアプリを独自のバージョンで作成するには、独自のプロキシを作成してホストする必要があります。(Brightcove ブラーニングサービスで使用されるプロキシは、Brightcove ブのドメインからのリクエストのみを受け付けます)。サンプルプロキシは、私たちが使用しているものと非常に似ていますが、BrightCove 以外のドメインからのリクエストをブロックするチェックがないサンプルプロキシは、この GitHub リポジトリにあります。また、そこで使用するための基本的な手順と、 REST API の使用で説明されているプロキシの周りにアプリを構築するためのより精巧なガイドがあります。