El reproductor de sonido¶
El componente Sound Player le permite integrar un archivo de audio en su sitio WebAcappella, ofreciendo a los visitantes la posibilidad de escuchar el sonido directamente desde su navegador.
Presentación de los componentes¶
El reproductor de sonido es un componente que reproduce archivos de audio MP3, garantizando la compatibilidad con la mayoría de los navegadores modernos (Chrome, Firefox, Edge, Safari, etc.).
Muestra un reproductor con los controles habituales: - Reproducción/Pausa - Barra de progreso - Control de volumen
El reproductor se adapta a distintos soportes (ordenador, tableta, móvil) para garantizar una escucha óptima.
Añadir el componente¶
Para añadir un reproductor de sonido a su sitio :
Abra su proyecto WebAcappella.
Vaya a la página en la que desea insertar el audio.
Haga clic en Añadir un componente y seleccione Reproductor de sonido.
Descarga un archivo MP3 o especifica un enlace a una fuente de audio externa.
Coloque el reproductor donde desee en la página.
Configuración y personalización¶
Una vez añadido el jugador, hay varias opciones disponibles:
Fuente de audio: Añade un archivo MP3 o introduce una URL externa.
Visualización del reproductor: Modificar el ancho del reproductor para adaptarlo al diseño del sitio.
Autoplay : - ⚠ Precaución: La reproducción automática está bloqueada por defecto en muchos navegadores para evitar molestias a los usuarios. - Para evitar esta restricción, recomendamos mostrar un botón explícito que pida al usuario iniciar la reproducción.
Reproducción en bucle: Permite reproducir el archivo de forma continua.
Compatibilidad y recomendaciones¶
Se recomienda el formato MP3 : El formato MP3 es universalmente compatible con todos los navegadores modernos.
Evita la reproducción automática: Los navegadores suelen bloquear la reproducción automática. Es mejor ofrecer un botón claro de «Escuchar».
Tamaño de los archivos: Optimiza el tamaño de los archivos MP3 para mejorar el tiempo de carga de las páginas.
Compatibilidad móvil: Pruebe su reproductor en diferentes dispositivos para comprobar su usabilidad.
Buenas prácticas¶
Añade una breve descripción del audio para informar al usuario del contenido que va a escuchar.
Comprueba que el audio no se inicia inesperadamente en tu móvil.
Ofrezca una alternativa en caso de incompatibilidad (por ejemplo, un enlace para descargar el archivo MP3).
Solución de problemas¶
Si el reproductor no funciona correctamente :
Asegúrate de que el archivo MP3 está descargado y accesible.
Comprueba que el archivo de audio no esté dañado.
Pruebe con otro navegador para comprobar la incompatibilidad.
Siguiendo estas recomendaciones, podrá garantizar una integración óptima del audio en su sitio WebAcappella.