No necesitas ningún plugin para reproducir tu emisión. Cualquier navegador moderno puede hacerlo. Este código funciona en todas partes, también en WordPress dentro de un bloque HTML.
La versión más simple
<audio controls preload="none"> <source src="https://stream.centova.nl/tuemisora" type="audio/mpeg"> Tu navegador no admite audio. </audio>
Con tu propio botón
<audio id="radio" preload="none">
<source src="https://stream.centova.nl/tuemisora" type="audio/mpeg">
</audio>
<button onclick="document.getElementById('radio').play()">
Escuchar en directo
</button>A que prestar atención
- Usa siempre la dirección https, si no el navegador bloquea el reproductor
- Pon preload en none, si no la emisión empieza a cargar antes de que nadie pulse
- Los navegadores no permiten reproducción automática con sonido, siempre hace falta un clic
¿Quieres un reproductor más bonito con el título? Pídelo por ticket y te enviamos una versión más completa acorde a tu imagen.
Versión con el tema en emisión
Para mostrar también lo que suena, lo obtienes del estado de tu servidor. Este ejemplo se actualiza cada quince segundos.
<div id="nowplaying">Cargando</div>
<script>
setInterval(async () => {
try {
const r = await fetch("https://stream.centova.nl/status-json.xsl");
const d = await r.json();
document.getElementById("nowplaying").textContent =
d.icestats.source.title || "Música";
} catch (e) {}
}, 15000);
</script>Ponerlo en WordPress
- 1Abre la página o entrada en el editor de bloques.
- 2Añade un bloque y busca HTML personalizado.
- 3Pega el código.
- 4Pulsa Vista previa para comprobar que aparece el reproductor.
- 5Publica la página.
No uses un plugin de radio si solo necesitas un reproductor. El código de arriba hace lo mismo, carga más rápido y no se rompe al actualizar.