Personalizar controles de mídia

Depois de decidir como organizar o conteúdo do app para navegação e procura, considere se você quer uma fila ou controles personalizados para reproduzir o conteúdo.

As fabricantes de carros e o Google cuidam da implementação e do estilo da visualização de reprodução, da barra de controle minimizada e da fila. Eles também oferecem um conjunto básico de controles de reprodução, incluindo:

  • Tocar/Pausar
  • Próxima (se compatível com seu app)
  • Anterior (se compatível com seu app)
  • Transbordamento

No entanto, se você quiser personalizar a fila ou fornecer outras ações de reprodução, decida:

  • Se as miniaturas dos itens da fila serão mostradas
  • Se um ícone ou o tempo decorrido do item em reprodução na fila deve ser mostrado
  • Se os itens tocados anteriormente serão incluídos na fila
  • Quais ações personalizadas você quer na barra de controle e se elas devem substituir os controles Próxima e Anterior das montadoras
  • Como serão os ícones que representam os estados relevantes de cada ação (como disponível e desativado)

Exemplos de visualização de reprodução

Música em reprodução
A visualização de reprodução mostra a música que está tocando no momento.


Menu flutuante à direita
O usuário abriu o menu flutuante no lado direito da tela, que oferece mais funcionalidades.

Controles de mídia em um app de mídia
Uma amostra de controles de reprodução em um app de mídia.

Requisitos de controle de mídia

Ao criar controles de mídia, priorize o seguinte:

  • Interface do app consistente: os desenvolvedores de apps precisam criar controles personalizados de reprodução de mídia em carros que sejam consistentes com as experiências dos usuários em outros apps e dispositivos.
  • Legibilidade: o texto pode parecer menor quando combinado com iconografia. Por isso, ele precisa ser maximizado dentro do espaço disponível.

Esses requisitos e recomendações ajudam a criar controles eficazes.

Nível de requisito Requisitos
MUST
  • Forneça ícones vetoriais monocromáticos para todas as ações personalizadas que você adicionar e mude-os dinamicamente para indicar o estado.
  • DEVE
  • Se você usar texto ou números em um ícone, use o espaço máximo na caixa delimitadora para tornar o texto o maior e mais legível possível.
  • MAI
  • Forneça até seis customactions (ou até oito, se não estiver usando Próxima e Anterior)
  • Fila

    Você também precisa oferecer ao usuário uma maneira rápida e fácil de navegar pela fila de mídia futura. A fila de mídia futura pode incluir artistas e miniaturas, conforme mostrado nos exemplos a seguir.

    Fila no modo retrato
    Fila no modo retrato


    Fila no modo paisagem
    Fila no modo paisagem

    Requisitos da fila

    Para minimizar as distrações ao dirigir, verifique se os usuários podem ver o que está sendo reproduzido no momento.

    Nível de requisito Requisitos
    DEVE
  • Fornecer um indicador para o item da fila que está sendo reproduzido
  • Incluir itens tocados anteriormente na fila
    Para saber mais sobre indicadores de progresso e a fila, consulte Ativar o controle de reprodução.
  • MAI
  • Fornecer miniaturas para itens da fila