🎼Lista de sons

Card utilizado para tocar diferentes áudios no mesmo player.

Suporta as mesmas funcionalidades do card Default, porém com as especificidades a seguir apresentadas para configurar uma playlist.

Estrutura Geral

Após parametrizar os demais aspectos do card:

  • Você pode criar sua playlist definindo a troca das faixas através do clique em imagens ou textos.

  • Para tal, selecione inicialmente o "Tipo de Lista / Sons"

E logo a seguir, a quantidade de colunas para exibição das imagens ou textos.

Campo "Quantidade de Colunas"

No bloco "Lista de Imagens" você poderá acionar quantos áudios quiser; para tal, para clicar no botão "Adicionar Som".

Tipo "Texto":

Se no campo "Tipo de Lista / Sons" você selecionou Texto, simplesmente adicione o Título que você deseja, seguido do upload do respectivo áudio (.mp3).

Campos "Título" e "Áudio"

Adicione quantos áudios você desejar. Eles serão organizados no card de acordo com a quantidade de colunas que você definiu anteriormente.

Clique em Salvar Som para salvar cada item da sua lista.

--

No card, ele somará os áudios, exibindo tudo integrado ao card do tipo Podcast.

Dessa maneira, você poderá escolher qual áudio quer ouvir a cada momento.

Tipo "Imagem":

Se no campo "Tipo de Lista / Sons" você selecionou Imagem.

  • Adicione o Título que você deseja, seguido do upload do respectivo áudio (.mp3).

  • Adicione o Thumb da imagem a ser exibida quando o áudio não estiver tocando.

  • Adicione o Thumb da imagem a ser exbida quando o áudio estiver tocando.

Campos do tipo "Imagem"

Exemplo de um thumb quando o áudio não estiver tocando

Exemplo do mesmo thumb com uma marcação visual que sinalize que o áudio está tocando.

Dessa maneira, o usuário conseguirá visualizar o áudio correspondente ao som ativo naquele momento.

Lembre-se de clicar em Salvar Som.

--

No card, ele somará os áudios, exibindo tudo integrado ao card do tipo Podcast.

--

Ao final, clique no botão “Salvar Card” para gravar todas as informações editadas.


© 2025 Grano Edtech LTDA. Todos os direitos reservados.

Last updated