Sistema de Soporte » Manuales y Preguntas Frecuentes ( FAQ ) » Añadir reproductor de radio flash en mi web
 Buscar
Realice consulta a hostineitor
 Opciones de Articulo
 Login [Recuperar contraseña] 
Email:
Contraseña:
Recordarme:
 
 Añadir reproductor de radio flash en mi web
Respuesta En esta ocasión vamos a explicar como integrar en nuestra web un reproductor flash de radio compatible con nuestro servidor de radio shoutcast, de esta manera tu visitante no necesita tener instalado ningun programa para escuchar en directo la emisión de tu radio.

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


Detalles del Articulo
Código del Articulo: 293
Fecha de Creación: 04 Jun 2008 03:24 PM

 Esta respuesta me fue util  Esta respuesta no me fue util

 Volver