Tạo ứng dụng đa phương tiện bằng MediaBrowserService
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Để tạo một ứng dụng đa phương tiện có giới hạn về việc tuỳ chỉnh và xây dựng thương hiệu, hãy sử dụng MediaBrowserService (MBS). Đây là trải nghiệm có chi phí thấp hơn để cho phép người dùng duyệt qua nội dung và phát nội dung nghe nhìn.
Vì hầu hết các khía cạnh của giao diện người dùng nội dung nghe nhìn đều do nhà sản xuất ô tô và Google kiểm soát (xem Vai trò của đối tác đối với nội dung nghe nhìn), nên các nhiệm vụ liên quan đến thiết kế cho nhà phát triển ứng dụng tương đối đơn giản.
Dưới đây là các nhiệm vụ cơ bản dành cho nhà phát triển ứng dụng:
- Lên kế hoạch cho các thẻ điều hướng: Chọn tối đa 4 chế độ xem cấp cao nhất của nội dung và quyết định biểu tượng hoặc nhãn cho các thẻ điều hướng.
- Lên kế hoạch cho chế độ xem duyệt qua: Lên kế hoạch về cách sắp xếp và định dạng chế độ xem nội dung cấp cao nhất và cấp thấp hơn (lưới hay danh sách?).
- Tuỳ chỉnh bộ điều khiển chế độ phát: Quyết định xem bạn có muốn cung cấp các thao tác và biểu tượng tuỳ chỉnh cũng như có nên triển khai hàng đợi hay không.
- Lên kế hoạch cho thao tác bằng giọng nói: Xác định những lệnh mà bạn muốn người dùng có thể yêu cầu bằng giọng nói
- Cung cấp các thành phần thương hiệu: Cung cấp biểu tượng ứng dụng và màu nhấn để thể hiện thương hiệu của bạn.
Các bước bổ sung không bắt buộc chỉ dành cho AAOS:
- Tạo quy trình đăng nhập: Sử dụng các mẫu có sẵn để tạo quy trình đăng nhập cho phép người dùng đăng nhập vào ứng dụng của bạn trên màn hình ô tô (nếu ứng dụng của bạn yêu cầu đăng nhập).
- Tạo chế độ cài đặt: tạo màn hình cài đặt trên ô tô cho ứng dụng của bạn, nếu cần có chế độ cài đặt.
Bước bổ sung không bắt buộc chỉ dành cho Android Auto:
- Cung cấp nội dung đề xuất: Xác định 10 mục nội dung nghe nhìn để giới thiệu dưới dạng nội dung đề xuất
Hãy sử dụng các đường liên kết nêu trên để xem hướng dẫn chi tiết hơn về từng nhiệm vụ.
Để biết thông tin tóm tắt về các thành phần thiết kế mà bạn cần cung cấp, hãy tham khảo danh sách kiểm tra.
Vai trò của đối tác đối với nội dung đa phương tiện
Đối với các ứng dụng chạy trên xe dựa trên AAOS, nhà sản xuất ô tô có thể tuỳ chỉnh giao diện người dùng để phản ánh thương hiệu và kiểu dáng xe của họ. Đối với các ứng dụng chạy trong Android Auto, Google tạo giao diện nhất quán cho ứng dụng trên nhiều loại xe tương thích.
Bảng sau đây tóm tắt vai trò thiết kế của nhà phát triển ứng dụng và nhà sản xuất ô tô (trong AAOS) trong việc đảm bảo trải nghiệm ứng dụng đa phương tiện hợp nhất.
| Khung hình của trải nghiệm nội dung nghe nhìn |
Vai trò thiết kế của nhà sản xuất ô tô (hoặc của Google đối với Android Auto) |
Vai trò của nhà phát triển ứng dụng trong việc thiết kế |
| Di chuyển trong ứng dụng đa phương tiện |
Quyết định vị trí của thanh ứng dụng và hỗ trợ điều hướng ứng dụng cũng như các chế độ điều khiển có thể xuất hiện trong thanh ứng dụng |
Quyết định thành phần hiển thị nội dung cấp cao nhất sẽ đại diện cho các thẻ trong thanh ứng dụng và cung cấp biểu tượng cũng như nhãn nếu cần (xem phần Lập kế hoạch các thẻ điều hướng) |
| Duyệt xem thông tin chi tiết về nội dung |
Xác định kích thước và nội dung của các mục trong lưới hoặc danh sách và triển khai tiêu đề ứng dụng ở các cấp nội dung thấp hơn |
Xác định định dạng (lưới hoặc danh sách) và cách sắp xếp nội dung đa phương tiện có thể duyệt xem ở mỗi cấp (xem phần Lên kế hoạch cho chế độ xem duyệt xem) |
| Phát nội dung nghe nhìn |
Triển khai chế độ xem phát và thanh điều khiển thu nhỏ bằng siêu dữ liệu nội dung nghe nhìn và các chế độ điều khiển phát thích hợp, bao gồm cả các chế độ điều khiển cho mọi thao tác tuỳ chỉnh trong ứng dụng. Cung cấp một tính năng hỗ trợ hàng đợi trong chế độ xem phát và tạo kiểu cho hàng đợi. |
Quyết định xem có triển khai các thao tác tuỳ chỉnh trên thanh điều khiển hay không và cung cấp biểu tượng cho các thao tác đó. Ngoài ra, hãy quyết định xem có triển khai hàng đợi hay không và có cung cấp chỉ báo cho bản nhạc đang phát hay không (xem phần Tuỳ chỉnh các chế độ điều khiển phát) |
| Thao tác bằng giọng nói |
Cung cấp giao diện người dùng Trợ lý Google và kiểm soát cách người dùng gọi Trợ lý trong một số loại ô tô |
Chỉ định danh mục nội dung đa phương tiện cần hỗ trợ cho các yêu cầu bằng giọng nói và nội dung cần cung cấp cho các yêu cầu chung (Lên kế hoạch cho thao tác bằng giọng nói) |
| Phân bổ thương hiệu |
Hiển thị biểu tượng ứng dụng trên tất cả màn hình nội dung và chọn vị trí áp dụng màu ứng dụng bên thứ ba làm màu nhấn |
Cung cấp biểu tượng ứng dụng và chỉ định màu nhấn (Xem phần Cung cấp các thành phần thương hiệu) |
| Đăng nhập và cài đặt |
Cung cấp tính năng cài đặt cho tính năng tìm kiếm và cài đặt trên thanh ứng dụng và kết nối người dùng với màn hình đăng nhập nếu cần |
Sử dụng mẫu để tạo quy trình đăng nhập và màn hình cài đặt. Nếu cần, hãy xem bài viết Điều chỉnh quy trình đăng nhập và Thiết kế màn hình cài đặt |
| Đề xuất |
Cung cấp giao diện người dùng để nội dung đề xuất xuất hiện |
Cung cấp nguồn nội dung đề xuất phù hợp |
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-25 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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,["\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\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 |"]]
