「投放」按鈕隨即開啟一個對話方塊，讓您與「網站接收器」建立連線、控制及中斷連線。
如要下載投放按鈕範本，請參閱「投放」圖示。
請注意，「投放」按鈕不是 Google Cast 專用的按鈕，可用來代表「網站」和非網路接收器 (例如藍牙耳機)。網路接收器應一律顯示在投放對話方塊下方，永遠不會顯示在其他對話方塊、選單或控制項下方。
向使用者介紹 Cast
「投放」按鈕
必要
A 第一次顯示網頁接收器時，顯示 Cast 簡介畫面。如果是 iOS 寄件者，請在首次顯示「投放」按鈕時顯示「投放」簡介畫面。
B 以視覺化方式醒目顯示「投放」按鈕，讓按鈕醒目顯示
Android
Cast 簡介
投放主畫面
iOS
Cast 簡介
投放主畫面
Chrome
Cast 簡介
投放主畫面
投放按鈕適用情況
必要
A 這個標題也會顯示在 Chrome 的全域標頭中。
B 如果是 iOS 以外的寄件者，當無法存取「網路接收器」時，系統會隱藏「投放」按鈕。如果是 iOS 寄件者，當裝置連上 Wi-Fi 時，系統應一律顯示「投放」按鈕，因此，如果使用者關閉了區域網路存取權，導致裝置無法偵測，即可提供適當的協助 (詳情請參閱 iOS 權限與探索)。
C 如果是行動應用程式，投放按鈕應位於右側。
D 在 Chrome 中，投放按鈕應位於內容媒體控制項的右側 (例如，顯示內嵌影片)。如果媒體控制項含有全螢幕按鈕，請將「投放」按鈕放在按鈕左側。
注意
Google Cast 採用多工處理模式，可讓使用者在投放時瀏覽寄件者的應用程式和其他應用程式。「投放」按鈕必須顯示在可播放內容的所有畫面上，讓使用者不必尋找或停止在電視上播放內容。
Android
寄件者已中斷連線
投放主畫面
iOS
寄件者已中斷連線
投放主畫面
Chrome
寄件者已中斷連線
投放主畫面
投放按鈕狀態
必要項目
A
最佳做法
針對各個按鈕狀態，請使用與您應用程式其他 UI 元素樣式相符的顏色。針對「開啟」/「已連結」狀態使用醒目顯示的醒目顯示顏色，例如黃色。
注意事項
- Chrome 和 iOS 中會顯示「投放」圖示，以便在投放裝置時提供 Cast 擴充功能存取權。
- 當 Cast API 的連線時間超出預期時，系統就會顯示「連線 (動畫)」狀態 (Android 和 Chrome SDK 會自動為 Cast 圖示建立動畫)。連線後，Web Receiver 應用程式就會啟動。
- Google Cast 圖示的「開啟 / 連線」狀態已更新，現在會在圖示框架內使用實心填滿。您可以前往這裡查看新的 Cast 圖示和圖示範本。
Android
寄件者，投放功能無法使用
投放主畫面
寄件者，投放連線已中斷
投放主畫面
寄件者、投放連線
投放主畫面
寄件者，投放功能已連線
正在載入 Web Receiver 應用程式
寄件者，投放功能已連線
已載入網路接收器應用程式 / 閒置中
iOS
寄件者，投放功能無法使用
投放主畫面
寄件者，投放連線已中斷
投放主畫面
寄件者、投放連線
投放主畫面
寄件者，投放功能已連線
正在載入 Web Receiver 應用程式
寄件者，投放功能已連線
已載入網路接收器應用程式 / 閒置中
Chrome
寄件者，投放功能無法使用
「投放」圖示會在 Chrome 中顯示，以便提供 Cast 擴充功能存取權 (無論連線狀態為何)。
投放主畫面
寄件者，投放連線已中斷
投放主畫面
寄件者、投放連線
投放主畫面
寄件者，投放功能已連線
正在載入 Web Receiver 應用程式
寄件者，投放功能已連線
已載入網路接收器應用程式 / 閒置中
本設計指南使用的圖片是由 Blender Foundation 提供，並已依據版權或創用 CC 授權提供。
- 大象的夢想：(c) Copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel：(c) 版權 Blender Foundation | www.sintel.org
- 鋼珠眼前：(CC) Blender Foundation | mango.blender.org
- Big Buck Bunny：(c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org