ダイアログをキャスト

キャスト アイコンを押すと、キャスト ダイアログが表示されます。キャスト ダイアログでは、ユーザーが Web レシーバーへの接続、制御、接続解除を行うことができます。

カスタム実装を開発する場合や、iOS または Chrome 用のアプリをビルドする場合は、このダイアログを デバイス、アプリ、プラットフォーム間で一貫して機能するように 実装する必要があります。ユーザーがこのダイアログを認識し、信頼できるようにするためです。例については、 リファレンス アプリをご覧ください。

  キャスト ダイアログ(未接続、レシーバーあり)

必須 Android MediaRouter のデフォルトの動作):
 A 送信元アプリがキャスト レシーバーに接続されていない場合、 キャスト アイコンをタップするとキャスト ダイアログが表示されます。
 B キャスト ダイアログのタイトル「キャスト先」が表示されます。
 C キャスト ダイアログに、利用可能な Web レシーバーのリストが表示されます。
 D 現在キャスト中の各レシーバーに「 アプリ名をキャスト中」と表示されます。

マルチユーザー シナリオに関する注意事項:

  • 別のユーザーが、同じアプリとアカウントから現在キャスト中のレシーバーに接続すると、送信元アプリにキャスト コンテンツのコントロールが表示されます。
  • 別のユーザーが、キャストしていないアプリから現在キャスト中のレシーバーに接続すると、以前の送信元アプリ の接続が解除され、新しい送信元アプリが接続されます。

Android

キャスト ダイアログ(未接続)

キャスト ダイアログ(未接続)の画像

キャストのホーム画面

キャストのホーム画面の画像

iOS

キャスト ダイアログ(未接続)

キャスト ダイアログの未接続画像

キャストのホーム画面

キャストのホーム画面の画像

Chrome

キャスト ダイアログ(未接続)

キャスト ダイアログの未接続画像

キャストのホーム画面

キャストのホーム画面の画像
 

  キャスト ダイアログ(未接続、iOS のみ)

iOS の場合、初めてキャストするときに、 キャスト デバイスへのローカル ネットワーク アクセス(LNA)を許可するようユーザーに同意を求める必要があります。この権限が必要な理由を説明するインタースティシャル情報画面が表示された後、標準の Apple LNA 権限ダイアログが表示されます。

初めてキャストした後、ユーザーが Wi-Fi に接続しているときにキャスト アイコンをタップしてもデバイスが見つからない場合は、Web レシーバーが利用できない理由(ローカル ネットワーク アクセスが無効になっている、Wi-Fi ネットワークに問題があるなど)を説明するヘルプ画面が表示されます。

必須:
  A   初回キャスト: キャスト アイコンを初めてタップした後、アプリがローカル ネットワーク デバイスにアクセスすることを許可するようユーザーに求めるインタースティシャルを表示する必要があります。インタースティシャルには、ローカル ネットワーク アクセスが必要な理由を含め、ユーザーがローカル権限のアクセスを許可する可能性を高める必要があります。
  B   レシーバーが利用できない: キャスト アイコンをタップすると、Web レシーバーを検出できない理由を説明するヘルプ画面が表示されます。また、LNA 権限の問題を解決するための [設定] へのリンクも表示されます。

初回キャスト(iOS)

初回キャスト: インタースティシャルとローカル ネットワーク アクセス権限

ローカル ネットワーク アクセスの承諾フローをキャストする

レシーバーが利用できない

レシーバーが利用できない

キャスト フロー、ローカル ネットワーク アクセスがオフになっている
 

  キャスト ダイアログ(接続済み、キャストしていない)

必須
A 送信元アプリが Web レシーバーに接続されている場合、 キャスト アイコンをタップするとキャスト ダイアログが表示されます。
B キャスト ダイアログのタイトル「レシーバー名」が表示されます。
C キャスト ダイアログに、キャストを停止するボタンが表示されます。 ボタンのラベルは「キャストを停止」です(接続解除について詳しくは、 送信元がキャストを停止するをご覧ください)。

Android

キャスト ダイアログ(接続済み、キャストしていない)

レシーバー アプリが読み込まれた状態 / アイドル状態

iOS

キャスト ダイアログ(接続済み、キャストしていない)

レシーバー アプリが読み込まれた状態 / アイドル状態

 

  キャスト ダイアログ(キャスト中)

必須
A キャスト ダイアログのタイトル「レシーバー名」が表示されます。
B 現在キャスト中のレシーバーまたはコンテンツがタイトルの下に表示されます。
C キャスト ダイアログに、キャストを停止する [キャストを停止] ボタンが表示されます(詳しくは、 送信元がキャストを停止するをご覧ください)。

ベスト プラクティス

  • ユーザー エクスペリエンスを向上させるため、 永続的なコントロール をキャスト ダイアログのコントロールに加えて提供します。

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