Radio para Páginas web

Radio para Blogger o web - Charkleons.com

Puedes crear tu propia radio y hacer transmisiones en streaming de forma gratuita. Puedes subir hasta 500 canciones y dejarlas 24/7. 

Si quieres publicar una radio que te guste y conoces el enlace o url de su transmisión también la puedes publicar con el reproductor del HTML.

La radio la puedes crear desde la página ZENO RADIO, regístrate - + Create Station - y sigue las instrucciones para crear tu estación e inicias. La página tiene un canal de YouTube con tutoriales para cada servicio.

Si te interesa la parte de subir tus canciones o archivos de audio es la parte de Auto DJ, luego de crear tu estación la verás en la columna de la izquierda.

Cómo hacer una radio - Charklens.com

Cómo hacer una radio - Charklens.com

Puedes subir tus archivos de audio desde el botón que dice: «Upload Audio», es un procedimiento sencillo, eliges los archivos desde tu equipo y listo. Luego confirmas la subida y guardas (Save) o guardas y reinicias (Save and Restart Playlist) la transmisión desde los botones que están arriba de la lista. Cada vez que reinicias la lista se hace también para los oyentes.

Si quieres que la lista de archivos de audio se reproduzca aleatoriamente habilita la casilla en la parte de «Shuffle Playlist».

La lista de los enlaces o URL de la transmisión la encuentras en la parte de TOOLS / STREAM URLs, en el mismo menú que esta Auto DJ. En TOOLS también encontrarás la parte del reproductor en Media Players.

Además del reproductor de ZENO puedes crear otro desde más páginas, te comparto tres:

1. HTML5 Player

2. SHOUTCast

3. SHOUTCAST WIDGETS

También puedes vincular tu radio a páginas que publican estaciones de radio y ofrecen un reproductor, por ejemplo ONLINE RADIO BOX.





Si conoces la URL de una estación que te guste la puedes publicar en uno de los reproductores de las páginas recomendadas o con el código básico del HTML para Audio. En Blogger 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.

Radio en un reproductor HTML para Android, iOS, PC y Linux.


------------------------------------

<audio autoplay controls>
<source src="URL  de la RADIO/;stream.nsv" type="audio/mpeg"></source>
</audio>

------------------------------------

Por favor revisen luego de agregar la URL de la radio que no falte o sobre un caracter, por ejemplo que queden dos barras inclinadas al final de la URL, o falten o sobren unas comillas. Igualmente si la URL termina en .mp3 o es de ZENO Radio no es necesario agregar la parte de /;stream.nsv.

Para obtener la url de una emisora de radio deben ir a su página web, buscar su reproductor, y luego usando Chrome hacer clic derecho sobre él -a un lado del botón de play o pausa-, elegir Inspeccionar, y esto hará que salga una parte donde se visualizan los códigos que usa el reproductor -esto necesita práctica-. Les muestro un ejemplo con una página recomendada para obtener las url de las emisoras de radio. Cuando vayan a la página elijan el género musical que buscan para ver las emisoras.

Primero clic sobre popup para hacer salir el reproductor que trabaja con HTML.


Clic derecho al lado de la barra cómo se muestra en la imagen.


Clic sobre el triángulo que sale en la barra resaltada con azul,
hasta que salga la línea del jquery_jplayer_1



Abren la línea del jquery_jplayer_1 y ahí deberían visualizar la url.


Ahora solo deben hacer doble clic sobre la url para que quede seleccionada y la puedan copiar fácilmente.



El código quedaría para este ejemplo así (pueden notar que la url termina en stream pero aún así se le agrega la terminación en verde del tutorial):
------------------------------------

<audio autoplay controls>
<source src="http://uk6.internet-radio.com:8213/;stream/;stream.nsv" type="audio/mpeg"></source>
</audio>

------------------------------------

Todas las emisoras de Radio Online de Charkleons.com usan este código HTML.

Espero que esta información les sea muy útil.

Gracias.

10 comentarios:

  1. Buen día, muchas gracias por compartir este código, me funciona perfecto.
    Como hacer para que cuando entras a algún artículo del blog, no se detenga la reproducción del widget?.
    Desde ya muchas gracias por tu aporte y saludos u

    ResponderEliminar
    Respuestas
    1. Hola, gracias por tu comentario. Antes se podía hacer fácilmente con un widget popup, se hacia una mini página web que se guardaba en drive de google y se hacia salir la radio en una ventana emergente que se mantenía abierta aunque cambiáramos de página o pestaña, pero drive quitó la reproducción automática de ese tipo de archivos y ya no se puede a menos que uno tenga un host o servicio de hosting. Yo ya no tengo el tema para la ventana popup pero de pronto esté disponible en google, puedes buscar como «ventana popup blogger» y si encuentras uno que funcione solo tendrías que colocar el código del widget de la radio dentro de él. Disculpa que no te pueda colaborar de una mejor manera. Saludos.

      Eliminar
    2. Hola, ya hay una página que permite hacer un reproductor HTML5en una ventana PopUp » https://www.usastreams.com/blog-tecnologia/1059/html5-player-gratis/ Si tienes la url de la estación puedes crear el popup desde esta pa´gian en la parte de «CrearPopUp» deja Sí. Saludos.

      Eliminar
  2. Hola, usted podría decirme cómo podría dejar esta radio con posición fija en la parte superior de la página de mi sitio web? Utilizando el tipo "type" por ejemplo.
    Me gustaría saber también si hay otros "designs" para la radio, esto que usted puso no tiene como mecher en el volumen.
    gracias

    ResponderEliminar
    Respuestas
    1. Hola, actualicé el tema y ahora hay una parte en la que recomiendo tres páginas para hacer un reproductor HTML5 que te puede servir para lo que necesitas, hay muchos diseños. Saludos.

      Eliminar
  3. Hola, gracias por comentar. LO puedes dejar en cualquier lugar a través de un gadget HTML-Javascript desde la parte de diseño del Blog. No hay más diseños. Puedes encontrar varios diseños pero basados en swf flash pero estos reproductores no funcionan o no se visualizan en los dispositivos móviles. Hay diferentes diseños con varias funciones pero toca pagar por ellos, es decir, reproductores «Responsive». Aunque encontré una página que comparte varios estilos y facilita los códigos, pero no sería algo fácil usarlos, te comparto la página de todas maneras https://freefrontend.com/css-music-players/ Disculpa que no te pueda colaborar de una mejor manera. Saludos.

    ResponderEliminar
  4. Respuestas
    1. De nada, con el mayor de los gustos. Gracias a ti por el comentario. Saludos.

      Eliminar
  5. Genial mil gracias y ya la usé en mi web https://www.escucharradiosonline.com/

    ResponderEliminar
    Respuestas
    1. De nada, con el mayor de los gustos. Gracias por el comentario. Saludos.

      Eliminar

Gracias por comentar.