キャスト アイコンが押されるたびに、キャスト ダイアログが表示されます。キャスト ダイアログでは、 Web Receiver の接続、制御、接続解除を行えます。
カスタム実装を開発する場合や、iOS または Chrome 用のアプリを作成する場合は、 このダイアログを一貫した方法で実装し、ユーザーが認識し、正しく機能するようにする デバイス、アプリ、プラットフォームで一貫性が確保されます。詳しくは、 例については、リファレンス アプリをご覧ください。
<ph type="x-smartling-placeholder"></ph> キャスト ダイアログ、未接続(レシーバー利用可能)
必須(のデフォルトの動作)
Android MediaRouter)。
A 送信側アプリがキャスト レシーバーに接続されていない場合は、
キャスト アイコンをタップすると [キャスト] ダイアログが表示される
B キャスト ダイアログのタイトル: キャスト先出現
C キャスト ダイアログに、利用可能なウェブ レシーバーのリストが表示されます。
D 現在キャストしている各レシーバーに「キャスト中」と表示されます。
アプリ名」
マルチユーザーのシナリオに注意してください。
- キャスト中のレシーバーに別のユーザーが接続したとき 送信する場合、送信側のアプリで次の制御が可能です。 キャスト コンテンツを作成します。
- キャスト中のレシーバーに別のユーザーが接続したとき キャストしていないアプリから、前の送信側アプリから 新しい送信者アプリが接続されます
Android
キャスト ダイアログ、未接続
![キャスト ダイアログ、未接続の画像](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=0000&hl=ja)
ホーム画面をキャスト
![ホーム画面の画像をキャスト](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=ja)
iOS
キャスト ダイアログ、未接続
![キャスト ダイアログが接続されていない画像](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=0000&hl=ja)
ホーム画面をキャスト
![ホーム画面の画像をキャスト](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=ja)
Chrome
キャスト ダイアログ、未接続
![キャスト ダイアログが接続されていない画像](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=0000&hl=ja)
ホーム画面をキャスト
![ホーム画面の画像をキャスト](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=ja)
<ph type="x-smartling-placeholder"></ph> キャスト ダイアログ、未接続(iOS のみ)
iOS で初めてキャストする場合、ユーザーは以下に対するローカル ネットワーク アクセス(LNA)を許可することに同意する必要があります キャスト デバイスインタースティシャル情報画面が表示される この権限が必要な理由をユーザーに説明してから、標準の Apple LNA 権限のダイアログ。
初めてキャストしたとき、キャスト中にデバイスが検出されなかった場合に Wi-Fi を使用している場合はヘルプ画面が表示されます Web Receivers が利用できない理由( (ローカル ネットワーク アクセスが無効になっている、Wi-Fi ネットワークに問題がある)など)。
必須:
A 初めてキャストする場合: キャスト アイコンをタップした後
構築する場合、
インタースティシャル広告を表示して、許可するべき理由をユーザーに説明する必要がある
アクセスする必要があります。インタースティシャルには、
ローカル ネットワーク アクセスが必要な理由を説明するとともに、ユーザーが
ローカル権限アクセスを制御します。
B レシーバーを使用できない: キャスト アイコンをタップする
ユーザーが考えられる理由について説明するヘルプ画面を表示する
で Web Receiver が検出されず、LNA の権限に関する問題を解決するための [設定] へのリンクも検出されません。
初めてキャストする場合(iOS)
初回キャスト: インタースティシャルおよびローカル ネットワークへのアクセス権限
![キャスト ローカル ネットワーク アクセス承認フロー](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=0000&hl=ja)
レシーバーは利用できません
レシーバーは利用できません
![キャストフロー、ローカル ネットワークへのアクセスがオフ](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=0000&hl=ja)
<ph type="x-smartling-placeholder"></ph> キャスト ダイアログ、接続済みだがキャストはできない
必須
A 送信側アプリが Web Receiver に接続されている場合、
キャスト アイコンをタップすると [キャスト] ダイアログが表示される
B キャスト ダイアログのタイトル「受信者名」出現
C [キャスト] ダイアログにキャストを停止するボタンが表示される
「キャストを停止」というボタンラベルが付いている(接続の解除について詳しくは、
送信側がキャストを停止します)。
Android
キャスト ダイアログ、接続済みだがキャストできない
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=0000&hl=ja)
レシーバアプリの読み込み / アイドル状態
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=ja)
iOS
キャスト ダイアログ、接続済みだがキャストできない
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=0000&hl=ja)
レシーバアプリの読み込み / アイドル状態
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=ja)
<ph type="x-smartling-placeholder"></ph> キャスト中にダイアログをキャストする
必須
A キャスト ダイアログのタイトル「受信者名」出現
B 現在キャストしているレシーバーまたはコンテンツが以下に表示されます
タイトル
C Cast ダイアログに「キャストを停止」と表示されます。停止するボタン
キャスト(詳細については、
送信側がキャストを停止します)。
ベスト プラクティス
- 最適なユーザー エクスペリエンスを実現するには、 永続的な制御 [Cast] ダイアログのコントロールが表示されます。
Android
キャスト ダイアログ、キャスト中
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=0000&hl=ja)
コンテンツを再生しているレシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=ja)
iOS
キャスト ダイアログ、キャスト中
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=0000&hl=ja)
コンテンツを再生しているレシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=ja)
Chrome
キャスト ダイアログ、キャスト中
![キャスト ダイアログ、キャスト中](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=0000&hl=ja)
コンテンツを再生しているレシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=ja)
このデザインガイドで使用する画像 は 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