# Lista de sons

Suporta as mesmas funcionalidades do card [**Default**](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas para configurar uma playlist.

### <mark style="color:blue;">Estrutura Geral</mark>

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.&#x20;
* Para tal, selecione inicialmente o "<mark style="background-color:yellow;">**Tipo de Lista / Sons**</mark>"

![](https://lh5.googleusercontent.com/_ZTDZZYUDQvgyvOGeIPVpXUDEKjWyg3LVzwjBD9_Zjb6TxVLR_uM5D6fN6KWXhnEJ6_reI8NhNOYYvyLkTXCMdYjErJATFK_EXBqGBIbdvaVbvZeIt2byT_bLegwfJmF9WD-E8weR8SnLWHNn9K0a0M)

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

<div align="left"><figure><img src="https://lh4.googleusercontent.com/BqXYv-A8Mp3e7zyxwd3bLMpaJEONwV8RRGMhKryH-65OvFsTb5tvoMsMLAoG-U4kUGt6o8Xxj9dwf_pm_6cfEn4LuAftuB3Riw6_4-gAoYbNBBqhKou4G3ruweEKriPLG8QdrS9Tt5g5Hj28VBmHGQY" alt=""><figcaption><p>Campo "Quantidade de Colunas"</p></figcaption></figure></div>

No bloco "<mark style="background-color:yellow;">**Lista de Imagens**</mark>" você poderá acionar quantos áudios quiser; para tal, para clicar no botão "**Adicionar Som**".

![](https://lh5.googleusercontent.com/KNEuGr6ack-Lwp0bVXfGY07bayxdbSKhw7GSOJ_aIKLkFpyBft58_gEf1fzFZSSyFKwL3Oj9Yn0IX3frg7zu4LMtLug6B7SHVaVu1_oc3yp0n_mMhS6F5SkXrPP240odRIJ4hb9M6eWkBmmQVA4rMSc)

### <mark style="color:blue;">**Tipo "Texto":**</mark>

Se no campo "<mark style="background-color:yellow;">**Tipo de Lista / Sons**</mark>" você selecionou **Texto**, simplesmente adicione o **Título** que você deseja, seguido do upload do respectivo **áudio** (.mp3).

<div align="left"><figure><img src="https://lh4.googleusercontent.com/73377KFn8nox8_3BJrDbEaWmAS-SA8CSSqgNg-BTseHrz6PdHzSb1NiAm_Fr5SduUifsgOXhiX-dlfc32rcCslRnUmLIX2C7xzDrnRITg0bO9gMZIVbD3D7BSmUwkF2AgHK-vX829_2iWLj9qU-PsYA" alt=""><figcaption><p>Campos "Título" e "Áudio"</p></figcaption></figure></div>

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

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

![](https://lh5.googleusercontent.com/G0lVNJzJyU7IbWVgfGe6jsKIbJr9-VxR9N3O36IOBLsJ5c6m8CNM7pMb8RMoEULQr8fH4d16TSf4aUyFCZ16t0MtJSvrnT0FJnwH-1Yk_NTNYbidLSEy-ymLjUxB39GqcGupF5tP9i3RiRcrialsSfU)

\--

No card, ele **somará os áudios**, exibindo tudo integrado ao card do tipo [**Podcast**](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/podcast).

![](https://lh4.googleusercontent.com/np9SFjLOmY-4L1MhhEbotcpgTw_-Ky5FFIkJ7Bv2OzEkmM-NjCO1Z4AhrxVUJMPex_4nL7b3lVdcjohyY2oDZH1wl30M9ObIcLUjjlld7AtDo4xAjQ2zfqSUMCx4FbRNXM7AmRf64oL3slshVjA1oE8)

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

### <mark style="color:blue;">**Tipo "Imagem":**</mark>

Se no campo "<mark style="background-color:yellow;">**Tipo de Lista / Sons**</mark>" 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.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/2BZLt2vEopH3dr6vS6BLBRmH1MGIb8maBnkKDF7aeNXq5HwyU4qat9xi7uatyt330SyG-utGhD3_bLXFbH8fzgBcmtUfuHs-YCBFVzHsnbllJsV-MVLXPk0ZJU2rurdupIG8QHhSeMYQS16qwDAXSww" alt=""><figcaption><p>Campos do tipo "Imagem"</p></figcaption></figure></div>

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

![](https://lh5.googleusercontent.com/Rsn5aqJjeuOiwRcYvsxMGyxyH0GDFN_yPnKlgTNFTmCq6-8gnNpL2oota3E03iwKzDnqWoXSzUefeiL6pYKkNqfK3LXTb6ouqLyHpUJfbsIGp65Ao6rAq89kMCtll6t-Xr27PY26_V-CYGtn-CS__00)

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

![](https://lh4.googleusercontent.com/_NQAhBtzrtZw0c404Y16wPNP8jj09H7quSwo1E1tL_qkVUIjYxciiJ3F0hVOcDPF66HpNwpsuGhdnGcxVMcj10fob5NJ2Nd-9TWOeUXBeD6_oB4MwV43IqNoL-xoJavikwoNvhoK2JtICqmEs13qMRo)

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

Lembre-se de clicar em **Salvar Som.**

![](https://lh5.googleusercontent.com/G0lVNJzJyU7IbWVgfGe6jsKIbJr9-VxR9N3O36IOBLsJ5c6m8CNM7pMb8RMoEULQr8fH4d16TSf4aUyFCZ16t0MtJSvrnT0FJnwH-1Yk_NTNYbidLSEy-ymLjUxB39GqcGupF5tP9i3RiRcrialsSfU)

\--

No card, ele **somará os áudios**, exibindo tudo integrado ao card do tipo [**Podcast**](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/podcast).

![](https://lh5.googleusercontent.com/CWaVP8tHkkXGICNZk_4JdVoiKlOGdsMhKU4nM_Sp1_0fFl2vL5Wx4FHjnt5e2hPIBr3secl3hRBjpIWPNsSVEXhfDvtfHdac6eHSfYJccKXoKX9irWPgGRtlk6brr9M_OIv19ZZUOGELSQ6PIV7W-lM)

\--

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

![](https://lh3.googleusercontent.com/W1IXxj1XX-yiROoislF4MDkIIYDgiGd_ma7_d5nN7AzsLZxQMixboL9ey1XQXeuauZOqc1S_WDXlDfXuvSg8QKMvMKMvRwUZwQxa_K3HVHeglsq8TgbXaxBBw9I6OUGvnJfcR_pNx3bWd1t_1Oq2Avg)

{% hint style="warning" %}
Na Grano, é necessário que você fique atento aos **tamanhos** dos arquivos e mídias no momento de fazer o cadastro dos cards.\
\
**Cards imagem = até 800 KB**\
**Gifs e Vídeos que são cadastrados direto na plataforma =** **até 200KB** - Esse peso não se aplica para vídeos que serão hospedados em outras ferramentas (Vimeo, Youtube, etc)\
**Sons = até 10 MB**\
\
**Lembre-se:** arquivos mais leves são preferíveis. Eles contribuem para o desempenho otimizado da plataforma e aprimoram a experiência do usuário. Antes de fazer o upload, confira o tamanho dos arquivos que você planeja enviar e realize os ajustes necessários. \
\
Se precisar reduzir o tamanho de um arquivo, ferramentas de compressão online gratuitas podem ser uma solução útil.
{% endhint %}

***

> *© 2026 Grano Edtech LTDA. Todos os direitos reservados.*