Tombol Cast membuka dialog untuk menghubungkan, mengontrol, dan memutuskan sambungan dari Web Receivers.
Lihat Ikon Cast untuk mendownload template tombol Cast.
Perhatikan bahwa tombol Cast tidak khusus untuk Google Cast; tombol ini dapat digunakan untuk mewakili Penerima Web dan non-Web (seperti headset Bluetooth). Penerima Web harus selalu muncul di bawah dialog Cast, dan tidak boleh di bawah dialog, menu, atau kontrol lain.
Memperkenalkan Cast ke pengguna
Memperkenalkan tombol Cast membantu pengguna yang ada mengetahui bahwa aplikasi pengirim kini mendukung Casting dan juga membantu pengguna baru Google Cast.
Wajib
A Menampilkan layar pengantar Cast saat
Penerima Web pertama kali tersedia. Untuk pengirim iOS, tampilkan layar pengantar Cast
saat pertama kali tombol Cast muncul.
B Menyoroti tombol Cast secara visual dengan mengapit
tombol)
C Menjelaskan cara kerja tombol Cast (misalnya,
menampilkan pesan seperti "Sentuh untuk mentransmisikan video ke TV")
Android
Pengantar transmisi
Layar utama Cast
iOS
Pengantar transmisi
Layar utama Cast
Chrome
Pengantar transmisi
Layar utama Cast
Ketersediaan tombol transmisi
Wajib
A Tombol Cast harus
terlihat dari setiap layar tempat konten yang dapat diputar, dan berada di posisi yang konsisten
saat menjelajahi atau memutar konten. Informasi tersebut juga akan muncul di header Chrome untuk kontrol global.
B Untuk pengirim selain iOS, tombol Cast dapat disembunyikan
saat Penerima Web tidak tersedia. Untuk pengirim iOS,
tombol Cast harus selalu ditampilkan saat perangkat menggunakan Wi-Fi, sehingga bantuan yang tepat dapat diberikan
jika pengguna telah menonaktifkan akses jaringan lokal dan perangkat tidak dapat ditemukan
(lihat Izin dan Penemuan iOS
untuk detail selengkapnya).
C Pada aplikasi seluler, tombol Cast harus berada di sisi
kanan.
D Di Chrome, tombol Cast harus berada di sisi kanan
kontrol media konten (misalnya, lihat video tersemat). Jika kontrol media berisi tombol
layar penuh, tempatkan tombol Cast di sebelah kirinya.
Catatan
Google Cast menggunakan model multi-tasking, yang memungkinkan pengguna menjelajahi aplikasi pengirim dan aplikasi lain saat melakukan transmisi. Tombol Cast harus terlihat dari setiap layar tempat konten dapat diputar, sehingga pengguna tidak perlu berburu untuk menemukan tempat untuk menjeda atau menghentikan konten yang diputar di TV.
Android
Pengirim terputus
Layar utama Cast
iOS
Pengirim terputus
Layar utama Cast
Chrome
Pengirim terputus
Layar utama Cast
Status tombol Cast
Wajib
A Tidak tersedia: Untuk Android, jika Penerima Web
tidak tersedia, tombol Cast tidak akan muncul
B Terputus: Saat Penerima Web tersedia, tombol Cast akan muncul
C Terhubung: Saat Web Receiver terhubung,
Tombol Cast akan menganimasikan gelombang di ikon secara bertahap (untuk mengetahui detailnya, lihat " di bawah")
Praktik terbaik
Untuk setiap status tombol, gunakan warna yang cocok dengan gaya elemen UI
lainnya dari aplikasi Anda. Penggunaan warna sorotan yang berbeda (seperti kuning) untuk status AKTIF/Terhubung
bersifat opsional.
Notes
- Ikon Cast ditampilkan di Chrome dan iOS untuk memberikan akses ke ekstensi Cast, terlepas dari ketersediaan perangkat Cast.
- Status Menghubungkan (animasi) muncul saat koneksi ke Cast API memerlukan waktu lebih lama dari yang diharapkan (Android dan Chrome SDK akan otomatis menganimasikan ikon Cast). Setelah terhubung, aplikasi Penerima Web akan diluncurkan.
- Status AKTIF / Terhubung pada ikon Cast telah diperbarui dan sekarang menggunakan pengisian penuh dalam bingkai ikon. Template ikon dan template ikon baru tersedia di sini.
Android
Pengirim, Transmisi tidak tersedia
Layar utama Cast
Pengirim, Transmisi terputus
Layar utama Cast
Pengirim, Sambungan Cast
Layar utama Cast
Pengirim, Cast terhubung
Memuat aplikasi Web Receiver
Pengirim, Cast terhubung
Aplikasi Web Receiver dimuat / tidak ada aktivitas
iOS
Pengirim, Transmisi tidak tersedia
Layar utama Cast
Pengirim, Transmisi terputus
Layar utama Cast
Pengirim, Sambungan Cast
Layar utama Cast
Pengirim, Cast terhubung
Memuat aplikasi Web Receiver
Pengirim, Cast terhubung
Aplikasi Web Receiver dimuat / tidak ada aktivitas
Chrome
Pengirim, Transmisi tidak tersedia
Ikon Cast ditampilkan di Chrome untuk memberikan akses ke ekstensi Cast terlepas dari status koneksinya.
Layar utama Cast
Pengirim, Transmisi terputus
Layar utama Cast
Pengirim, Sambungan Cast
Layar utama Cast
Pengirim, Cast terhubung
Memuat aplikasi Web Receiver
Pengirim, Cast terhubung
Aplikasi Web Receiver dimuat / tidak ada aktivitas
Gambar yang digunakan dalam panduan desain ini disediakan atas izin dari Blender Foundation, yang dibagikan berdasarkan lisensi hak cipta atau Creative Commons.
- Dream's Dream: (c) hak cipta 2006, Blender Foundation / Institut Seni Media Belanda/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