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

    作る Player

    この例では、アカウント情報を入力します。 同様に、メディアとメディアの種類、または Video Cloud 動画ID。 ボタンをクリックすると、 player に関する情報が作成され、選択されます player 表示されます。

    免責条項

    アプリケーションアーキテクチャ

    このアプリのハイレベルアプリケーションロジックは次のとおりです:

    1. 作成に必要なユーザーデータを収集する player
    2. APIに渡すJSONデータ構造を構築する player 創造
    3. ボタンをクリックして、AJAX呼び出しを実行して作成します player
    4. AJAXコール成功時には、次の処理を実行します。
      • HTMLページにJSON応答データを挿入する
      • 公開する関数を呼び出す player
    5. AJAX呼び出しを実行して公開する player
    6. AJAXコール成功時には、次の処理を実行します。
      • JSON応答データをHTMLに挿入する
      • 選択を表示するHTMLを動的に構築する player 情報をHTMLページに挿入します

    サンプルアプリケーション

    ソースコード

    このサンプルに関連付けられているすべてのコードを このGitHubリポジトリ.

    サンプルアプリケーション

    ペンを見る 作ります Player ブライトコーブラーニングサービス(@rcrooks1969)上 コードペン.

    CodePenの使用

    上記のCodePenを効果的に使用するためのヒントをいくつか紹介します。

    • プレーヤーの実際の表示を切り替えるには、 Result ボタン。
    • ストリーミングを停止する場合は上部の HTML / CSS / JS ボタンを押して、1つのコードタイプを表示します。
    • ナビゲーションヘッダーの CodePenで編集 右上隅にあるこのCodePenを自分のアカウントにフォークします。
    • このサンプルに関連付けられているすべてのコードをこれで見つけます GitHubリポジトリ.

    プロキシコード

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


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