Radio para blogger o web
Desde el minuto 8:45
Radio en un reproductor HTML5
La gran ventaja de este reproductor es que servirá si los visitantes de
nuestra página acceden a ella a través de dispositivos móviles
(smartphones/tablets) usando los navegadores Firefox o Chrome, si se
hace desde una PC lo pueden hacer a través de cualquier navegador. Su
código es muy sencillo, solo deben agregar la url de la ip de la radio y
listo. El código se debe agregar en modo HTML o en un gadget
HTML-Javascript. Si no quieren que la reproducción inicie
automáticamente retiren la palabra "autoplay" de la primera línea del
código.
------------------------------------
<audio autoplay controls>
<source src="URL de la IP de la RADIO/;stream.nsv" type="audio/mpeg"></source>
Tu navegador no soporta audio en HTML5. Por favor usa Firefox o CHROME.
</audio>
------------------------------------
Por favor revisen luego de agregar la URL de la IP de la radio que no
falte o sobre un caracter, por ejemplo que queden dos barras inclinadas
al final de la URL de la ip, o falten o sobren unas comillas.
Ahora, para obtener la URL de una emisora conozco la siguiente forma, ingresa a esta página mundoXAT.com selecciona un género, y luego haz clic sobre el botón "Obtener IP",
ahora, notarás que cada URL termina con un número antecedido con dos
puntos, ese último número que sigue a los dos puntos es el puerto, en dado caso que quieras usar un reproductor personalizado que use Flash y necesites el puerto y la URL.
Radio a través de MP3 Player
La forma más fácil de colocar una radio en tu página, MP3 Player
es un reproductor que puedes configurar en varios aspectos, qué botones
mostrar, qué colores, y qué funciones agregar. Los pasos para poner
este reproductor en tu página son muy sencillos, 1º coloca el código que
está más abajo ya sea en un Gadget HTML o en una entrada en modo HTML;
para el Gadget la ruta sería: Diseño / Añadir un gadget / y seleccionas HTML-Javascript y 2º agrega la URL de la estación de Radio que quieras compartir, agregándole al final la extensión « /;stream.nsv »
para que el código reconozca la URL como Stream; más adelante te
muestro donde y cómo conseguir la URL de una Radio en la internet.
Código del Reproductor de la Radio
<object type="application/x-shockwave-flash"
data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf"
width="200" height="20"> <param name="movie"
value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
<param name="bgcolor" value="#000000" />
<param name="FlashVars" value="mp3=URL de tu estación de Radio/;stream.nsv&showstop=1&showvolume=1&volumewidth=50&volume=150&bgcolor1=191787&bgcolor2=000000" />
</object>
Si quieres que inicie automáticamente al ingresar a la página agrega: &autoplay=1 después de &volume=150
Si quieres cambiar el color de los botones agrega: &buttoncolor=ff3805 después de los otros colores.
Si quieres cambiar el color de los botones que se muestra cuando se coloca el mouse sobre ellos, agrega:
&buttonovercolor=56ff3d después de los otros colores.
"bgcolor" value="#000000" Define el color HTML del fondo del Reproductor (Esquinas más que todo).
&volume=150 Define el nivel de volumen. Cero lo más bajo - 200 lo más alto.
&bgcolor1=191787 Define el color HTML desde la parte media del reproductor hacia arriba.
&bgcolor2=000000 Define el color HTML desde la parte media del reproductor hacia abajo.
Si quieres puedes visitar su página principal MP3 Player y editar aún más el código del reproductor, te muestro a continuación una imagen para que te guíes más rápido.
Radio a través de Dewplayer
Una muy buena opción, permite elegir si la radio inicia automáticamente
o no al ingresar a la página, solo debes subir el archivo .swf de su
reproductor a un servidor en la nube, te recomiendo hacerlo a través de DRIVE (Leer en el tema la parte del enlace público). Dropbox ya no permite crear enlaces públicos en las cuentas nuevas.
Los pasos son muy sencillos, 1º subes el
archivo dewplayer-vol.swf a DRIVE para tener su URL o link pública, 2º
coloca el código que está más abajo ya sea en un Gadget HTML o en una
entrada en modo HTML; para el Gadget la ruta sería: Diseño / Añadir un gadget / y seleccionas HTML-Javascript y 3º agrega la URL de la estación de Radio que quieras compartir, agregándole al final la extensión « /;stream.nsv » para que el código reconozca la URL como Stream, y también coloca la url pública del archivo .swf.
Descargar Archivo dewplayer-vol.swf
Código del Reproductor de la Radio
<object type="application/x-shockwave-flash" data="URL del archivo dewplayer-vol.swf" width="240" height="20" id="dewplayer-vol"> <param name="movie" value="URL del archivo dewplayer-vol.swf" />
<param name="flashvars" value="mp3=URL de tu estación de Radio/;stream.nsv" />
<param name="wmode" value="transparent" />
</object>
Si quieres que la Radio inicie automáticamente al ingresar a la página agrega lo siguiente al final del link/URL de la Radio « &autostart=1 » si también quieres ajustar el volumen agrega lo siguiente « &volume=50 » siendo 0 lo más bajo y 100 lo más alto.
Un ejemplo del código con autostart y volume.
<object type="application/x-shockwave-flash" data="URL del archivo dewplayer-vol.swf" width="240" height="20" id="dewplayer-vol"> <param name="movie" value="URL del archivo dewplayer-vol.swf" />
<param name="flashvars" value="mp3=URL de tu estación de Radio/;stream.nsv&autostart=1&volume=50" />
<param name="wmode" value="transparent" />
</object>
Desde la página de Dewplayer también
puedes descargar el archivo.swf, la diferencia es que en el zip que
ellos tienen disponible para la descarga vienen muchos archivos y te
podrías confundir, de todas maneras la puedes visitar y ver todo lo que
ofrecen (página en inglés y francés).
Radio a través del reproductor de Microsoft
No publico un ejemplo ya que este reproductor inicia automáticamente
aunque se coloque en su código que no lo haga, eso sí, su gran ventaja
es que es muy fácil de usar. En pruebas que realicé (4-4-2012) en el
único navegador que no se visualizó fue en Opera. Para usarlo solo
debes colocar el siguiente código siguiendo los mismos pasos del
reproductor anterior.
<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
showgotobar="false" transparentatstart="true" autostart="true"
showstatusbar="true" src="URL de tu estación de Radio" type="application/x-mplayer2" height="45" width="250" bbclient="0" name="MC1"></embed>
Puedes modificar su ancho desde "width".
Radio a través de Cadenatop
Esta es una radio que ya viene lista, es decir, ya viene con cuatro
opciones musicales para que los visitantes de tu página elijan la que
quieran. Tiene en contra que inicia automáticamente, aunque en su página
principal brindan un código para que no lo haga, en las pruebas que
realicé (4-4-2012) ese código no funciona y la radio inicia de todas
maneras.
Top Latino Radio: Lo más escuchado en el mundo latino, en español e inglés.
Radio Reggae: Solo música reggae, en español y en inglés.
Top Urbano: Música urbana, hip hop y reggaeton.
Top-x: Música de los 90′s en inglés.
Para usar este reproductor solo debes colocar el siguiente código siguiendo los mismos pasos del primer reproductor.
<embed
pluginspage="http://www.adobe.com/go/getflashplayer"src="http://cadenatop.com/cadenatop_mini.swf"
width="200" height="228"
wmode="transparent"type="application/x-shockwave-flash"
allowscriptaccess="always"></embed>
