Data Collection API サンプル

このサンプルでは、Brightcove WebまたはSDKで表示されていない動画の分析データを取得できるように、データコレクターに情報を送信する方法を学習します player。このテクニックは Studio上ではサポートされていません。 Brightcove WebまたはSDKを使用している場合に使用 player■分析データが重複するため。

制限事項

コードペン

ソースコード

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

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

ペンを見るコレクションAPIサンプルブライトコーブラーニングサービス（@rcrooks1969）上コードペン.

CodePenの使用

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

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

サンプルノート

このサンプルのコードはすべてJavaScriptであり、XNUMXつの部分があります（どちらもCodePenにあります。プラグインスクリプトが一番上にあり、プラグインを player 下部）：

プラグインをvideojsに追加するスクリプト player
データコレクタにデータを送信するプラグインのスクリプト