Web Receiver の概要

Web Receiver アプリケーション

ウェブ レシーバ アプリケーションは、Chromecast などのウェブ レシーバ デバイスで実行される HTML5/JavaScript アプリケーションです。Web Receiver アプリケーションは、次の機能を実行します。

  • アプリのコンテンツをテレビに表示するためのインターフェースを提供します。
  • 送信者のアプリから送信されるメッセージを処理し、Web Receiver デバイス上でコンテンツを制御します。
  • 送信者アプリケーションから送られた、アプリケーション固有のカスタム メッセージを処理します。

ウェブレシーバーは、追加機能を提供します。

Web Receiver SDK

Web Receiver SDK にはメディア プレーヤーも組み込まれているため、シームレスで簡単な再生が可能です。また、プレーヤーの UI をカスタマイズし、ウェブ レシーバに、カスタム ビジネス ロジックを実行するためのメッセージやメソッドをインターセプトしてオーバーライドする機能も備わっています。

Web Receiver アプリケーションは、次の方法で実装できます。

  • スタイル付きメディア ウェブ レシーバーを使用する: 事前構築済みのウェブ レシーバー アプリケーションであり、音声と動画コンテンツ用のメディア プレーヤー UI を提供します。Web Receiver アプリにデフォルトの UI が用意されていますが、CSS ファイルを使用して UI の複数の要素をカスタマイズできます。
  • カスタム ウェブ レシーバーを開発する: これは、テレビにアプリ コンテンツを表示する場合にホストする必要がある、カスタム作成の HTML5 アプリです。アプリで音声/動画メディア以外のコンテンツを表示したい場合、またはスタイル付きメディア レシーバーがアプリで必要なメディアタイプをサポートしていない場合は、カスタム レシーバーを作成する必要があります。

ウェブ レシーバを実装しないことを選択した場合、アプリケーションはデフォルトのメディア ウェブ レシーバを使用できます。

ウェブレシーバーを選択してください

Web Receiver SDK には、ビジネスニーズに合ったさまざまな種類のレシーバーが用意されています。さまざまな機能の比較については、レシーバー アプリの種類に関するガイドをご覧ください。

スタイル付きメディアウェブレシーバー

Styled Media Web Receiver は、Google がホストする事前構築済みのウェブ レシーバー アプリケーションであり、音声と動画のコンテンツをストリーミングできるように設計されています。CSS ファイルを使用して、独自の色やブランド アセットでインターフェースのスタイルを設定できます。

スタイル付きメディア ウェブレシーバーを使用するには、新しいアプリケーションを登録する際にスタイル付きメディア ウェブレシーバーを選択し、必要に応じて、ウェブ レシーバー アプリケーションの UI のカスタムを定義する CSS ファイルの URL を指定します。

Styled Media Web Receiver アプリの UI をカスタマイズできる CSS スタイルの詳細については、Styled Media Receiver ガイドをご覧ください。

カスタムのウェブレシーバー

アプリが画像ギャラリーなどのコンテンツを提供し、DRM、またはカスタム ビジネス ロジックを必要とする場合は、カスタム ウェブ レシーバー アプリケーションを構築する必要があります。カスタム ウェブ レシーバーは、独自のサーバーでホストされる HTML5 アプリであり、JavaScript Web Receiver API を使用して実装する必要があります。

Web Receiver API を使用してウェブ レシーバー アプリケーションを構築する方法について詳しくは、カスタム ウェブ レシーバー ガイドをご覧ください。

デフォルトのメディア ウェブ受信者

3 つ目の選択肢は、デフォルトのメディア ウェブ受信者です。これは、音声や動画のコンテンツをストリーミングできる、Google がホストする事前構築済みの Web Receiver アプリケーションです。Google Cast SDK Developer Console への登録は必須ではありませんが、デフォルトのメディア ウェブレシーバーで UI をカスタマイズすることはできません

デベロッパー コンソールに登録してアプリ ID を受け取る代わりに、デフォルトのメディア ID とともにデフォルトのメディア ウェブレシーバーを使用できます。

  • Android アプリの場合: CastMediaControlIntent.DEFAULT_MEDIA_RECEIVER_APPLICATION_ID
  • ウェブアプリの場合: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID
  • iOS アプリの場合:
    • <=v4.0.0kGCKMediaDefaultReceiverApplicationID
    • >=v4.0.2kGCKDefaultMediaReceiverApplicationID

送信側のアプリから、キャスト デバイスでデフォルトのメディア ウェブレシーバー アプリを起動し、そのメディアを使用して URL を読み込みます。