Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Los fabricantes de automóviles y Google proporcionan un conjunto básico de controles de reproducción, como Reproducir/pausar, Siguiente, Anterior y Overflow.
Si deseas funciones adicionales, como una fila o acciones personalizadas, debes tomar decisiones de diseño en cuanto al diseño, los íconos y qué controles proporcionados (si los hay) reemplazar.
Para ir más allá de las acciones de reproducción que proporcionan los fabricantes de automóviles y ofrecer a los usuarios una fila o acciones de reproducción adicionales, debes decidir si mostrar lo siguiente:
Miniaturas de los elementos de la fila
Un ícono o el tiempo transcurrido del elemento que se está reproduciendo
Elementos reproducidos anteriormente en la fila
Acciones personalizadas en la barra de control y si se deben reemplazar los controles Siguiente y Anterior del fabricante del automóvil
Representaciones visuales de los estados relevantes de cada acción (por ejemplo, disponible o inhabilitada)
Los desarrolladores de apps deben mantener un diseño coherente para las acciones personalizadas en las apps de música para alinearse con las expectativas de los usuarios y maximizar el texto dentro de los íconos para garantizar la legibilidad.
Vista de reproducción
Una de las funciones más importantes que se deben diseñar para una app de música es la vista de reproducción.
Ejemplos de la vista de reproducción
Esta vista de reproducción muestra la canción que se está reproduciendo (Android Auto).El usuario abrió el menú ampliado en el lado derecho de la pantalla, que ofrece más funciones (Android Auto).
Esta vista de reproducción muestra la canción que se está reproduciendo (función integrada de Google).El usuario abrió el menú ampliado en el lado derecho de la pantalla, que ofrece más funciones (integradas en Google).
Dos ejemplos (lista y cuadrícula) de apps de música en Google integrado (vertical)
Cola
Proporciona a los usuarios una forma de explorar la lista de fuentes de audio.
Ejemplos de colas
Aquí, el usuario puede revisar la fila de contenido multimedia próximo (Android Auto).Aquí, el usuario ve la lista de contenido multimedia próximo (integrado en Google).Aquí, el usuario puede revisar la fila de contenido multimedia próximo (Google integrado, retrato).
Requisitos
Ten en cuenta los siguientes requisitos y recomendaciones:
Nivel de requisito
Requisitos de las colas
Requisitos de control de reproducción
Debe
--
Los desarrolladores de apps deben cumplir con los siguientes requisitos:
Proporciona íconos vectoriales monocromáticos para las acciones personalizadas que agreguen y cámbialos de forma dinámica para indicar el estado.
Debería
Los desarrolladores de apps deben hacer lo siguiente:
Si usas texto (incluidos números) en un ícono, aprovecha al máximo el espacio en el cuadro de límite para que el texto sea lo más grande y legible posible.
Los desarrolladores de apps deben hacer lo siguiente:
Proporciona un indicador para el elemento de la fila de reproducción actual
Cómo incluir elementos reproducidos anteriormente en la fila
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-04-16 (UTC)"],[[["Design your media app's playback view and decide if you need custom controls beyond Play/Pause, Next, Previous, and Overflow."],["Provide monochrome vector icons for any custom actions, dynamically changing them to reflect the state (e.g., available, disabled)."],["Give users a queue to browse audio sources, ideally indicating the currently playing item and including previously played items."],["For custom action icons, maximize text size for readability and limit the number of custom actions to 6 (or 8 if Next/Previous aren't used)."],["Consider including thumbnails and elapsed time or an icon for the currently playing item in the queue for better user experience."]]],[]]
