Mem-build aplikasi media dengan MediaBrowserService
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Untuk membuat aplikasi media dengan branding dan penyesuaian terbatas, gunakan MediaBrowserService (MBS). Ini adalah pengalaman berbiaya lebih rendah untuk memungkinkan pengguna menjelajahi
konten dan memutar media.
Karena sebagian besar aspek UI media dikontrol oleh produsen mobil dan Google
(lihat Peran partner untuk media), tugas terkait desain untuk developer
aplikasi relatif sederhana.
Berikut adalah tugas dasar untuk developer aplikasi:
- Merencanakan tab navigasi:
Pilih hingga 4 tampilan konten tingkat atas dan tentukan ikon atau label untuk
tab navigasi.
- Merencanakan tampilan penjelajahan:
Merencanakan cara tampilan konten tingkat atas dan tingkat bawah akan diatur dan
diformat (petak atau daftar?).
- Menyesuaikan kontrol
pemutaran:
Tentukan apakah Anda ingin memberikan tindakan dan ikon kustom serta apakah akan
menerapkan antrean.
- Merencanakan voice action:
Menentukan perintah yang Anda ingin pengguna minta dengan suara
- Berikan unsur branding: Berikan ikon aplikasi dan warna aksen untuk merepresentasikan merek Anda.
Langkah tambahan opsional hanya untuk AAOS:
- Buat alur login:
Gunakan template yang tersedia untuk membuat alur login bagi pengguna untuk login ke
aplikasi Anda di layar mobil (jika aplikasi Anda memerlukan login).
- Buat setelan:
Buat layar setelan dalam kendaraan untuk aplikasi Anda, jika setelan diperlukan.
Langkah tambahan opsional khusus Android Auto:
- Memberikan
rekomendasi:
Mengidentifikasi 10 item konten media yang akan ditampilkan sebagai rekomendasi
Gunakan link yang disebutkan di atas untuk mengakses panduan yang lebih mendetail tentang setiap tugas.
Untuk ringkasan elemen desain yang harus Anda berikan, lihat checklist.
Peran partner untuk media
Untuk aplikasi yang berjalan di kendaraan
berbasis AAOS, produsen mobil dapat menyesuaikan UI untuk mencerminkan merek dan gaya
kendaraan mereka. Untuk aplikasi yang berjalan di Android Auto, Google menciptakan tampilan dan
nuansa yang konsisten untuk aplikasi di berbagai kendaraan yang kompatibel.
Tabel berikut
menyampulkan peran desain developer aplikasi dan produsen mobil (di
AAOS) dalam memastikan pengalaman aplikasi media terpadu.
| Aspek pengalaman media |
Peran desain produsen mobil (atau Google, untuk Android Auto) |
Peran desain developer aplikasi |
| Menavigasi aplikasi media |
Menentukan tempat panel aplikasi berada dan mendukung navigasi serta kontrol aplikasi
yang dapat muncul di panel aplikasi |
Tentukan tampilan konten tingkat atas yang akan direpresentasikan di tab panel aplikasi
dan berikan ikon serta label sesuai kebutuhan (lihat
Merencanakan tab navigasi) |
| Menjelajahi detail konten |
Menentukan ukuran dan konten item petak atau daftar dan menerapkan header
aplikasi di tingkat konten yang lebih rendah |
Tentukan format (petak atau daftar) dan pengaturan untuk konten media
yang dapat dijelajahi di setiap tingkat (lihat
Merencanakan tampilan penjelajahan) |
| Memutar media |
Terapkan tampilan pemutaran dan panel kontrol yang diperkecil dengan metadata media dan kontrol pemutaran yang sesuai, termasuk kontrol untuk tindakan kustom apa pun di aplikasi. Berikan kemampuan antrean dalam tampilan pemutaran dan gaya untuk antrean. |
Putuskan apakah akan menerapkan tindakan kustom di panel kontrol, dan
berikan ikon untuk tindakan tersebut. Tentukan juga apakah akan menerapkan antrean dan apakah
akan memberikan indikator untuk lagu yang sedang diputar (lihat
Menyesuaikan kontrol pemutaran) |
| Voice action |
Menyediakan UI Asisten Google dan mengontrol cara pengguna memanggil Asisten di
mobil tertentu |
Menentukan kategori media yang akan didukung untuk permintaan suara dan konten
yang akan disediakan untuk permintaan umum
(Merencanakan voice action) |
| Atribusi merek |
Menampilkan ikon aplikasi di semua layar konten dan memilih tempat untuk menerapkan
warna aplikasi pihak ketiga sebagai aksen |
Berikan ikon aplikasi dan tentukan warna aksen (Lihat
Memberikan elemen branding) |
| Login dan setelan |
Berikan kemampuan setelan untuk penelusuran dan setelan di panel
panel aplikasi dan hubungkan pengguna ke layar login sesuai kebutuhan |
Gunakan template untuk membuat alur login dan layar setelan. Jika perlu,
lihat Menyesuaikan alur login
dan Setelan desain |
| Rekomendasi |
Menyediakan UI agar rekomendasi konten muncul |
Memberikan sumber untuk rekomendasi konten yang sesuai |
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-25 UTC.
[null,null,["Terakhir diperbarui pada 2025-07-25 UTC."],[[["\u003cp\u003eMedia app developers focus on planning navigation, browsing views, playback controls, voice actions, and branding elements within a pre-defined UI framework.\u003c/p\u003e\n"],["\u003cp\u003eCar makers or Google manage the overall media UI structure and styling, ensuring brand consistency and vehicle integration.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can customize playback controls, implement voice commands, and provide branding assets for their apps.\u003c/p\u003e\n"],["\u003cp\u003eAAOS allows for optional app sign-in and settings customization, while Android Auto offers an optional recommendation feature.\u003c/p\u003e\n"],["\u003cp\u003eDetailed design guidance and a checklist are available to aid developers in creating a seamless media app experience.\u003c/p\u003e\n"]]],[],null,["# Build media apps with MediaBrowserService\n\n\u003cbr /\u003e\n\nTo create a media app with limited branding and customization, use the\nMediaBrowserService (MBS). This is a lower-cost experience to let users browse\ncontent and play media.\n\nBecause most aspects of the media UI are controlled by car makers and Google\n(see [Partner roles for media](#roles)), the design-related tasks for app\ndevelopers are relatively simple.\n\nHere are the basic tasks for app developers:\n\n1. [Plan navigation tabs](/cars/design/create-apps/media-apps/navigation-tabs): Choose up to 4 top-level views of content and decide on icons or labels for navigation tabs.\n2. [Plan browsing views](/cars/design/create-apps/media-apps/browsing-views): Plan how top-level and lower-level views of content will be organized and formatted (grid or list?).\n3. [Customize playback\n controls](/cars/design/create-apps/media-apps/customize-playback-controls): Decide whether you want to provide custom actions and icons and whether to implement a queue.\n4. [Plan voice actions](/cars/design/create-apps/media-apps/voice-actions): Determine which commands you would like users to be able to request by voice\n5. [Provide branding\n elements](/cars/design/create-apps/media-apps/branding-elements): Provide your app icon and accent color to represent your brand.\n\n**Optional extra steps for AAOS only**:\n\n1. [Create a sign-in flow](/cars/design/create-apps/media-apps/signin-flow): Use the available templates to create a sign-in flow for users to sign in to your app on the car screen (if your app requires sign-in).\n2. [Create settings](/cars/design/create-apps/media-apps/design-settings): Create in-vehicle settings screens for your app, if settings are needed.\n\n**Optional extra step for Android Auto only**:\n\n1. [Provide\n recommendations](/cars/design/create-apps/media-apps/recommendations): Identify 10 items of media content to be showcased as recommended\n\nUse the aforementioned links to access more detailed guidance about each task.\nFor a summary of the design elements you'll need to provide, consult the\nchecklist.\n\nPartner roles for media\n-----------------------\n\nFor apps running on AAOS-based\nvehicles, car makers can customize the UI to reflect their brand and vehicle\nstyling. For apps running in Android Auto, Google creates a consistent look and\nfeel for the app across the range of compatible vehicles.\nThe following table\nsummarizes the design roles of app developers and car makers (in\nAAOS) in ensuring a unified media app experience.\n\n| Aspect of the media experience | Car maker's design role (or Google's, for Android Auto) | App developer's design role |\n|--------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Navigating media apps** | Decide where the app bar goes and support app navigation and controls that can appear in the app bar | Decide which top-level content views to represent in the app bar's tabs and provide icons and labeling as needed (see [Plan navigation tabs](/cars/design/create-apps/media-apps/navigation-tabs)) |\n| **Browsing content details** | Determine size and content of grid or list items and implement app header at lower levels of content | Determine format (grid or list) and organization for browsable media content at each level (see [Plan browsing views](/cars/design/create-apps/media-apps/browsing-views)) |\n| **Playing media** | Implement playback view and minimized control bar with appropriate media metadata and playback controls, including controls for any custom actions in the app. Provide a queue affordance in playback view and styling for the queue. | Decide whether to implement custom actions on the control bar, and provide icons for them. Also decide whether to implement a queue and whether to provide an indicator for the currently playing track (see [Customize playback controls](/cars/design/create-apps/media-apps/customize-playback-controls)) |\n| **Voice actions** | Provide Google Assistant UI and control how users invoke Assistant in specific cars | Specify which media categories to support for voice requests and what content to supply for generic requests ([Plan voice actions](/cars/design/create-apps/media-apps/voice-actions)) |\n| **Brand attribution** | Display the app icon on all content screens and choose where to apply the third-party app color as an accent | Provide app icon and specify accent color (See [Provide branding elements](/cars/design/create-apps/media-apps/branding-elements)) |\n| **Sign-in and settings** | Provide a settings affordance for search and settings on the app bar bar and connect users to sign-in screens as needed | Use templates to create a sign-in flow and settings screens. If needed, see [Adapt sign-in flow](/cars/design/create-apps/media-apps/signin-flow) and [Design settings](/cars/design/create-apps/media-apps/design-settings) |\n| **Recommendations** | Provide UI for content recommendations to appear | Provide a source for appropriate content recommendations |"]]
