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

    複数の動画にカスタムフィールドを追加する

    このサンプルでは、カスタムフィールドの UI を作成し、複数の動画にカスタムフィールドを追加する方法を学びます。

    はじめに

    Media モジュールのビデオにカスタムフィールドを追加できますが、1 つずつ追加する必要があります。このサンプルアプリでは、一度に 10 本もの動画にカスタムフィールドを追加できます(また、簡単に変更して数を増やしたり、アカウント内のすべての動画にカスタムフィールドを追加したりできます)。アプリはかなり簡単です。カスタムフィールドの UI を作成する唯一の課題は、値の単純な文字列、または値のリストから選択できることです。ただし、フィールドのメタデータからそれがどのタイプのフィールドであるかを簡単に判断し、適切な入力フィールドを表示できるため、管理するのはそれほど難しいことではありません。

    資格情報を取得する

    CMS APIを使用するには、適切な資格情報が必要です。

    ほとんどの場合、資格情報を取得する最も簡単な方法は、Studioの管理API認証セクションを使用することです(アカウントに対する管理者権限が必要です)。詳細については、「 API 認証資格情報の管理」を参照してください。ほとんどの場合、CMS APIおそらくすべての操作のパーミッションを取得したいだけです。

    CMS API のアクセス許可
    CMS API のアクセス許可

    必要な権限が Studio で使用できない場合、または OAuth API から直接取得する場合は、以下に示す [ クライアント認証情報の取得 ] ドキュメントを選択します。どちらのオプションを選択しても、正しい操作権限を要求する必要があります。以下を cURL または Postman で使用して、CMS API のすべての権限を取得できます。

              "operations": [
                "video-cloud/video/all",
                "video-cloud/playlist/all",
                "video-cloud/sharing-relationships/all",
                "video-cloud/notifications/all"
              ]

    サンプルアプリ

    ソースコード

    このサンプルに関連付けられているすべてのコードは、この Github リポジトリにあります

    サンプルアプリ

    Pen CMS API のサンプルを参照してください。CodePen の Brightcove ラーニングサービス ( @rcrooks1969 ) の複数の動画にカスタムフィールドを追加します。

    CodePen を使用する

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

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

    プロキシコード

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