ダイアログをキャスト

[キャスト アイコン] を押すと、キャスト ダイアログが表示されます。キャスト ダイアログでは、ユーザーは ウェブ レシーバーに接続、制御、接続解除できます。

カスタム実装を開発する場合や、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