Vamos a últilizar uno de los reproductores flash más famosos y gratuitos, se llama mediaplayer flash
Primeramente nos bajamos el reproductor:
Bajar reproductor flash de radio
Descomprimimos el zip y sacamos los dos ficheros que ahi dentro de el, los cuales debe ir en el mismo directorio donde este la pagina que va a llamar al mismo, es posible cambiar el directorio alterando el código html de manera sencilla en el apartado src.
Por otro lado abrimos la página donde vamos a añadir el reproductor flash, aconsejamos que sea un popup que abra automaticamente, o una página estatica para que cuando se navegue a traves de la página no se produzcan cortes y reconexiones en el servidor.
Dentro de esta página añadimos el siguiente codigo html donde queremos que se vea el reproductor de radio:
CODIGO HTML |
| <script type="text/javascript" src="swfobject.js"></script> <div id="player" align="center"> <a href="http://www.macromedia.com/go/getflashplayer">Bajar reproductor flash</a> Para escuchar esta radio. </div> <script type="text/javascript"> var so = new SWFObject('mediaplayer.swf', 'streambaby', '230', '20', '7'); so.addVariable('type', 'mp3'); so.addVariable('file', 'http://radiotest.profesionalhosting.com:8008/;listen.pls'); so.addVariable('autostart','true'); so.addVariable('backcolor','0xB9A69F'); so.addVariable('frontcolor','0xFFFFFF'); so.addVariable('lightcolor','0x58473F'); so.addVariable('screencolor','0x999900'); so.write('player'); </script></font></div> |
Donde debemos personalizar, esta linea sutituyendo http://radiotest.profesionalhosting.com:8008 por la dirección del servidor de radio que os mando el equipo de ProfesionalHosting en el alta.
so.addVariable('file', 'http://radiotest.profesionalhosting.com:8008/;listen.pls');
Y ya esta instalado el reproductor de radio, ahora lo subimos y probamos.
Avanzado
======
Es posible editar entre otras cosas los colores del reproductor para ello debes cambiar estas variables:
so.addVariable('backcolor','0xB9A69F'); //Color de fondo
so.addVariable('frontcolor','0xFFFFFF'); //Color de fuente