Inserta el reproductor de Listen2MyRadio en cualquier página

Si alguna vez has pensado en transmitir a través de Internet y has consultado con Don Google sobre como hacerlo, seguro que has escuchado sobre Listen2MyRadio, una web que permite transmitir por medio de Winamp y un plug-in de este de forma totalmente gratuita, y hasta ahí, todo perfecto, pero el problema es la enorme cantidad de publicidad que inserta en la página de nuestra radio, además de la poca personalización que nos ofrece el servicio.

Esto a lo mejor no es muy molesto si tenemos poca audiencia (o ninguna), pero empieza a notarse al aumentar la cantidad de nuestros oyentes, ya que la publicidad de la misma es muy molesta, ocupa mucho espacio y lo mas que podemos colocar como logo, es una imagen al principio de la página, y como descripción, indicaciones u otros, solamente unas cuantas palabras alado de el reproductor.

Si eres un diseñador web, posiblemente has intentado mover el reproductor a tu propia página, o colocar un iframe con la página, pero al intentarlo, el reproductor no se sintoniza correctamente y el iframe nos redirecciona a la página de Listen2MyRadio.

"Extraer" el id de nuestro reproductor de radio

La solución a este problema, es "extraer" directamente el flash de donde Listen2MyRadio lo tiene alojado, y pasarlo a nuestra página, colocándola en cualquier lugar con cualquier tipo de personalización, he incluso, colocar el cuadro con el nombre de las canciones y el artista, también en nuestra web.

Para esto, primero empezamos a transmitir en nuestra radio, y entramos a la página que nos designo Listen2MyRadio, algo mas o menos así:

http://elnombredeturadio.listen2myradio.com/

Y una vez que se ha cargado toda, vamos a la barra de menús de Firefox (obviamente usas Firefox ¿no?) y abrimos el menú "ver", después en el menú desplegable que nos aparece, elegimos "Código fuente de la página"

 Una vez abierto el código fuente, buscamos algo parecido a "media/playradio123456.asx", y digo que algo parecido por que cada radio tiene un numero diferente. Este trozo de código se encuentra mas o menos entre esto:

Ese pedazo de código, lo juntaremos junto con el enlace de nuestra radio, de forma que quede mas o menos así:

http://nombredeturadio.listen2myradio.com/media/playradio123456.asx

Este enlace, lo colocaremos en la siguiente tira de código:


<object id='mediaplayer' classid='clsid:6bf52a52-394a-11d3-b153-00c04f79faa6' type='application/x-oleobject' width='336' height='60'> <param name='url' value='http://nombredeturadio.listen2myradio.com/media/playradio123456.asx' /> <param name='autostart' value='1' /> <param name='showcontrols' value='1' /> <param name='stretchtofit' value='0' /> <param name='enablecontextmenu' value='0' /> <param name='ShowStatusBar' value='1'> <embed src='http://nombredeturadio.listen2myradio.com/media/playradio123456.asx' width='336' height='65' autostart='1' type='application/x-mplayer2' pluginspage='http://www.microsoft.com/Windows/MediaPlayer/' transparentatstart='0' animationatstart='0' showcontrols='1' autosize='0' displaysize='0' showtracker='0'  ShowStatusBar='1'></embed> </object>


Este código, ya con tu enlace en el, lo insertaremos en nuestra página web en donde queramos ver el reproductor ya activo.

Insertar la Barra de Información de Listen2MyRadio en nuestra página

Para insertar la barra de información en nuestra página (podría ser arriba o abajo del reproductor), buscaremos en la misma página de código fuente que abrimos en los pasos anteriores, algo parecido a las siguientes lineas de código:



<iframe name="Frame - Barra de datos" id="InlineFrame1" style="position:absolute;left:173px;top:301px;width:612px;height:43px;z-index:4;" src="http://68.168.98.123/chat/fr1.php?bb=68.168.98.123&a=9984&ip1=201.114.01.01&ip2=&ip3=&b=0&radioid=123456" frameborder="0">Su navegador no soporta marcos incrustados o está configurado para no mostrarlos.</iframe>

Algo que se vería mas o menos así:

(Obviamente, el código varía ligeramente de radio en radio)


El enlace ese que sale resaltado, es el que deberemos insertar en el código, el enlace es algo mas o menos así:




http://68.168.98.123/chat/fr1.php?bb=68.168.98.123&a=9984&ip1=201.114.01.01&ip2=&ip3=&b=0&radioid=123456



Y deberás insertarlo en el código, de la siguiente forma:

<iframe name="Frame - Barra de datos" id="InlineFrame1" style="position:absolute;left:173px;top:301px;width:612px;height:43px;z-index:4;" src="http://68.168.98.123/chat/fr1.php?bb=68.168.98.123&a=9984&ip1=201.114.01.01&ip2=&ip3=&b=0&radioid=123456" frameborder="0">Su navegador no soporta marcos incrustados o está configurado para no mostrarlos.</iframe>

Con este código, podrás insertar la barra de información donde quieras.


Espero les sea de utilidad a aquellos que transmiten su radio a través de Listen2MyRadio.


¿Dudas? ¿Comentarios? Comenta!!!