Dialog Cast ditampilkan setiap kali tombol Cast ditekan. Dialog Cast memungkinkan pengguna menghubungkan, mengontrol, dan memutuskan dari Penerima Web.
Jika Anda mengembangkan implementasi khusus atau membuat aplikasi untuk iOS atau Chrome, Anda harus menerapkan dialog ini secara konsisten, sehingga pengguna mengenali dan memercayainya untuk berfungsi secara konsisten di seluruh perangkat, aplikasi, dan platform. Lihat Aplikasi referensi untuk melihat contoh.
Dialog transmisi, tidak terhubung (penerima tersedia)
Wajib (perilaku default
MediaRouter Android):
A Saat aplikasi pengirim tidak terhubung ke penerima Transmisi,
mengetuk tombol Cast akan menampilkan dialog Cast
B Judul dialog Transmisikan, "Transmisikan ke" muncul
C Dialog Cast menampilkan daftar Penerima Web yang tersedia
D Setiap penerima yang sedang melakukan transmisi akan menampilkan, "Casting
nama aplikasi"
Perhatikan skenario multi-pengguna:
- Saat pengguna lain terhubung ke penerima yang sedang melakukan transmisi dari aplikasi dan akun yang sama, aplikasi pengirim menyediakan kontrol untuk konten transmisi.
- Saat pengguna lain terhubung ke penerima yang sedang melakukan transmisi dari aplikasi yang tidak melakukan transmisi, aplikasi pengirim sebelumnya terputus dan aplikasi pengirim baru terhubung.
Android
Dialog transmisi, tidak terhubung
![Dialog transmisi, bukan gambar terhubung](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=0000&hl=id)
Transmisikan layar utama
![Transmisikan gambar layar utama](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=id)
iOS
Dialog transmisi, tidak terhubung
![Gambar dialog transmisi tidak terhubung](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=0000&hl=id)
Transmisikan layar utama
![Transmisikan gambar layar utama](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=id)
Chrome
Dialog transmisi, tidak terhubung
![Gambar dialog transmisi tidak terhubung](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=0000&hl=id)
Transmisikan layar utama
![Transmisikan gambar layar utama](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=0000&hl=id)
Dialog Cast, tidak terhubung (khusus iOS)
Untuk iOS, saat melakukan transmisi untuk pertama kalinya, pengguna harus mengizinkan akses jaringan lokal (LNA) untuk Perangkat transmisi. Layar informasi interstisial ditampilkan kepada pengguna yang menjelaskan alasan izin ini diperlukan, diikuti dengan pernyataan standar Apple LNA dialog izin.
Setelah melakukan transmisi untuk pertama kalinya, jika tidak ada perangkat yang ditemukan saat tombol Cast diketuk saat pengguna terhubung ke Wi-Fi, layar bantuan ditampilkan yang menjelaskan mengapa Penerima Web mungkin tidak tersedia (misalnya, akses jaringan lokal dinonaktifkan, atau ada masalah dengan jaringan Wi-Fi).
Wajib:
A Transmisi pertama kali: Setelah mengetuk tombol Cast
untuk pertama kalinya,
Interstisial harus ditampilkan untuk menjelaskan kepada pengguna mengapa mereka harus mengizinkan
aplikasi untuk mengakses
perangkat jaringan lokal. {i>Interstisial<i} harus menyertakan informasi tentang
mengapa akses jaringan lokal diperlukan, untuk meningkatkan kemungkinan pengguna untuk menerima
akses izin lokal.
B Penerima tidak tersedia: Mengetuk tombol Cast
menampilkan layar bantuan yang menjelaskan
kemungkinan alasan pengguna
tidak dapat menemukan Penerima Web, beserta link ke Setelan untuk memperbaiki masalah izin LNA.
Transmisi pertama kali (iOS)
Transmisi pertama kali: izin akses jaringan lokal dan interstisial
![Alur penerimaan akses jaringan lokal transmisi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=0000&hl=id)
Penerima tidak tersedia
Penerima tidak tersedia
![Alur transmisi, akses jaringan lokal dinonaktifkan](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=0000&hl=id)
Dialog transmisi, terhubung tetapi tidak melakukan transmisi
Wajib
A Saat aplikasi pengirim terhubung ke Penerima Web,
mengetuk tombol Cast akan menampilkan dialog Cast
B Judul dialog Cast "Nama-Penerima" muncul
C Dialog Transmisi menampilkan tombol untuk menghentikan transmisi
dengan label tombol "HENTIKAN CASTING" (untuk informasi selengkapnya tentang pemutusan koneksi, lihat
Pengirim menghentikan transmisi)
Android
Dialog transmisi, terhubung tetapi tidak melakukan transmisi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=0000&hl=id)
Aplikasi penerima dimuat / tidak ada aktivitas
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=id)
iOS
Dialog transmisi, terhubung tetapi tidak melakukan transmisi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=0000&hl=id)
Aplikasi penerima dimuat / tidak ada aktivitas
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=0000&hl=id)
Dialog transmisi, saat melakukan transmisi
Wajib
A Judul dialog Transmisi "Nama-Penerima" muncul
B Penerima atau konten yang sedang ditransmisikan ditampilkan di bawah ini
judulnya
C Dialog Transmisi menampilkan "HENTIKAN CASTING" tombol yang menghentikan
melakukan transmisi (untuk informasi selengkapnya, lihat
Pengirim menghentikan transmisi)
Praktik terbaik
- Untuk pengalaman pengguna terbaik, berikan kontrol persisten selain kontrol di dialog Cast.
Android
Transmisikan dialog, saat melakukan transmisi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=0000&hl=id)
Penerima memutar konten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=id)
iOS
Transmisikan dialog, saat melakukan transmisi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=0000&hl=id)
Penerima memutar konten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=id)
Chrome
Transmisikan dialog, saat melakukan transmisi
![Transmisikan dialog, saat melakukan transmisi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=0000&hl=id)
Penerima memutar konten
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=0000&hl=id)
Gambar yang digunakan dalam panduan desain ini adalah milik Blender Foundation, yang dibagikan berdasarkan hak cipta atau lisensi Creative Commons.
- Gajah's Dream: (c) hak cipta 2006, Blender Foundation / Belanda Media Art Institute / www.elephantsdream.org
- Sintel: (c) hak cipta Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) hak cipta 2008, Blender Foundation / www.bigbuckbunny.org