Personalizar controles de mídia

Os fabricantes de carros e o Google oferecem um conjunto básico de controles de reprodução, como Play/Pause, Next, Previous e Overflow. Se você quiser outros recursos, como fila ou ações personalizadas, tome decisões de design sobre o layout, os ícones e quais controles fornecidos (se houver) serão substituídos.

Para ir além das ações de reprodução fornecidas pelos fabricantes de carros e oferecer aos usuários uma fila ou outras ações de reprodução, você precisa decidir se vai mostrar o seguinte:

  • Miniaturas dos itens na fila
  • Um ícone ou o tempo decorrido do item em reprodução
  • Itens tocados anteriormente na fila
  • Ações personalizadas na barra de controle e se os controles Próxima e Anterior do fabricante do carro serão substituídos
  • Representações visuais dos estados relevantes de cada ação (por exemplo, disponível ou desativada)

Os desenvolvedores de apps precisam manter um design consistente para ações personalizadas em apps de mídia para se alinhar às expectativas dos usuários e maximizar o texto nos ícones para garantir a legibilidade.

Visualização de reprodução

Um dos recursos mais importantes a serem projetados para um app de mídia é a visualização de reprodução.

Exemplos de visualização de reprodução

Mockup do app de mídia durante a reprodução de mídia
Essa visualização mostra a música que está sendo tocada (Android Auto).
Modelo de app de mídia durante a reprodução de mídia com sobreposição de overflow
O usuário abriu o menu de contexto no lado direito da tela, que oferece mais recursos (Android Auto).
Mockup do app de mídia durante a reprodução de mídia
Essa visualização mostra a música que está sendo reproduzida (Google integrado).
Mockup de um app de mídia durante a reprodução de mídia com sobreposição de overflow
O usuário abriu o menu flutuante no lado direito da tela, que oferece mais recursos (Google integrado).
Dois exemplos (lista e grade) de apps de mídia no Google integrado (retrato)

Fila

Ofereça aos usuários uma maneira de navegar pela lista de fontes de áudio.

Exemplos de filas

Mockup de um app de mídia mostrando a lista de músicas com a arte do álbum
Nesta tela, o usuário pode analisar a fila de mídias futuras (Android Auto).
Mockup de um app de mídia mostrando a lista de reprodução com controles de reprodução
Aqui, o usuário vê a lista de mídias futuras (Google integrado).
Mockup de um app de mídia mostrando a lista de músicas em fila com a arte do álbum
Aqui, o usuário pode analisar a fila de mídias futuras (Google integrado, retrato).

Requisitos

Lembre-se dos seguintes requisitos e recomendações:

Nível do requisito Requisitos da fila Requisitos de controle de mídia
Obrigatório -- Os desenvolvedores de apps precisam:
Deve Os desenvolvedores de apps precisam:
  • Se você usar texto (incluindo números) em um ícone, aproveite ao máximo o espaço na caixa delimitadora para tornar o texto o mais grande e legível possível.
Os desenvolvedores de apps precisam:
  • Fornecer um indicador para o item da fila "Tocando agora"
  • Incluir itens tocados anteriormente na fila

Para saber mais sobre os indicadores de progresso e a fila, consulte Ativar o controle de reprodução.

Maio Os desenvolvedores de apps podem: Os desenvolvedores de apps podem: