Radio para blogger o web

Radio para Blogger o web - Charkleons.com

La gran ventaja de este reproductor es que sirve cuando los visitantes acceden a la página a través de dispositivos móviles Android e iOS, si se hace desde una PC/Mac/Linux funciona con cualquier navegador. Su código es muy sencillo, solo deben agregar la url 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.

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 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.

8 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, 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
  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.

Charkleons.com