RadioGarden: Música del mundo a traves de un mapa

 

Cuando uno navega por Internet, encuentra cosas que da para que hablar: desde sitios web que venden cualquier producto, sitios para compartir intereses en general: fotografias, archivos de audio, foros entre muchos otras cosas mas.

Pues bien, un dia, navegando por la internet, me encontre con un proyecto algo mas que interesante. Me refiero a Radio Garden, que es una guia de emisoras a nivel mundial.

Pero puede que se pregunte: Pues guias de radio hay por montones, asi que ¿que la hace diferente a las demas guias de radio? Pues bien estimado lector: la forma en que muestra donde estan ubicadas las diferentes emisoras.

Y es que cuando ingresas por primera vez a Radio Garden, se encontrara con el mapa del globo terraqueo, con miles de puntos verdes. De forma automatica, Radio Garden hace la geolocalizacion del sitio donde esta usted y muestra las emisoras de radio cercanas a su sitio de residencia.

Emisoras listadas en Radio Garden (puntos verdes)

Emisoras listadas en Radio Garden (puntos verdes)

Claro esta, que puedes navegar a traves del mapa y buscar emisoras de otras ciudades de tu pais o de otros paises inclusive.
 
Ademas de mostrar el mapa con las emisoras afiliadas a Radio Garden, podemos encontrar al lado inferior izquierdo un menu con los siguientes items:
  1. El nombre de la ciudad y el pais en la que esta la radio emisora que estas escuchando en ese momento.
  2. Cuatro botones que al hacer clic en cada uno de ellos, realiza una de las siguientes acciones:
  • Explorar: Permite explorar dentro de las emisoras de la ciudad en la que estas escuchando la emisora actual, ademas de las emisoras populares de la ciudad elegida, y una lista con las ciudades con mas emisoras.
  • Favoritos: Muestra las emisoras favoritas que hemos agregado al hacer clic en el boton Favorito del nombre de la emisora.
  • Navegar: Al hacer click en esa opcion, nos abre una seccion en donde podemos navegar por listas de reproduccion y explorar emisoras 
  • Buscar: Haciendo clic en ese boton, podemos buscar bien sea el nombre de la ciudad de la que queremos oir la radioemisora o directamente el nombre de la radioemisora.
  • Al hacer clic en el Boton Ajustes, nos mostrara informacion sobre el comienzo de la emisora, quienes fueron los que la crearon y lo mas interesante, la tecnologia detras de Radio Garden, que si, usa librerias y tecnologias libres.
  • Por ultimo podemos ver un reproductor que muestra el nombre de la emisora y la ciudad y pais de la misma, ademas de los botones: Ir a emisora anterior, Reproducir/Pausar reproduccion, Ir a emisora siguiente, Control de volumen, y Agregar a favoritos. Al hacer clic en los tres puntos, aparece un Cuadro de dialogo en donde podemos Compartir la emisora seleccionada con otras personas a traves de redes sociales o correo electronico, y ademas visitar el sitio web de la emisora.
Panel de control Radio Garden

Sobre las tecnologias usadas en Radio Garden

Es de notar que Radio Garden usa tecnologias de software libre y Open Source, tales como librerias JS que se usan para crear la interfaz grafica y tambien, para la conexion del sitio web, con la trasmision de streaming de las emisoras listadas en Radio Garden. A continuacion, listaremos las librerias y API Open Source que usan:

  • MapLibre: Segun los creadores de esta libreria "La Organización MapLibre desarrolla bibliotecas y herramientas gratuitas y de código abierto para el mapeo que permiten a otros crear aplicaciones y servicios." Este servicio se usa ppara el mapeo
  • MapTiler: Es una plataforma y conjunto de herramientas para crear, alojar y distribuir mapas personalizados basados en datos raster y vectoriales. Usa librerias y tecnologias libres con GeoJSON, MBTiles, GeoTIFF, entre otras.
  • Who's On First: es un proyecto de datos geográficos de código abierto creado por Meta (antes Facebook) que proporciona nombres, identificadores y geometrías de lugares en todo el mundo para uso en geocodificación y búsqueda de lugares. Usa librerias libres como JSON/GeoJSON.
  • Dito.js: es un marco web declarativo y moderno con un enfoque en el desarrollo impulsado por API, basado en Objection.js, Koa.js y Vue.js.
Pues bien amigos, asi hemos concluido este articulo, donde hemos visto un proyecto interesante, ademas, de que mostramos las tecnologias detras de Radio Garden.
 
Si lo deseas, puedes compartir este articulo, para que el conocimiento se propague a todos. 


Comentarios

Entradas populares