キャスト ボタンを押すたびに、キャスト ダイアログが表示されます。キャスト ダイアログでは、ウェブリシーバーへの接続、操作、切断を行うことができます。
カスタム実装を開発する場合や、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 キャスト ダイアログに、キャストを停止する [キャストを停止] ボタンが表示されます(詳細については、送信側がキャストを停止するをご覧ください)。
ベスト プラクティス
- 最適なユーザー エクスペリエンスを提供するには、Cast ダイアログのコントロールに加えて、永続的なコントロールを用意します。
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