Tombol Cast

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Tombol Cast membuka dialog untuk menghubungkan, mengontrol, dan memutuskan sambungan dari Penerima Web.

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 pernah berada di bawah dialog, menu, atau kontrol lain.

Memperkenalkan Cast kepada pengguna

Memperkenalkan tombol Cast membantu pengguna yang ada mengetahui bahwa aplikasi pengirim kini mendukung Casting dan juga membantu pengguna baru Google Cast.

Wajib
A Tampilkan layar pengantar Cast saat pertama kali Penerima Web tersedia. Untuk pengirim iOS, tampilkan layar pengantar Cast saat pertama kali tombol Cast muncul.
B Secara visual menyoroti tombol Cast dengan melingkari 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 akan selalu ditampilkan saat perangkat menggunakan Wi-Fi, sehingga bantuan yang tepat dapat diberikan jika pengguna menonaktifkan akses jaringan lokal dan perangkat tidak dapat ditemukan (lihat Izin dan Penemuan iOS untuk detail selengkapnya).
C Di aplikasi seluler, tombol Cast harus berada di sisi kanan.
D Di Chrome, tombol Cast harus berada di sebelah kanan kontrol media konten (misalnya, lihat video tersemat). Jika kontrol media berisi tombol layar penuh, letakkan tombol Cast di sebelah kirinya.

Catatan

Google Cast menggunakan model multi-tugas, yang memungkinkan pengguna menjelajahi aplikasi pengirim dan aplikasi lainnya saat melakukan transmisi. Tombol Cast harus terlihat dari setiap layar yang berisi konten yang dapat diputar, sehingga pengguna tidak perlu berburu ulang untuk menemukan lokasi jeda 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 transmisi

Wajib
A Tidak tersedia: Untuk Android, saat Penerima Web tidak tersedia, tombol Cast tidak muncul
B Terputus: Saat Web Receiver tersedia, tombol Cast akan muncul
C Terhubung: Saat Penerima Web terhubung, tombol Cast akan menganimasikan gelombang di ikon secara bertahap (untuk detailnya, lihat bentuk berikut)

Praktik terbaik
Untuk setiap status tombol, gunakan warna yang cocok dengan gaya elemen UI lain dari aplikasi Anda. Menggunakan warna sorotan yang berbeda (seperti kuning) untuk status AKTIF / Terhubung bersifat opsional.

Catatan

  • Ikon Cast ditampilkan di Chrome dan iOS untuk memberikan akses ke ekstensi Cast, terlepas dari ketersediaan perangkat Cast.
  • Status Menghubungkan (animasi) muncul ketika koneksi ke Cast API memakan waktu lebih lama dari yang diharapkan (Android dan Chrome SDK akan secara otomatis menganimasikan ikon Cast). Setelah terhubung, aplikasi Penerima Web akan diluncurkan.
  • Status AKTIF / Terhubung pada ikon Cast telah diperbarui dan sekarang menggunakan pengisian padat dalam frame ikon. Ikon Cast dan template ikon baru tersedia di sini.

Android

Pengirim, Transmisi tidak tersedia

Layar utama Cast

Pengirim, Cast terputus

Layar utama Cast

Pengirim, Sambungan Cast

Layar utama Cast

Pengirim, Cast terhubung

Pemuatan aplikasi Penerima Web

Pengirim, Cast terhubung

Aplikasi Penerima Web dimuat / tidak ada aktivitas

iOS

Pengirim, Transmisi tidak tersedia

Layar utama Cast

Pengirim, Cast terputus

Layar utama Cast

Pengirim, Sambungan Cast

Layar utama Cast

Pengirim, Cast terhubung

Pemuatan aplikasi Penerima Web

Pengirim, Cast terhubung

Aplikasi Penerima Web 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, Cast terputus

Layar utama Cast

Pengirim, Sambungan Cast

Layar utama Cast

Pengirim, Cast terhubung

Pemuatan aplikasi Penerima Web

Pengirim, Cast terhubung

Aplikasi Penerima Web dimuat / tidak ada aktivitas

 

 

Gambar yang digunakan dalam panduan desain ini disediakan oleh Blender Foundation, yang dibagikan berdasarkan lisensi hak cipta atau Creative Commons.

  • Dream Gajah: (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) Yayasan Blender | mango.blender.org
  • Big Buck Bunny: (c) hak cipta 2008, Blender Foundation / www.bigbuckbunny.org