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

作る 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の使用.


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