Empezamos con un simple reproductor html5.
Aquí aprenderemos a configurar un reproductor en nuestra página web, de igual manera para que se pueda escuchar en celulares.
PONER REPRODUCTOR HTML5 EN NUESTRO SITIO WEB
Necesitamos los siguientes datos de su servicio.
Ejemplo.:
IP: 163.172.8.18 o emiteradio.com
PUERTO: 8072
CONTRASEÑA: 133546ddi23w(?-+)
Será mucho más fácil si ya tienes conocimientos básicos para utilizar html.
Elegimos el lugar en nuestro sitio web donde poner el reproductor, de la siguiente forma:
REPRODUCTOR ICECAST
<audio id="stream" controls preload="none" autoplay="on" style="width: 320px;">
<source src="https://emiteradio.com:PUERTO/stream" type="audio/mpeg">
</audio>Width: elije el tamaño que desea que sea su reproductor.
Ip: el ip de nuestro servidor.
Puerto: El puerto que se designo, Ejemplo: 8001
Usted cambie el puerto que le designaron.
Entonces vemos que aparece de la siguiente forma:
De igual forma:
REPRODUCTOR SHOUTCAST PARA HTML5:
<audio id="stream" controls preload="none" autoplay="true" style="width: 320px;">
<source src="http://163.172.8.18:PUERTO/;" type="audio/mpeg">
</audio>Cambié el puerto y coloque el IP que le designaron
Es mejor colorar una dirección de radio con protocolo ssl para que no tengas problemas, si tu sitio web utiliza https
