[キャスト アイコン] を押すと、キャスト ダイアログが表示されます。キャスト ダイアログでは、ユーザーは ウェブ レシーバーに接続、制御、接続解除できます。
カスタム実装を開発する場合や、iOS または Chrome 用のアプリをビルドする場合は、このダイアログを一貫した方法で実装する必要があります。これにより、ユーザーはデバイス、アプリ、プラットフォーム間で一貫して機能することを認識し、信頼できます。例については、 リファレンス アプリをご覧ください。
キャスト ダイアログ(未接続、レシーバーあり)
必須(
Android MediaRouter のデフォルトの動作):
A 送信元アプリがキャスト レシーバーに接続されていない場合、[キャスト アイコン] をタップするとキャスト ダイアログが表示されます。
B キャスト ダイアログのタイトル「キャスト先」が表示されます。
C キャスト ダイアログに、利用可能なウェブ レシーバーのリストが表示されます。
D 現在キャスト中の各レシーバーに「
アプリ名 をキャスト中」と表示されます。
マルチユーザー シナリオに注意してください。
- 別のユーザーが、同じアプリとアカウントから現在キャスト中のレシーバーに接続すると、送信元アプリにキャスト コンテンツのコントロールが表示されます。
- 別のユーザーが、キャストしていないアプリから現在キャスト中のレシーバーに接続すると、以前の送信元アプリ の接続が解除され、新しい送信元アプリが接続されます。
Android
キャスト ダイアログ(未接続)
キャストのホーム画面
iOS
キャスト ダイアログ(未接続)
キャストのホーム画面
Chrome
キャスト ダイアログ(未接続)
キャストのホーム画面
キャスト ダイアログ(未接続、iOS のみ)
iOS の場合、初めてキャストするときに、 キャスト デバイスへのローカル ネットワーク アクセス(LNA)を許可するようユーザーに同意を求める必要があります。この権限が必要な理由を説明するインタースティシャル情報画面が表示され、その後に Apple 標準の LNA 権限ダイアログが表示されます。
初めてキャストした後、ユーザーが Wi-Fi に接続しているときに [キャスト アイコン] をタップしてもデバイスが見つからない場合は、ウェブ レシーバーが利用できない理由(ローカル ネットワーク アクセスが無効になっている、Wi-Fi ネットワークに問題があるなど)を説明するヘルプ画面が表示されます。
必須:
A 初回キャスト: キャスト アイコンを初めてタップした後、アプリがローカル ネットワーク デバイスにアクセスできるようにする必要がある理由を説明するインタースティシャルを表示する必要があります。インタースティシャルには、ローカル ネットワーク アクセスが必要な理由を含め、ユーザーがローカル権限アクセスを許可する可能性を高める必要があります。
B レシーバーが利用できない: [キャスト アイコン] をタップすると、ウェブ レシーバーを検出できない理由を説明するヘルプ画面が表示されます。また、LNA 権限の問題を解決するための [設定] へのリンクも表示されます。
初回キャスト(iOS)
初回キャスト: インタースティシャルとローカル ネットワーク アクセス権限
レシーバーが利用できない
レシーバーが利用できない
キャスト ダイアログ(接続済み、キャストしていない)
必須
A 送信元アプリがウェブ レシーバーに接続されている場合、キャスト アイコンをタップするとキャスト ダイアログが表示されます。
B キャスト ダイアログのタイトル「Receiver-Name」が表示されます。
C キャスト ダイアログに、[キャストを停止] というラベルのボタンが表示されます。このボタンでキャストを停止できます(接続解除について詳しくは、送信元がキャストを停止するをご覧ください)。
Android
キャスト ダイアログ(接続済み、キャストしていない)
レシーバー アプリが読み込まれた状態 / アイドル状態
iOS
キャスト ダイアログ(接続済み、キャストしていない)
レシーバー アプリが読み込まれた状態 / アイドル状態
キャスト ダイアログ(キャスト中)
必須
A キャスト ダイアログのタイトル「Receiver-Name」が表示されます。
B 現在キャスト中のレシーバーまたはコンテンツがタイトルの下に表示されます。
C キャスト ダイアログに、キャストを停止する [STOP CASTING] ボタンが表示されます(詳しくは、送信元がキャストを停止するをご覧ください)。
効果的な手法
- ユーザー エクスペリエンスを向上させるため、 永続的なコントロール をキャスト ダイアログのコントロールに加えて提供します。
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