キャスト セッションを開始する前に、センダー デバイス(スマートフォンまたはタブレットなど)とレシーバー デバイス(テレビに接続された Chromecast など)の両方が同じ Wi-Fi ネットワークに接続されている必要があります。
キャスト シーケンス
ユーザーがキャスト セッションを開始する方法は 2 つあります。
1. 接続して再生: コンテンツを再生する前にウェブ レシーバーに接続します。コンテンツは最初から再生されます
2. 再生と接続: コンテンツの再生中にウェブ レシーバーに接続すると、送信側デバイスの現在の位置からウェブ レシーバー上でコンテンツが開始されます。
1. 接続してプレイ
Android
キャスト アイコンをタップします
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/connect-and-play1.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
レシーバーの選択
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/connect-and-play2.png?authuser=5&hl=ja)
Web Receiver アプリを読み込んでいます
![Web Receiver アプリを読み込んでいます](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=5&hl=ja)
コンテンツを再生
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/connect-and-play3.png?authuser=5&hl=ja)
コンテンツを再生するウェブ レシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=ja)
iOS
キャスト アイコンをタップします
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/connect-and-play1.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
レシーバーの選択
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/connect-and-play2.png?authuser=5&hl=ja)
Web Receiver アプリを読み込んでいます
![Web Receiver アプリを読み込んでいます](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=5&hl=ja)
コンテンツを再生
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/connect-and-play3.png?authuser=5&hl=ja)
コンテンツを再生するウェブ レシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=ja)
Chrome
キャスト アイコンをタップします
![キャスト アイコンをタップします](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/connect-and-play1.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
レシーバーの選択
![レシーバーの選択](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/connect-and-play2.png?authuser=5&hl=ja)
Web Receiver アプリを読み込んでいます
![Web Receiver アプリを読み込んでいます](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=5&hl=ja)
コンテンツを再生
![コンテンツを再生](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/connect-and-play3.png?authuser=5&hl=ja)
コンテンツを再生するウェブ レシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=ja)
2. プレイしてつながる
Android
コンテンツを再生
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect1.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
キャスト アイコンをタップします
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect2.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
レシーバーの選択
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect3.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
キャストを接続しました
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect-castConnected.png?authuser=5&hl=ja)
コンテンツを再生するウェブ レシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=ja)
iOS
コンテンツを再生
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/play-and-connect1.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
キャスト アイコンをタップします
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/play-and-connect2.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
レシーバーの選択
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/play-and-connect3.png?authuser=5&hl=ja)
コンテンツを再生するウェブ レシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=ja)
Chrome
コンテンツを再生
![コンテンツを再生](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/play-and-connect1.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
キャスト アイコンをタップします
![キャスト アイコンをタップします](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/play-and-connect2.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=ja)
レシーバーの選択
![レシーバーの選択](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/play-and-connect3.png?authuser=5&hl=ja)
コンテンツを再生するウェブ レシーバー
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=ja)
ホーム画面をキャストする
送信側デバイスが接続されていない場合、Chromecast ではホーム画面に写真、時刻、デバイスのステータスが表示されます。Web Receiver アプリが停止すると、ホーム画面が表示されます。
Web Receiver アプリの実行が停止する仕組みの詳細については、以下をご覧ください。
Android
送信者の接続を解除しました
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states2.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home1.png?authuser=5&hl=ja)
iOS
送信者の接続を解除しました
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2.png?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home1.png?authuser=5&hl=ja)
Chrome
送信者の接続を解除しました
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2.jpg?authuser=5&hl=ja)
ホーム画面をキャストする
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home1.png?authuser=5&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