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