Google Cast memungkinkan aplikasi web Android, iOS, dan Chrome untuk "men-streaming" konten — seperti video, audio, dan berbagi layar (pencerminan) — ke perangkat yang kompatibel dengan Cast seperti:
- Google Chromecast
- TV yang kompatibel dengan Google Cast
- Speaker yang kompatibel dengan Google Cast
- Layar Smart (monitor LCD layar sentuh portabel yang digunakan sebagai thin client)
- Tablet Android
Dalam model interaksi Google Cast, ponsel, tablet, atau laptop adalah pengirim yang berfungsi sebagai remote control untuk mengontrol pemutaran, dan TV, layar, atau tablet yang di-dock adalah penerima yang menerima petunjuk dari pengirim dan menampilkan konten dari koneksi Internet penerima. Semua tindakan pengguna (ketuk dan geser) dapat dilakukan di baik perangkat pengirim maupun Penerima Web.
Transmisi mengandalkan koordinasi antara dua layar atau lebih; UI pengirim dan UI penerima — keduanya harus bekerja sama. Misalnya, jika Anda menekan tombol di perangkat seluler untuk menjeda konten, TV akan menunjukkan bahwa konten dijeda, sedangkan perangkat seluler akan menyediakan tombol putar untuk melanjutkan pemutaran.
Pertimbangan
Karena keterbatasan hardware dan resource, ada batasan tertentu yang diterapkan pada aplikasi yang kompatibel dengan Google Cast:
- Perangkat Transmisi adalah perangkat berdaya rendah dengan keterbatasan memori, CPU, dan GPU, sehingga aplikasi Penerima Web harus seringan mungkin.
- Untuk model interaksi Cast dan Google Cast, tab, jendela, atau pop-up dapat dibuat di aplikasi Penerima atau pengirim Web, serta langsung menerima input pengguna, seperti ketukan atau geser. Misalnya, aplikasi Web Receiver di tablet atau layar yang di-dock dapat menampilkan tombol jeda dan menerima ketukan pengguna. Dengan cara ini, semua tindakan pada aplikasi harus dipicu dari aplikasi Pengirim atau Penerima Web.
- Layar Smart mendukung input pengguna melalui aplikasi pengirim atau melalui sentuhan pada UI.
- Penerima Web adalah browser Chrome yang dioptimalkan untuk pemutaran video. Dengan demikian, WebGL dan Chrome Native Client (NaCL) saat ini tidak didukung, begitu pula ekstensi Chrome.
- Cast mendukung pemutaran satu streaming media serentak dalam tag
<audio>dan<video>, atau beberapa trek audio menggunakan WebAudio API. Hanya satu elemen video yang boleh aktif di DOM kapan saja. Selain itu, komposisi, manipulasi, transformasi, rotasi, atau zooming video tidak didukung.
Prinsip desain secara keseluruhan
Perhatikan hal-hal berikut saat Anda mengembangkan antarmuka pengguna.
Antarmuka Penerima Web:
- Penerima Web dapat memiliki elemen interaktif dan elemen informasi untuk mendeskripsikan status aplikasi, seperti dijeda, diputar, atau pesan error. Interaksi pengguna dapat dilakukan di pengirim Transmisi (ponsel, tablet, atau browser Chrome) atau Penerima Web (TV, layar, atau tablet).
- Ingat bahwa tindakan video terjadi di tengah layar TV, dan elemen UI Anda tidak boleh mengganggu presentasi. Tempatkan elemen UI di sepertiga bagian bawah layar Penerima Web, dengan menyisakan margin 10% dari tepi layar untuk kemungkinan overscan.
- Jika memungkinkan, transisi dari satu status layar ke status lainnya harus lancar dan terasa sinematik. Daripada tiba-tiba berpindah dari satu status ke status lainnya, gunakan transisi seperti fade-in dan fade-out. Misalnya, status pemuatan konten tetap berada di layar dan memudar ke dalam pengalaman pemutaran media.
Antarmuka pengirim:
- Pengirim mendukung tindakan pengguna dan Web Receiver menampilkan informasi status. Misalnya, jika konten dijeda, TV akan menunjukkan bahwa konten tersebut dijeda, sedangkan perangkat seluler menunjukkan bahwa konten tersebut siap untuk mulai diputar (misalnya, menampilkan tombol putar kepada pengguna).
- Kecepatan itu penting. Pengguna harus dapat dengan cepat menemukan kontrol transmisi dan melihat konten langsung mulai diputar di layar besar. Saat konten dimuat, berikan animasi indikator pemuatan dan gunakan transisi untuk membantu mempercepat proses.
Cara termudah untuk memastikan bahwa aplikasi Cast Anda mengikuti prinsip-prinsip ini adalah dengan meninjau antarmuka pengguna Anda menggunakan Checklist Desain Cast dan menguji aplikasi Cast Anda.
Pedoman merek
Panduan merek Google Cast berikut ditujukan untuk developer aplikasi dan berfokus pada persyaratan tambahan yang harus Anda patuhi untuk mendeskripsikan aplikasi dalam teks. Untuk panduan merek perangkat Cast, lihat Hub Pemasaran Partner. Anda dapat memberi tahu orang lain bahwa aplikasi Anda kompatibel dengan Google Cast dengan menggunakan istilah "kompatibel dengan Google Cast". Namun, pastikan aplikasi Anda mematuhi Persyaratan Layanan Tambahan Developer SDK Cast dan Checklist Desain, serta bahwa penggunaan Anda atas "Berkemampuan Google Cast" mematuhi pedoman branding kami.
Anda juga dapat menggunakan badge Google Cast selama aplikasi atau perangkat Anda mematuhi pedoman pemberian badge kami. Google berhak meminta Anda mengubah atau menghentikan penggunaan badge jika badge tersebut tidak mematuhi panduan merek.
"Google Cast" dalam teks
- Saat menjelaskan aplikasi (bukan produk hardware) sebagai kompatibel untuk Transmisi, gunakan frasa "kompatibel untuk Google Cast". Misalnya: "Aplikasi ini mendukung Google Cast".
- Saat menjelaskan produk hardware pihak ketiga yang kompatibel dengan Cast, gunakan "{TV} ini kompatibel dengan Google Cast", "{speaker} ini kompatibel dengan Google Cast".
- Saat ditulis dalam teks, "Google" dan "Cast" harus ditulis dengan huruf kapital.
- Pada aset pemasaran yang menggunakan "Google Cast" dalam teks atau badge/logo, Anda harus menyertakan atribusi hukum berikut: Google Cast adalah merek dagang dari Google LLC.
- Jangan masukkan Google Cast dalam judul aplikasi (seperti Aplikasi Google Cast XYZ).
Pesan aplikasi yang kompatibel untuk Google Cast
Anda dapat mempromosikan aplikasi sebagai berikut:
- "XYZ adalah aplikasi yang kompatibel dengan Google Cast yang memungkinkan Anda melakukan streaming hiburan favorit dari perangkat seluler ke TV."
- "Aplikasi XYZ kini tersedia untuk TV yang kompatibel dengan Google Cast".
- "Aplikasi XYZ kini tersedia untuk semua produk Google Cast termasuk Google Chromecast, Google Cast Audio, TV dan speaker yang berfungsi dengan Google Cast."
- "Aplikasi XYZ kompatibel dengan Google Cast, sehingga Anda dapat menikmati semua acara/film/musik/game favorit di TV yang kompatibel dengan Google Cast."
- "Aplikasi XYZ kini memiliki dukungan Google Cast, yang memungkinkan pengguna melakukan streaming konten dari ponsel ke TV yang kompatibel dengan Google Cast."
Badge Google Cast
Anda dapat menggunakan badge "Google Cast" di situs, listingan app store, materi pemasaran, dan materi promosi untuk menampilkan kompatibilitas dengan perangkat yang menggunakan protokol Cast.
- Jangan mengubah warna, proporsi, spasi, atau aspek lainnya dari gambar badge.
- Jika digunakan bersama logo untuk teknologi bahan lainnya (misalnya, Bluetooth, Spotify Connect, AirPlay, dll.), badge Google Cast harus memiliki ukuran yang sama atau lebih besar.
- Jangan menjadikan badge sebagai elemen utama di halaman Anda.
- Berikan jarak antara badge dan logo serta ikon lainnya di halaman Anda.
- Jika digunakan pada latar belakang putih, terang, atau sedang, gunakan badge hitam.
- Jika digunakan pada latar belakang hitam atau gelap, gunakan badge putih.
- Jangan gunakan badge di halaman yang berisi atau menampilkan konten khusus dewasa, mempromosikan perjudian, mempromosikan kekerasan, berisi ujaran kebencian, melibatkan penjualan tembakau atau minuman beralkohol kepada orang berusia di bawah dua puluh satu tahun, melanggar hukum atau peraturan lain yang berlaku, atau dianggap tidak pantas.
Penautan badge
Saat digunakan secara online, badge Google Cast harus ditautkan ke salah satu hal berikut:
- Daftar aplikasi dan produk Google yang kompatibel dengan Google Cast di g.co/castapps.
- Daftar produk yang Anda publikasikan.
- Halaman detail produk tertentu yang dipublikasikan oleh Anda.
- Daftar aplikasi yang dipublikasikan oleh Anda.
- Halaman detail aplikasi tertentu yang dipublikasikan oleh Anda, di Google Play, atau di Apple App Store.
Mendownload aset badge Google Cast
Paket download mencakup format Portable Network Graphics (.png), Adobe Illustrator (.ai), dan Enapsulated Postscript (.eps).
Melihat pratinjau badge Google Cast
Lihat halaman Panduan Badge Partner Hub untuk mengetahui semua badge yang tersedia dan petunjuk penggunaannya.