Chromecast memungkinkan aplikasi web Android, iOS, dan Chrome untuk melakukan "streaming" konten — seperti berbagi video, audio, dan layar (mencerminkan) — ke perangkat yang kompatibel untuk Cast seperti:
- Chromecast
- TV yang dilengkapi Chromecast (juga dikenal sebagai TV yang dilengkapi Chromecast)
- Speaker yang dilengkapi Chromecast (juga dikenal sebagai Speaker dengan Chromecast bawaan)
- Layar Smart (monitor LCD layar sentuh portabel yang digunakan sebagai thin client)
- Tablet Android
Dalam model interaksi Cast, ponsel, tablet, atau laptop adalah pengirim yang bertindak sebagai remote control untuk mengontrol pemutaran, dan TV, layar atau tablet yang dipasang ke dok adalah penerima yang menerima petunjuk dari pengirim dan menampilkan konten dari koneksi internet penerima. Semua tindakan pengguna (ketukan dan geser) dapat dilakukan di kedua perangkat pengirim atau Penerima Web.
Transmisi bergantung pada 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, sementara perangkat seluler harus menyediakan tombol putar untuk melanjutkan pemutaran.
Pertimbangan
Karena keterbatasan hardware dan resource, ada batasan tertentu yang diterapkan pada aplikasi berkemampuan Chromecast:
- Perangkat Cast merupakan perangkat berdaya rendah dengan batasan memori, CPU, dan GPU, sehingga aplikasi Penerima Web harus seringan mungkin.
- Untuk model interaksi Chromecast dan perangkat yang dilengkapi Chromecast, tab, jendela, atau pop-up dapat dibuat di Penerima Web atau aplikasi pengirim, serta langsung menerima input pengguna, seperti ketukan atau geser. Misalnya, aplikasi Penerima Web di tablet atau layar yang dipasang ke dok dapat menampilkan tombol jeda dan menerima ketukan pengguna. Dengan cara ini, semua tindakan pada aplikasi harus dipicu dari Penerima Web atau aplikasi pengirim.
- 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 juga ekstensi Chrome.
- Cast mendukung satu pemutaran streaming media serentak dalam tag
<audio>dan<video>, atau beberapa trek audio menggunakan WebAudio API. Hanya satu elemen video yang dapat aktif di DOM kapan saja. Selain itu, komposit video, manipulasi, transformasi, rotasi, atau zoom tidak didukung.
Prinsip desain keseluruhan
Perhatikan hal-hal berikut saat Anda mengembangkan antarmuka pengguna.
Antarmuka Web Receiver:
- Penerima Web dapat memiliki elemen interaktif dan elemen informasi untuk mendeskripsikan status aplikasi, seperti dijeda atau diputar, atau pesan error. Interaksi pengguna dapat terjadi 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 Web Receiver, dengan menyisakan margin 10% dari tepi layar untuk kemungkinan overscan.
- Jika memungkinkan, transisi dari satu status layar ke status layar lainnya akan lancar dan terasa sinematik. Daripada transisi tiba-tiba dari satu status ke status lainnya, gunakan transisi seperti fade-in dan fade-out. Misalnya, status pemuatan konten tetap ada di layar dan memudar menjadi pengalaman pemutaran media.
Antarmuka pengirim:
- Pengirim mendukung tindakan pengguna dan Web Receiver menampilkan informasi status. Misalnya, jika konten dijeda, TV harus menunjukkan bahwa konten dijeda, sedangkan perangkat seluler menunjukkan bahwa konten siap untuk mulai diputar (misalnya, menampilkan tombol putar kepada pengguna).
- Kecepatan itu penting. Pengguna harus dapat menemukan kontrol transmisi dengan cepat dan melihat konten mulai diputar langsung di layar besar. Saat konten dimuat, berikan indikator pemuatan animasi dan gunakan transisi untuk membantu membuat semuanya terasa lebih cepat.
Cara termudah untuk memastikan bahwa aplikasi Cast Anda mengikuti prinsip-prinsip ini adalah dengan meninjau antarmuka pengguna dengan Checklist Desain Cast dan menguji aplikasi Cast.
Pedoman merek
Pedoman brand Chromecast berikut ditujukan untuk developer aplikasi dan berfokus pada persyaratan tambahan yang harus Anda patuhi untuk mendeskripsikan aplikasi Anda dalam teks. Untuk pedoman merek perangkat Cast, lihat Hub Pemasaran Partner. Anda dapat memberi tahu orang lain bahwa aplikasi Anda berfungsi dengan Chromecast bawaan menggunakan istilah "berkemampuan Chromecast". Namun, pastikan aplikasi Anda mematuhi Persyaratan Layanan Developer Tambahan SDK Cast dan Checklist Desain, dan bahwa penggunaan "berkemampuan Chromecast" mematuhi pedoman branding kami.
Anda juga dapat menggunakan badge Chromecast selama aplikasi atau perangkat Anda mematuhi pedoman badge kami. Google berhak meminta agar Anda mengubah atau menghentikan penggunaan badge jika tidak mematuhi pedoman branding.
Menggunakan "Chromecast" di teks
- Saat menjelaskan aplikasi (bukan produk hardware) sebagai kompatibel untuk Cast, gunakan frasa "berkemampuan Chromecast". Misalnya: "Aplikasi ini berkemampuan Chromecast".
- Saat menjelaskan produk hardware pihak ketiga yang kompatibel untuk Cast, gunakan "TV yang dilengkapi Chromecast", "Speaker yang dilengkapi Chromecast", atau hanya "yang dilengkapi Chromecast".
- Saat ditulis dalam teks, "Chromecast" harus ditulis dengan huruf kapital, dan "bawaan" harus ditulis dengan huruf kecil.
- Pada aset pemasaran yang menggunakan "Chromecast" dalam teks atau badge/logo, Anda harus menyertakan atribusi hukum berikut: Chromecast adalah merek dagang Google LLC.
- Jangan tempatkan Chromecast dalam judul aplikasi (seperti Aplikasi Chromecast XYZ).
Berkirim pesan dengan aplikasi berkemampuan Chromecast
Anda dapat mempromosikan aplikasi sebagai berikut:
- "XYZ adalah aplikasi berkemampuan Chromecast yang memungkinkan Anda melakukan streaming hiburan favorit dari perangkat seluler ke TV".
- "Aplikasi XYZ sekarang tersedia untuk TV yang dilengkapi Chromecast."
- "Aplikasi XYZ sekarang tersedia untuk semua produk Chromecast termasuk Chromecast, Chromecast Audio, serta TV dan speaker yang dilengkapi Chromecast".
- "Aplikasi XYZ mendukung Chromecast, sehingga Anda dapat menikmati semua acara/film/musik/game favorit di TV yang dilengkapi Chromecast".
- "Aplikasi XYZ kini memiliki dukungan Chromecast, memungkinkan pengguna melakukan streaming konten dari ponsel mereka ke TV yang dilengkapi Chromecast".
Badge Chromecast
Anda dapat menggunakan badge "Chromecast" di situs, listingan app store, materi pemasaran, dan materi promosi untuk menampilkan kompatibilitas dengan perangkat yang menggunakan protokol Cast.
- Jangan ubah warna, proporsi, spasi, atau aspek lain dari gambar badge.
- Saat digunakan bersama logo untuk teknologi bahan lainnya (misalnya, Bluetooth, Spotify Connect, AirPlay, dll.), badge Chromecast harus berukuran sama atau lebih besar.
- Jangan jadikan badge sebagai elemen utama di halaman Anda.
- Jaga jarak antara badge dan logo serta ikon lainnya di halaman Anda.
- Jika digunakan pada latar belakang putih, terang, atau warna sedang, gunakan badge hitam.
- Jika digunakan pada latar belakang hitam atau gelap, gunakan badge putih.
- Jangan gunakan badge pada halaman yang berisi atau menampilkan konten khusus dewasa, mempromosikan perjudian, mempromosikan kekerasan, berisi ujaran kebencian, melibatkan penjualan tembakau atau alkohol kepada orang berusia di bawah dua puluh satu tahun, melanggar hukum atau peraturan lain yang berlaku, atau tidak pantas.
Penautan badge
Saat digunakan secara online, badge Chromecast harus ditautkan ke salah satu opsi berikut:
- Daftar aplikasi dan produk berkemampuan Chromecast, yang saat ini ada di g.co/castapps.
- Daftar produk yang Anda publikasikan.
- Halaman detail produk tertentu yang Anda publikasikan.
- Daftar aplikasi yang Anda publikasikan.
- Halaman detail aplikasi tertentu yang Anda publikasikan, di Google Play, atau di Apple App Store.
Mendownload aset badge Chromecast
Paket download ini mencakup format Laptop Jaringan Portabel (.png), Adobe Illustrator (.ai), dan Enapsulated Postscript (.eps).
Lihat pratinjau badge Chromecast
