No necesitas ningun plugin para reproducir tu emision. Cualquier navegador moderno puede hacerlo. Este codigo funciona en todas partes, tambien en WordPress dentro de un bloque HTML.
La version mas simple
<audio controls preload="none"> <source src="https://stream.centova.nl/tuemisora" type="audio/mpeg"> Tu navegador no admite audio. </audio>
Con tu propio boton
<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 atencion
- Usa siempre la direccion https, si no el navegador bloquea el reproductor
- Pon preload en none, si no la emision empieza a cargar antes de que nadie pulse
- Los navegadores no permiten reproduccion automatica con sonido, siempre hace falta un clic
Quieres un reproductor mas bonito con el titulo? Pidelo por ticket y te enviamos una version mas completa acorde a tu imagen.
Version con el tema en emision
Para mostrar tambien 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 || "Musica";
} catch (e) {}
}, 15000);
</script>Ponerlo en WordPress
- 1Abre la pagina o entrada en el editor de bloques.
- 2Anade un bloque y busca HTML personalizado.
- 3Pega el codigo.
- 4Pulsa Vista previa para comprobar que aparece el reproductor.
- 5Publica la pagina.
No uses un plugin de radio si solo necesitas un reproductor. El codigo de arriba hace lo mismo, carga mas rapido y no se rompe al actualizar.