傳送端裝置 (例如手機或平板電腦) 和接收端裝置 (例如將 Chromecast 插入電視) 都必須連上相同的 Wi-Fi 網路,才能開始投放工作階段。
投放序列
使用者可以透過兩種方式啟動投放工作階段:
1. 連接並播放:在播放內容前連線至網路接收器,內容會從頭開始播放
2. 播放並連線:在播放內容時連線至網路接收器,內容會在傳送者裝置上目前的位置,從 Web 接收器開始播放
1. 連線並暢玩
Android
輕觸「投放」按鈕
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/connect-and-play1.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
選取接收端
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/connect-and-play2.png?authuser=5&hl=zh-tw)
網路接收器應用程式載入
![網路接收器應用程式載入](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=5&hl=zh-tw)
播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/connect-and-play3.png?authuser=5&hl=zh-tw)
Web Receiver 正在播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=zh-tw)
iOS
輕觸「投放」按鈕
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/connect-and-play1.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
選取接收端
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/connect-and-play2.png?authuser=5&hl=zh-tw)
網路接收器應用程式載入
![網路接收器應用程式載入](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=5&hl=zh-tw)
播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/connect-and-play3.png?authuser=5&hl=zh-tw)
Web Receiver 正在播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=zh-tw)
Chrome
輕觸「投放」按鈕
![輕觸「投放」按鈕](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/connect-and-play1.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
選取接收端
![選取接收端](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/connect-and-play2.png?authuser=5&hl=zh-tw)
網路接收器應用程式載入
![網路接收器應用程式載入](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1.png?authuser=5&hl=zh-tw)
播放內容
![播放內容](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/connect-and-play3.png?authuser=5&hl=zh-tw)
Web Receiver 正在播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=zh-tw)
2. 暢玩並連線
Android
播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect1.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
輕觸「投放」按鈕
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect2.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
選取接收端
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect3.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
已連線投放
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/play-and-connect-castConnected.png?authuser=5&hl=zh-tw)
Web Receiver 正在播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=zh-tw)
iOS
播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/play-and-connect1.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
輕觸「投放」按鈕
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/play-and-connect2.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
選取接收端
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/play-and-connect3.png?authuser=5&hl=zh-tw)
Web Receiver 正在播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=zh-tw)
Chrome
播放內容
![播放內容](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/play-and-connect1.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
輕觸「投放」按鈕
![輕觸「投放」按鈕](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/play-and-connect2.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=5&hl=zh-tw)
選取接收端
![選取接收端](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/play-and-connect3.png?authuser=5&hl=zh-tw)
Web Receiver 正在播放內容
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=5&hl=zh-tw)
投放主畫面
在 Chromecast 上,沒有任何傳送者裝置連線時,主畫面會顯示相片、時間和裝置狀態。Web Receiver 應用程式停止執行時,主畫面會顯示主畫面。
如要進一步瞭解網路接收器應用程式如何停止執行,請參閱:
Android
傳送者已中斷
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states2.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home1.png?authuser=5&hl=zh-tw)
iOS
傳送者已中斷
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2.png?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home1.png?authuser=5&hl=zh-tw)
Chrome
傳送者已中斷
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2.jpg?authuser=5&hl=zh-tw)
投放主畫面
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home1.png?authuser=5&hl=zh-tw)
這份設計指南中使用的圖片是由 Blender Foundation 提供,並依版權或創用 CC 授權分享。
- 大象的夢幻:(c) Copyright 2006, Blender Foundation / Netherlands Media Art Institute/ www.elephantsdream.org
- Sintel:(c) Copyright Blender Foundation | www.sintel.org
- 鋼鐵人:(CC) Blender Foundation | mango.blender.org
- Big Buck Bunny:(c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org