ベータ: Brightcove Player 用 Chromecast プラグイン

このトピックでは、Brightcove Player 用 Chromecast プラグインの使い方について説明します。プラグインはベータ版である点に注意してください。

概要

Google Chromecast は、テレビの HDMI ポートに差し込むデバイスです。スマートフォンや PC をリモコンとして使用することで、Chromecast を介して動画コンテンツにアクセスできます。Brightcove Player 用 Chromecast プラグインは、Brightcove Player がデスクトップや Android の Chrome ブラウザーから Chromecast デバイスへ動画をキャストできるようにします。このプラグインは、Widevine を使用した DRM 暗号化ストリームを含む、すべての Video Cloud 動画、または HLS や DASH を使用した外部ストリームをサポートします。広告は Video Cloud のサーバーサイド広告挿入 (SSAI) でサポートされています。クライアントサイドの広告とプレイリストはサポートされていません。

このプラグインを実際に使用するには、次の手順を行います。

Brightcove Player 用 Chromecast プラグインを読み込みます (詳細は後述)。
Chromecast デバイスが、動画を再生するデバイスと同じネットワークに接続されていることを確認します。
動画の再生を開始します。
キャストボタンをクリックし、Chromecast デバイスを選択します。

Chromecast アプリのコンポーネント

Chromecast を支えるソフトウェアは、次のコンポーネントで構成されています。

センダーアプリケーション: 名前のとおり、Chromecast デバイスへデータを送信するコンポーネントです。センダーアプリケーションは、Chromecast エコシステムの「クライアント側」部分と考えることができます。

Brightcove Player 用 Chromecast プラグインは、Brightcove Player のセンダーアプリを有効化します。本トピックではこのプラグインについて学習します。
レシーバーアプリケーション: このコンポーネントは、センダーアプリとレシーバーデバイス間の通信を処理し、Chromecast デバイス上で実行されます。CSS と JavaScript アセットを持つシングルページ HTML アプリと考えることができます。

Brightcove Player のお客様は、レシーバーアプリケーションのコードや構成に手を入れる必要はありません。デフォルトでは、このプラグインは Brightcove のレシーバーアプリを使用します。

ドメイン制限のあるプレーヤーで Chromecast を機能させるには、Chromecast レシーバーのドメイン (players.brightcove.net) をホワイトリストに登録する必要があります。

プラグインの使い方

Brightcove Player 用 Chromecast プラグインは、他の Brightcove Player プラグインと同じように使用します。つまり、プレーヤーにプラグインを読み込む必要があります。

Studio を使用する場合

次の手順では、Studio を使用してプラグインを読み込む方法を説明します。

Players モジュールを開き、新しいプレーヤーを作成するか、プラグインを追加したい既存のプレーヤーを選択します。
プレーヤー名をクリックしてプロパティを開きます。
Overview タブで Plugins アコーディオンを展開します。
Add Plugin をクリックし、Brightcove Plugin を選択します。
Brightcove Plugin ドロップダウンを展開し、chromecast-receiver を選択します。
任意: Options(JSON) テキストボックスに構成オプションを入力します。1752604059001 アカウントのデフォルトプレーヤー向けの例を以下に示します。もちろん、実際にはご自身のプレーヤー情報を入力する必要があります。
```
{
"playerUrl" : "https://players.brightcove.net/1507807800001/default_default/index.min.js"
}
```
オプションの詳細については下記を参照してください。
公開済みのプレーヤーに構成を反映するには、Publish Changes をクリックします。
Media モジュールに戻り、Chromecast 用に更新したばかりのプレーヤーを使って動画またはプレイリストを公開します。

プラグインが読み込まれ、動画の再生が始まり、利用可能な Chromecast デバイスが範囲内にある場合、次のスクリーンショットのようにプレーヤーにキャストボタンが表示されます。

利用可能な Chromecast デバイスが範囲内にある場合、Chromecast プラグインのキャストボタンがプレーヤーのコントロールバーに表示されます。

構成オプション

Brightcove Player 用 Chromecast プラグインのセットアップ方法に関わらず、プラグインの動作を変更するためのオプションを渡すことができます。これらのオプションを設定する必要は必ずしもありませんが、上級ユーザー向けに追加のカスタマイズが可能です。利用可能なオプションは次のとおりです。

playerUrl
デフォルト: URL of current player
指定されていない場合、これは動画をキャストしているプレーヤーを指します。このオプションを指定すると、現在動画をキャストしているプレーヤーではなく、特定のプレーヤーをレシーバーに強制的に読み込ませます。これは、Chromecast 上でのみ特定のプレーヤーコードを実行したい場合に役立ちます。

これはレシーバー上で読み込まれる Brightcove プレーヤーであるため、Chromecast の外でもプレーヤーをカスタマイズ、スタイリング、デバッグすることができます。
css
デフォルト: []
Chromecast レシーバーでプレーヤー CSS が読み込まれた後に追加で読み込むカスタム CSS の配列。

コードでオプションを渡すには、次のように記述します。

videojs.getPlayer('myPlayerID').ready(function() {
  var myPlayer = this;
  options = {};
  options.playerUrl = '//players.brightcove.net/1752604059001/default_default/index.min.js';
  myPlayer.chromecastReceiver(options);
});

既知の問題

Chromecast プラグインは Brightcove Player バージョン 6 以降でサポートされます。
Google は Chromecast でセキュアでないオリジン (HTTP) のサポートを終了しているため、このプラグインはセキュアでないコンテキストでは機能しません。その場合、プレーヤーの Chromecast ボタンは表示されません。
Chromecast プラグインはブラウザーのキャストサポートに依存しているため、サポートされる OS / ブラウザーの組み合わせは次のとおりです。
- デスクトップ / Chrome
- Android / Chrome
Google は単一ページ上での Chromecast センダーボタンの複数インスタンスをサポートしていません。回避策としては、Iframe プレーヤー実装を使って Brightcove Player を埋め込むか、必要に応じてプレーヤーを動的に生成・破棄する方法があります。後者の詳細については、Brightcove Player サンプル: プレーヤーを動的に読み込むドキュメントを参照してください。
このプラグインは Google Nest Hub にはキャストできません。プラグインは実際の Chromecast デバイス (Chromecast および Chromecast Ultra) のみをサポートします。

変更履歴

変更履歴はこちらを参照してください。