Leitor de Áudio de Fundo HTML5 - Música de Fundo com Volume e Retoma Entre Páginas

Música de fundo, com boa educação

Um áudio que o visitante não consegue parar é a forma mais rápida de o perder. Este módulo dá à sua loja música de fundo com um controlo visível desde o primeiro segundo: reproduzir, pausa, recuar e uma barra de volume, sempre à mão. Boutiques, lojas de música e de instrumentos, sites de eventos e casamentos, galerias e lojas temáticas ganham o ambiente que pretendem — e os clientes ficam com o comando na mão.

Como funciona

• 1. Indique o seu áudio — cole um URL https:// ou carregue um ficheiro MP3, OGG ou WAV (até 10 MB) diretamente no módulo.
• 2. Escolha onde fica — a barra superior, o rodapé ou a coluna esquerda ou direita. A página de configuração mostra uma pré-visualização em direto do leitor com as definições guardadas.
• 3. Afine os pormenores — volume predefinido, conjunto de ícones GIF ou PNG, largura do leitor, número de barras de volume e cores do tema, além dos interruptores de reprodução automática e de retoma automática.

Ele lembra-se de onde a música ia

Ative a retoma automática e o leitor guarda a posição de reprodução e o volume num cookie, para que navegar da página inicial até uma página de produto continue a mesma faixa no mesmo segundo, em vez de a recomeçar. Desative-a e cada página começa do início — a escolha é sua.

Mostre-o apenas onde faz sentido

A definição "Páginas permitidas" aceita uma lista de controladores separados por vírgulas — index,product, por exemplo — para que o leitor possa viver apenas na página inicial, apenas nas páginas de produto ou em todo o lado. Deixe-a vazia e aparece em todas as páginas.

Reconstruído para o PrestaShop moderno

• JavaScript puro — sem dependência de jQuery, sem Flash, sem leitores antigos.
• Personalização com variáveis CSS — as cores são injetadas no cabeçalho da página, por isso o leitor combina com o seu tema sem editar folhas de estilo.
• Sem overrides do núcleo — o módulo funciona apenas através de hooks; os templates podem ser substituídos a partir do seu tema, se quiser ir mais longe.
• Correções de estabilidade — o erro na coluna direita das versões anteriores desapareceu e um modo de depuração regista diagnósticos na consola do navegador sempre que precisar de verificar algo.

Compatibilidade

PrestaShop 1.7, 8 e 9. Utiliza o áudio HTML5 nativo do navegador, pelo que funciona nos navegadores modernos de computador e telemóvel sem qualquer plugin. Tenha em conta que os navegadores bloqueiam a reprodução automática com som até o visitante interagir com a página — o botão de reprodução funciona sempre e o módulo regista essa situação no modo de depuração.

Perguntas frequentes

Os visitantes podem desligar a música?

Sim, é essa a ideia. O leitor mostra reproduzir/pausa, recuar e uma barra de volume desde o momento em que a página carrega.

A música continua a tocar entre páginas?

Com a retoma automática ativa, sim — a posição e o volume são guardados num cookie, para que a faixa continue onde ficou em vez de recomeçar.

Que formatos de áudio posso usar?

MP3, OGG e WAV, seja como um URL https:// completo, seja como um ficheiro que carrega para o módulo (até 10 MB).

Porque é que não começa sozinho?

Os navegadores modernos bloqueiam a reprodução automática com som até o visitante interagir com a página. É uma regra do navegador, não uma limitação do módulo; mantenha a reprodução automática ativa e a música arranca assim que houver interação.

Posso mostrá-lo apenas na página inicial?

Sim. Coloque index no campo Páginas permitidas — ou qualquer lista de controladores separados por vírgulas. Deixe-o vazio para todas as páginas.

Posso mudar o aspeto?

Sim — posição, largura, conjunto de ícones, número de barras de volume e as cores do tema são todos definições, aplicadas através de variáveis CSS, para que nada no seu tema precise de ser editado.