ダイアログをキャスト

キャスト アイコンが押されるたびに、キャスト ダイアログが表示されます。キャスト ダイアログを使用すると、ユーザーはウェブ レシーバーへの接続、操作、接続解除を行うことができます。

カスタム実装を開発する場合、または iOS または Chrome 用のアプリを作成する場合、このダイアログを一貫した方法で実装し、デバイス、アプリ、プラットフォーム間で一貫して機能することをユーザーが認識し、信頼できるようにする必要があります。例については、リファレンス アプリをご覧ください。

  キャスト ダイアログ、未接続(レシーバー利用可)

必須 Android MediaRouter のデフォルトの動作):
A 送信側アプリがキャスト レシーバーに接続されていない場合、キャスト アイコンをタップするとキャスト ダイアログが表示されます。
B キャスト ダイアログのタイトル「キャスト先」が表示されます。
C キャスト ダイアログに、キャスト中の利用可能なウェブ レシーバーのリストが表示されます。
D

マルチユーザーのシナリオに注意してください。

  • 現在同じアプリとアカウントからキャストしているレシーバーに別のユーザーが接続すると、送信側アプリからキャスト コンテンツをコントロールできます。
  • キャストしていないアプリから現在キャストしているレシーバに別のユーザーが接続すると、以前のセンダーアプリの接続は解除され、新しいセンダーアプリは接続されます。

Android

キャスト ダイアログ、未接続

キャスト ダイアログ、未接続の画像

ホーム画面をキャスト

ホーム画面の画像をキャスト

iOS

キャスト ダイアログ、未接続

キャスト ダイアログが接続されていない画像

ホーム画面をキャスト

ホーム画面の画像をキャスト

Chrome

キャスト ダイアログ、未接続

キャスト ダイアログが接続されていない画像

ホーム画面をキャスト

ホーム画面の画像をキャスト
 

  キャスト ダイアログ、未接続(iOS のみ)

iOS の場合、初めてキャストするときに、キャスト デバイスへのローカル ネットワーク アクセス(LNA)を許可することに同意する必要があります。この権限が必要な理由を説明するインタースティシャル情報画面に続いて、標準の Apple LNA 権限ダイアログが表示されます。

初めてキャストした後、ユーザーが Wi-Fi に接続しているときにキャスト アイコンをタップしたときにデバイスが検出されない場合は、ウェブ レシーバーが利用できない理由を説明するヘルプ画面が表示されます(ローカル ネットワーク アクセスが無効になっている、Wi-Fi ネットワークに問題があるなど)。

必須:
  初回のキャスト: キャスト アイコンを初めてタップした後、インタースティシャルを表示して、ローカル ネットワーク デバイスへのアクセスをアプリに許可する理由をユーザーに説明する必要があります。ユーザーがローカル権限へのアクセスを受け入れる可能性を高めるために、インタースティシャルにはローカル ネットワーク アクセスが必要な理由に関する情報を含める必要があります。
  B   レシーバーが利用できない: キャスト アイコンをタップすると、ウェブ レシーバーを検出できない理由を説明するヘルプ画面と、LNA の権限に関する問題を解決するための設定へのリンクが表示されます。

初めてキャストする場合(iOS)

初回キャスト: インタースティシャルおよびローカル ネットワークへのアクセス権限

キャスト ローカル ネットワーク アクセス承認フロー

レシーバーは利用できません

レシーバーは利用できません

キャストフロー、ローカル ネットワークへのアクセスがオフ
 

  キャスト ダイアログ、接続済みだがキャストはできない

必須
A 送信側アプリがウェブ レシーバーに接続されているときに、キャスト アイコンをタップすると、キャスト ダイアログが表示されます。
B キャスト ダイアログのタイトル「Receiver-Name」が表示される
C キャスト ダイアログに「キャストを停止」というボタンラベルが付いたキャストを停止するボタンが表示されます(接続解除の詳細については、送信側がキャストを停止をご覧ください)。

Android

キャスト ダイアログ、接続済みだがキャストできない

レシーバアプリの読み込み / アイドル状態

iOS

キャスト ダイアログ、接続済みだがキャストできない

レシーバアプリの読み込み / アイドル状態

 

  キャスト中にダイアログをキャストする

必須
A キャスト ダイアログのタイトル「Receiver-Name」が表示される
B 現在キャスト中のレシーバーまたはコンテンツがタイトルの下に表示されます
C キャスト ダイアログには、キャストを停止する [キャストを停止] ボタンが表示されます(詳しくは、送信者がキャストを停止するをご覧ください)。

ベスト プラクティス

  • 最適なユーザー エクスペリエンスを実現するには、キャスト ダイアログのコントロールに加えて、永続的なコントロールを表示してください。

Android

キャスト ダイアログ、キャスト中

コンテンツを再生しているレシーバー

iOS

キャスト ダイアログ、キャスト中

コンテンツを再生しているレシーバー

Chrome

キャスト ダイアログ、キャスト中

キャスト ダイアログ、キャスト中

コンテンツを再生しているレシーバー

 

 

このデザインガイドで使用されている画像は、Blender Foundation から提供されており、著作権またはクリエイティブ・コモンズ ライセンスに基づいて提供されています。

  • Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
  • Sintel: (c) copyright Blender Foundation | www.sintel.org
  • Tears of Steel: (CC)Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org