Player de música
O que você vai aprender
- Pra que serve esta section
- Como conseguir a URL do áudio
- Por que ele toca mudo no início
Pra que serve
Um botão flutuante fixo num canto da tela que toca uma música de fundo em loop, com um ícone de disco de vinil que gira enquanto toca. Bom pra lojas que querem reforçar identidade de marca com trilha sonora ambiente.
⚠️ Não existe upload direto de áudio aqui: envie o arquivo em Configurações > Arquivos no admin da Shopify, copie a URL gerada lá, e cole no campo "URL do arquivo de áudio".
Por causa das políticas dos navegadores (que bloqueiam áudio com som automático), a música começa mutada automaticamente e só ganha som depois da primeira interação do visitante com a página (um clique, toque ou rolagem). Isso é comportamento do navegador, não é configurável.
Como adicionar
- Envie o arquivo de áudio em Configurações > Arquivos, no admin
- No Editor de temas, clique em Adicionar section e escolha Player de música
- Cole a URL do áudio
Como configurar
| Configuração | Pra que serve |
|---|---|
| Ativar player de música | Liga/desliga a section inteira. |
| URL do arquivo de áudio | Link direto do arquivo, gerado em Configurações > Arquivos. |
| Volume | Volume inicial da reprodução. |
| Posição | Canto esquerdo ou direito da tela. |
| Imagem do disco | Imagem mostrada no "disco" giratório (opcional). |
Boas práticas
- O estado (tocando/pausado) é lembrado enquanto a pessoa navega pela loja na mesma sessão, mas reinicia numa nova visita.
- A imagem do disco aparece pequena (56px) e circular, mas envie um arquivo quadrado de uns 400 × 400 px pra ficar nítida em telas retina, sem exagerar no tamanho do arquivo.