Reproductor de Audio de Fondo HTML5 - Música de Fondo con Volumen y Reanudación entre Páginas

Música de fondo, pero con educación

Un audio que el visitante no puede detener es la forma más rápida de perderlo. Este módulo aporta a tu tienda música de fondo con un control visible desde el primer segundo: reproducir, pausar, rebobinar y un deslizador de volumen, siempre al alcance de la mano. Boutiques, tiendas de música e instrumentos, webs de eventos y bodas, galerías y tiendas temáticas consiguen el ambiente que buscan — y los clientes se quedan con el mando.

Cómo funciona

• 1. Indícale tu audio — pega una URL https:// o sube un archivo MP3, OGG o WAV (hasta 10 MB) directamente en el módulo.
• 2. Elige dónde se coloca — la barra superior, el pie de página o la columna izquierda o derecha. La página de configuración muestra una vista previa en vivo del reproductor con tus ajustes guardados.
• 3. Ajusta los detalles — volumen predeterminado, juego de iconos GIF o PNG, ancho del reproductor, número de barras de volumen y colores del skin, además de los interruptores de reproducción automática y reanudación automática.

Recuerda dónde se quedó la música

Activa la reanudación automática y el reproductor guarda la posición de reproducción y el volumen en una cookie, de modo que al pasar de la página de inicio a una ficha de producto se continúa la misma pista en el mismo segundo en lugar de reiniciarla. Desactívala y cada página empieza de cero — tú decides.

Muéstralo solo donde corresponde

El ajuste "Páginas permitidas" acepta una lista de controladores separados por comas — index,product, por ejemplo — para que el reproductor viva solo en tu página de inicio, solo en las fichas de producto o en todas partes. Déjalo vacío y aparecerá en todas las páginas.

Reconstruido para el PrestaShop moderno

• JavaScript puro — sin dependencia de jQuery, sin Flash, sin reproductores heredados.
• Personalización con variables CSS — los colores se inyectan en la cabecera de la página, así que el reproductor combina con tu plantilla sin tocar ninguna hoja de estilos.
• Sin overrides del núcleo — el módulo funciona únicamente mediante hooks; las plantillas se pueden sobrescribir desde tu tema si quieres ir más lejos.
• Correcciones de estabilidad — el fallo de la columna derecha de versiones anteriores ha desaparecido, y un modo de depuración registra diagnósticos en la consola del navegador cuando necesitas comprobar algo.

Compatibilidad

PrestaShop 1.7, 8 y 9. Utiliza el audio HTML5 nativo del navegador, por lo que funciona en navegadores modernos de escritorio y móviles sin ningún plugin. Ten en cuenta que los navegadores bloquean la reproducción automática con sonido hasta que el visitante interactúa con la página — el botón de reproducción siempre funciona, y el módulo lo registra en modo de depuración.

Preguntas frecuentes

¿Pueden los visitantes apagar la música?

Sí, de eso se trata. El reproductor muestra reproducir/pausar, rebobinar y un deslizador de volumen desde el momento en que carga la página.

¿La música sigue sonando al cambiar de página?

Con la reanudación automática activada, sí — la posición y el volumen se guardan en una cookie, así que la pista continúa donde se quedó en lugar de empezar de nuevo.

¿Qué formatos de audio puedo usar?

MP3, OGG y WAV, ya sea como URL https:// completa o como archivo que subas al módulo (hasta 10 MB).

¿Por qué no empieza sola?

Los navegadores modernos bloquean la reproducción automática con sonido hasta que el visitante interactúa con la página. Es una norma del navegador, no una limitación del módulo; deja activada la reproducción automática y la música empezará en cuanto haya interacción.

¿Puedo mostrarlo solo en la página de inicio?

Sí. Pon index en el campo Páginas permitidas — o cualquier lista de controladores separada por comas. Déjalo vacío para mostrarlo en todas las páginas.

¿Puedo cambiar su aspecto?

Sí — la posición, el ancho, el juego de iconos, el número de barras de volumen y los colores del skin son ajustes, aplicados mediante variables CSS para que no haya que editar nada de tu plantilla.