🔒
Hay nuevos artículos disponibles. Pincha para refrescar la página.
AnteayerSalida Principal

Yarr tu aplicación de feeds RSS de escritorio o para servidor

29 Septiembre 2025 at 11:49
Por: victorhck

Yarr (Yet another rss reader) es un agregador de feeds en el navegador que se puede utilizar tanto como una aplicación de escritorio como en un servidor personal autoalojado

captura de pantalla del lector de feeds Yarr mostrando la interfaz en los tres tonos que se pueden configurar: claro, sepia y oscuro
La interfaz de Yarr en los tres tonos que se pueden configurar: claro, sepia u oscuro

Sigo utilizando a diario un lector de feeds para seguir las novedades de las webs que me interesan. Desde hace tiempo utilizo Commafeed, en su instancia propia que me permite leer mis feeds desde cualquier parte.

Y por esos vericuetos (¿no es bonita esa palabra?) de internet me he encontrado con otro lector de rss llamado Yarr publicado bajo una licencia MIT. que puedes utilizar como aplicación local, o puedes también autohospedarla en tu servidor.

Yarr es una aplicación para seguir los feeds de tus sitios preferidos. Utiliza el navegador para mostrarte su interfaz limpia y clara y desde la cual leer los artículos que las webs que sigues publican. Veamos la interfaz más en detalle.

Yarr es multiplataforma y está disponible también para GNU/Linux. La aplicación se instala con un simple binario que utiliza una base de datos en SQLite para mantener los datos de toda la interfaz.

Para descargar vamos a su repositorio de GitHub y descargamos la opción que deseemos. En mi caso la disponible para Linux, que contiene en el nombre: yarr_linux_amd64.zip

Descargado el archivo .zip lo descomprimimos y tendremos un ejecutable llamado yarr. Movemos ese archivo a nuestro $PATH, por ejemplo: ~/.local/bin para que podamos ejecutarlo desde cualquier ubicación.

Si queremos también podremos ejecutar este script, para que nos cree un icono y muchas otras cosas. En mi caso no lo he hecho y me he saltado esta parte.

Ahora desde la terminal simplemente ejecutamos yarr y empezará a ejecutar la aplicación. Si queremos abrirla en nuestro navegador, deberemos acceder a nuestro equipo en el puerto 7070 que es el utilizado de manera predeterminada: http://127.0.0.1:7070

También podemos ejecutar yarr -open y eso abrirá la pestala del navegador con yarr directamente.

Desde el navegador en su interfaz ya podremos empezar a configurar los feeds que queremos leer, color de la interfaz (claro, sepia u oscuro), tiempo de refresco de los feeds y muchas otras cosas. La interfaz es sencilla y muy clara.

También podemos importar un archivo .opml de feeds que tengamos ya preparado con todos los feeds y carpetas que queremos para no tener que estar añadiendo a mano uno a uno todos los feeds que queremos.

La interfaz se va llenando con los feeds y podemos ir leyéndolos a golpe de ratón o con atajos de teclado que se inspiran en los movimientos de Vim: hjkl. Podremos destacar alguno con una estrella si nos interesa, marcarlos como leídos, etc.

Algo que no me gusta es que no muestra un número al lado de la carpeta de feeds de los artículos sin leer de cada fuente. Solo en la pestaña del navegador nos muestra los feeds totales sin leer.

Yarr en un servidor como servicio remoto

Pero no solo podemos utilizarlo como aplicación en nuestro propio equipo. Si lo instalamos en un servidor propio podremos hacer que podamos acceder a ese servicio desde cualquier parte de internet.

En mi caso lo he instalado en un viejo portátil ejecutando la aplicación de la siguiente manera: yarr -addr 192.168.1.42:7070 (192.168.1.42 sería la IP local del equipo donde lo ejecutamos, en tu caso tendrías que poner la IP local que utilice tu equipo) y con eso desde otro equipo dentro de mi red he podido acceder al Yarr ejecutándose en el portátil.

Y si utilizamos un servicio de DNS dinámica y en nuestro router redireccionamos el puerto, podremos acceder desde cualquier ubicación a Yarr.

También permite configurar nuestro certificado de seguridad y así en vez de acceder mediante http, lo hagamos de manera más segura mediante https.

Puedes echar un vistazo a más opciones mediante yarr -h

A la hora de escribir este artículo está en la versión 2.5 y recibe actualizaciones en su repositorio. Cuando haya una nueva versión deberás descargar el nuevo ejecutable y sustituir el actual con el nuevo y debería seguir funcionando, pero incluyendo las nuevas funcionalidades y correcciones.

¿Sigues utilizando feeds? ¿Te animas a probar este nuevo software? Puedes añadir como prueba mi blog: https://victorhckinthefreeworld.com/feed/

Enlaces de interés

Imagen de una persona que parece que grita diciendo: usa rss. Y el texto: sigue tus fuentes. Todo en tonos naranjas con el logotipo de RSS.

victorhck

captura de pantalla del lector de feeds Yarr mostrando la interfaz en los tres tonos que se pueden configurar: claro, sepia y oscuro

Imagen de una persona que parece que grita diciendo: usa rss. Y el texto: sigue tus fuentes. Todo en tonos naranjas con el logotipo de RSS.

Reproducir vídeos o música desde un equipo remoto en otro de tu red local usando SSH

15 Septiembre 2025 at 11:42
Por: victorhck

Usando SSH podrás reproducir en tu equipo películas, vídeos o música que tengas almacenadas en otro equipo remoto de tu red local

Se ven dos portátiles abiertos uno frente a otro y unas líneas etéreas que los conectan y en medio la palabra WIFI en un rectángulo blanco y negro.

Un tutorial rápido de cómo reproducir en nuestro equipo contenido multimedia que tengamos almacenado en un equipo remoto dentro de nuestra red local.

Imaginemos que tenemos un equipo (portátil, PC, miniPC, Raspberry) con un montón de archivos multimedia, música y canciones y queremos reproducirlas desde otro equipo en la misma red wifi.

No necesitamos copiarlas en nuestro equipo para después reproducirlas. Podremos reproducirlas de manera local fácilmente desde la línea de comandos utilizando el protocolo de comunicación SSH y sftp para transferir archivos de manera segura y rápida entre los dos equipos.

Ya hace un tiempo hice un artículo sobre cómo hacerlo con el reproductor VLC:

Básicamente es algo parecido, pero esta vez utilizaremos mpv, o ffplay desde la línea de comandos.

  • Tenemos un equipo que es el que tiene los archivos multimedia almacenados y tiene la IP local 192.168.1.42
  • Tenemos nuestro portátil que utilizamos habitualmente y en el que queremos reproducir el contenido remoto (en el que tendremos instalado mpv)

En nuestro portátil en una terminal escribimos lo siguiente (cambiando el nombre de usuario, y ruta por la que tu quieras):

mpv sftp://192.168.1.42:/home/victorhck/Videos/Nirvana_unplugged.mp4

Y se reproducirá en nuestro equipo el contenido remoto. Igual que reproducimos un vídeo, podemos reproducir música y de igual manera que utilizamos mpv podemos utilizar ffplay por ejemplo.

Y como extra a este tutorial, si utilizamos Plasma y queremos mostrar una imagen que está en el equipo remoto, podemos utilizar el visor de imágenes para ver la que queramos:

gwenview sftp://192.168.1.42:/home/victorhck/Imágenes/Tux.png

¿Y por qué no editar un archivo remoto con el editor Kate? Para ello ejecutamos:

kate sftp://192.168.1.42:/home/victorhck/Documentos/vim_tips.txt

Aquí ya puedes dejar volar tu imaginación pensando en otros usos que le puedas dar y otras pruebas que hacer.

Y no se tiene que limitar a tu red local, puedes hacerlo desde un servidor remoto si tienes es opción y tienes acceso, porque también puedes especificar un usuario y contraseña y especificar un puerto distinto para acceder:

mpv "sftp://usuario_remoto:contraseña@192.168.1.123:13383:/home/usuario_remoto/Películas/La_Vida_de_Brian.mkv"

Muy sencillo ¿verdad? Espero que te resulte útil a ti y a mi yo del futuro que seguramente vuelva a echar mano de este artículo porque no me acordaré de cómo había que hacerlo.

Enlaces de interés

victorhck

Se ven dos portátiles abiertos uno frente a otro y unas líneas etéreas que los conectan y en medio la palabra WIFI en un rectángulo blanco y negro.

Cómo hacer que Thunderbird muestre el diálogo de archivos de Plasma de KDE

1 Septiembre 2025 at 20:40
Por: victorhck

Thunderbird en el escritorio Plasma de KDE usa el diálogo de archivos GNOME a la hora de añadir un adjunto o guardar un archivo. Veamos cómo modificar eso.

Logotipo de Thunderbird. Un pájaro de color azul enroscado alrededor de un sobre de correos y el nombre de la aplicación

Desde hace años utilizo el cliente de correo Thunderbird en mi openSUSE Tumbleweed con escritorio Plasma de la comunidad KDE.

Y algo que me molestaba, aunque no era un impedimento, es que al querer añadir un archivo o guardar algo en mi equipo desde Thunderbird, se mostraba el diálogo de archivos de GNOME y no el nativo del escritorio Plasma de KDE.

Buscando ví la sencilla solución a este pequeño contratiempo. Así que veamos de qué manera más sencilla podemos cambiar este comportamiento.

Tendremos que cambiar un valor en el editor de configuración del propio Thunderbird, para eso:

  1. Pinchamos en el menú de hamburgesa de la parte superior derecha de Thunderbird (≡)
  2. Seleccionamos la opción de Ajustes
  3. En la parte izquierda seleccionamos la sección General
  4. Y en esa sección, en la parte derecha nos desplazamos hasta el botón de Editor de configuración
  5. En la nueva pantalla, en la parte superior buscamos la opción widget.use-xdg-desktop-portal.file-picker
  6. En mi caso valía 2, y lo cambié por un 1 y ya estaría.
  7. Ahora al querer subir un archivo o descargarlo desde un adjunto de un correo, me muestra el gestor de archivos propio de Plasma de KDE por lo que Thunderbird queda más integrado con mi entorno de escritorio.

Enlaces de interés

victorhck

Logotipo de Thunderbird. Un pájaro de color azul enroscado alrededor de un sobre de correos y el nombre de la aplicación

openSUSE migration tool. Migra tu #openSUSE con esta herramienta para la terminal

14 Agosto 2025 at 13:27
Por: victorhck

Una herramienta para la línea de comandos que simplifica las actualizaciones y migraciones en las distribuciones de openSUSE, incluidas Leap, Tumbleweed, Slowroll e incluso migraciones de Leap a SUSE Linux Enterprise (SLE)

Ilustración de un camaleón con cara de contento escuchando música con unos auriculares mientras surfea

Ya he comentado alguna vez que openSUSE es más que una distribución de GNU/Linux. Además de todo el software libre que la comunidad de openSUSE crea y mantiene, es que es verdad.

openSUSE son muchas distribuciones orientadas a muchos casos de uso y a diferentes usos o gustos personales. Así, dando un somero repaso a las diferentes distribuciones que ofrece openSUSE podemos mencionar las siguientes:

  • Leap: Una distribución de GNU/Linux tradicional. De las de publicaciones anuales, que se ofrecen como versiones mayores o actualizaciones (o service pack) de esas versiones. Incluye mucho software LTS (de soporte extendido) , mantiene esas versiones hasta las actualizaciones mayores de Leap y en la que prima la estabilidad. Además está basada en su mayor parte en SUSE Linux Enterprise (SLE) lo que da una seguridad de utilizar una distribución empresarial pero hecha comunitaria.
  • Tumbleweed: La distribución Rolling Release (o de actualización contínua) de openSUSE, similar a la conocida Arch, por ejemplo. Siempre está actualizada a las versiones de software más reciente. Disfrutarás de lo último, sin temer que esas actualizaciones arruinen tu sistema. Todo está testeado antes de que llegue la actualización a tu equipo.
  • Slowroll: Una distribución a medio camino para la publicación de actualizaciones entre Leap y Tumbleweed.
  • MicroOS: Como sistema inmutable para la utilización de contenedores.
  • Y mucho más: Aeon, Kalpa, Leap Micro, Argon, Krypton…

Las opciones son muchas. Para diferentes tipos de usuarios y usos. El script que quiero compartir con vosotros es un script que sirve para:

  • Actualizar a versiones preliminares como Leap 16.0 Beta
  • Migrar entre varias distribuciones de openSUSE
  • Migración a productos SUSE Linux Enterprise
  • Modo demostración para mostrar únicamente los cambios que realizará
  • Soporte para sistemas inmutables (Leap Micro)
  • Desactivación de repositorios de terceros antes de la migración

Pero eso sí. El script automatiza las tareas y realiza acciones complejas que tienen que tener en cuenta diferentes escenarios y ser útil en todos. Este script está en fase de pruebas y aunque se ha depurado bastante su funcionamiento todavía es experimental.

Utilízalo bajo tu responsabilidad y siempre guardando antes los datos y configuraciones importantes que deseas conservar en caso de que algo falle.

Este script sirve para migrar entre las siguientes versiones de openSUSE:

  • Leap → Leap n+1, SLES, Tumbleweed, Slowroll
  • Leap Micro → Leap Micro n+1, MicroOS
  • Slowroll → Tumbleweed
  • Tumbleweed → Slowroll

Este script NO sirve para las siguientes migraciones:

  • Tumbleweed → Leap
  • Tumbleweed → MicroOS
  • No-inmutable → Inmutable

En el repositorio de GitHub tienes más información sobre el uso del script. En sistemas no inmutables (Leap, Tumbleweed o Slowroll) podrás instalar el script desde los repositorios:

sudo zypper in opensuse-migration-tool

Después echar un vistazo a lo que cambiará, pero sin hacerlo de momento:

opensuse-migration-tool --dry-run

Si te convence (y después de haber hecho una salvaguarda de tus datos y configuraciones podrás ejecutarlo para que realice la migración. Recuerda que todavía está en fase de pruebas:

sudo opensuse-migration-tool

Terminado el proceso, reinicias tu sistema y debería haberse migrado a la opción que hayas escogido y seguir disfrutando de openSUSE pero en una nueva experiencia.

Captura de pantalla de la pantalla de bienvenida de openSUSE. Con el texto Aloha, esto es openSUSE. Enlaces a diferentes páginas de openSUSE y un camaleón mirando por un catalejo en un barco pirata.

victorhck

Ilustración de un camaleón con cara de contento escuchando música con unos auriculares mientras surfea

Captura de pantalla de la pantalla de bienvenida de openSUSE. Con el texto Aloha, esto es openSUSE. Enlaces a diferentes páginas de openSUSE y un camaleón mirando por un catalejo en un barco pirata.

Video y materiales del taller virtual: pon tu radio en línea

22 Mayo 2025 at 15:33

Formación para aprender a transmitir audio por streaming.

Comenzamos el taller describiendo brevemente el funcionamiento de Internet y las diferencias entre los servidores para alojar contenido (como una página web) y los que necesitamos para transmitir por streaming. En este gráfico están resumidos los conceptos principales:

A continuación, resumimos en tres pasos lo requerimientos para operar una radio en línea: (1) instalar un software de transmisión como Butt (hay versiones para cualquier sistema operativo de escritorio) CoolMic (Android); (2) abrir una cuenta en un servicio de streaming; (3) ofrecer un link o un reproductor para que la audiencia escuche la transmisión.

Aquí está el video completo de la sesión. Recuerda que tienes todos estos pasos descritos en detalle en este artículo. Además, en nuestra web tienes una sección completa que agrupa todos los artículos sobre el tema donde comparamos software y servidores de streaming, o enseñamos el paso a paso de cómo colocar un reproductor HTML para la web que muestre las canciones que están sonando. ¡Visítala!

Ver el video en el Fediverso

Enlace

Sólo tienes que entrar a este enlace el día y hora indicados, con cualquier navegador web (Firefox, Chromium, Chrome, etc.), tanto desde la computadora como desde el celular.

https://meet.jit.si/TallerRadioEnLineaRadiosLibres

Horario

  • 08:00 Centroamérica y México.
  • 09:00 Colombia, Ecuador, Panamá y Perú.
  • 10:00 Bolivia, Chile, Cuba, República Dominicana y Venezuela.
  • 11:00 Argentina, Brasil, Paraguay y Uruguay.
  • 16:00 Europa.

Requisitos previos

Instala tu radio en línea en 5 minutos (¡y con software libre!)

1 Marzo 2025 at 18:51

Una guía rápida y resumida en 5 pasos para instalar una radio virtual para estar al aire en 5 minutos usando software libre. ¡Y todo con software libre (y gratuito)!

ATENCIÓN: Para quienes prefieran tomarse el proceso con más calma, pensando con tranquilidad en los contenidos (algo que aconsejamos si quieren tener cierto impacto) y conociendo todas las alternativas para la transmisión en línea, les recomendamos este curso virtual, libre, abierto y gratuito.

1. EQUIPOS

Para empezar con una radio online con una computadora es más que suficiente. Sobre todo si, principalmente, vas a transmitir música. Y para hablar puedes usar el micrófono integrado.

Si aspiras a producir un programa de radio, es decir, que hablen un par de personas y mezclar los diálogos con canciones es recomendable invertir en una pequeña consola o, mucho mejor, una tarjeta externa de sonido USB. En ambos casos la inversión será de entre 100 y 150 $USD; aunque insistimos, no es obligatorio. En relación precio/calidad Behringer es una buena opción. Por ejemplo, la consola Q802USB o la interfaz UMC202HD. En una categoría superior, aunque dentro de estos mismos presupuestos, podemos encontrar PreSonus AudioBox o M-Audio Air 192.

2. SERVIDOR DE STREAMING

El proceso técnico para transmitir radio en línea consiste en conectarte desde una computadora (o celular) a un servidor de streaming al que se le envía la señal de audio. Quienes quieran escucharnos se conectarán a ese servidor que les enviará el audio a través de un reproductor que coloques en tu página web o blog.

Hay muchas plataformas comerciales que ofrecen el servicio de streaming gratuito. Son empresas que intentan captar clientes regalando planes freemium para luego intentar venderles el paquete premium. Sin embargo, son una buena alternativa para comenzar.

PlataformaSoftwareCaracterísticasReproductor
Listen2MyRadioIcecast / Shoutcast5.000 oyentesUsa tu propio player / No https propia
MyRadioStreamShoutcast200 oyentes /
128 kbps
Obliga a usar su player
Caster FMIcecast400 oyentes /
128 kbps
Obliga a usar su player


De estas tres, que son las más conocidas, recomendamos la última. Caster FM tiene un reproductor propio que insertas en tu web y funciona en todos los navegadores. Explicamos estos detalles en el punto número 5.

También hay proyectos que no tienen fines comerciales y apoyan a organizaciones sociales y radios comunitarias. Puedes consultar más instituciones aliadas que ofrecen servicios web libres aquí.

Si tu emprendimiento es personal o comercial, te recomendamos cualquiera de los servicios comerciales de la primera tabla pero no estos. Estas cuentas tienen un objetivo comunitario y social, y requieren de un gran esfuerzo voluntario económico y humano para que se mantengan, por lo que es mejor que se destinen a organizaciones que realmente los necesitan. Recuerda que detrás de estas plataformas no hay empresas, sino personas que dedican su tiempo libre para que funcionen por lo que si puedes colaborar, ¡genial! Recuerda que “libre” no es sinónimo de “gratis” o “sin costo”.

Aquí tienes una comparativa más amplia sobre servicios de streaming.

PlataformaSoftwareCaracterísticasReproductor
YanapakIcecastProtocolo seguro httpsUsa tu propio player
Giss TVIcecastProtocolo seguro httpsUsa tu propio player
EsporaIcecastSin informaciónUsa tu propio player

3. SOFTWARE

Una vez que te has registrado en cualquiera de estas plataformas recibirás los datos de acceso al servidor para iniciar la transmisión: una dirección IP y un puerto; una contraseña, si es Shoutcast (software privativo); y, además, un punto de montaje y un usuario si es Icecast (software libre).

Para conectar con ese servidor de streaming y enviarle el audio necesitas un “transmisor”. En este caso, es un software que toma lo que suena en la tarjeta de sonido, lo codifica y lo envía al servidor. Recomendamos Butt, es libre, sencillo de usar, multiplataforma –tiene versiones para Windows, MacOs y GNU/Linux– y gratuito, aunque el desarrollador acepta donaciones.

Otro programa recomendable es Mixxx, un reproductor tipo DJ con el que puedes enviar directamente el streaming sin necesidad de otro software. Si quieres automatizar la programación recomendamos G-Radio (sólo disponible para GNU/Linux) que también se conecta directamente con tu servidor de streaming.Si usas la distribución libre para radios comunitarias GNU/Linux EterTICs todos estos programas ya vienen preinstalados.

Y para transmitir desde celulares Android Cool Mic. [Aquí tienes una tabla con más software con el que transmitir online].

Después de instalar cualquiera de estos programas deberás configurarlo con los datos que te ha enviado el proveedor de servicios.

4. CONFIGURAR LA TARJETA DE AUDIO Y EL SOFTWARE

Este paso dependerá mucho de los equipos y el sistema operativo que estés usando. Pero al software de transmisión deberás indicarle que señal transmitir y para eso requieren realizar algunas configuraciones en la tarjeta de sonido.

Si sólo tienes una computadora y quieres mezclar la música y la voz necesitarás configurar la tarjeta e indicarle a Butt que tome la señal del “Monitor de audio” (en Windows era “Mezcla estéreo”, quizás en las últimas versiones ha cambiado, tendrás que buscar en Internet cómo hacerlo ya que no trabajamos sistemas operativos privativos. También puedes probar con Voicemeeter, es gratis pero no libre).

Para optimizar la configuración del sonido y sacarle el máximo rendimiento en GNU/Linux puedes usar Jack, un potente motor para gestionar el audio. Nuestros compañeros de la Red de Radios Comunitarias y Software Libre Pablo López y Luis Salazar te explican en estos tutoriales “Como montar una radio tradicional y online con o sin consola en EterTICs GNU/Linux” y “Configurar JACK y realizar Streaming con Butt en GnuEterTics”.

Una vez que tenemos configurada la tarjeta de sonido, comenzamos a emitir.

5. UN REPRODUCTOR PARA QUE TE ESCUCHEN

Para que la audiencia se conecte a tu radio siempre puedes ofrecerle la URL del streaming, compuesta por la IP:puerto/punto_de_montaje. Al abrirla en cualquier navegador escucharán automáticamente la radio.

Pero siempre es más cómodo para la audiencia colocar un reproductor en la página web o blog de la radio, en el que dar play y escuchar.

Es importante saber que muchas de estas plataformas gratuitas no permiten colocar reproductores propios, sino que obligan a los oyentes a escuchar en una página propia en la que publicitan sus servicios. Otros ofrecen un reproductor propio con un código “embed” para insertar en la web. Actualmente son una buena opción porque Chrome desde la versión 80 no permite insertar reproductores con streaming que no sea seguro (bajo protocolo https://).

Para las cuentas que sí lo permiten, puedes colocar un sencillo reproductor HTML5 con el siguiente ejemplo (cambia con tu propia URL). Y en este tutorial explicamos cómo sumar el título de las canciones que están sonando.

<audio controls autoplay preload="none" src="http://XXX.XXX.XXX.XXX:XXXX/tu-punto-de-montaje"></audio>

Si tienes un blog en WordPress o quieres configurar el reproductor de otra forma aquí tienes un detallado tutorial sobre los reproductores HTML5 para radios en línea. También puedes usar Muses Audio Player.

¿Dudas y preguntas? ¡Escríbenos! O comparte tu experiencia en los comentarios.

Reproductor con estilo e imagen para una radio en línea

19 Marzo 2025 at 23:21

En la nueva pantalla pegamos el código del reproductor. Algunos proveedores de servicios te ofrecen sus propios reproductores. Si no lo tienes, de los que hemos probado (y han sido varios) los que mejor funcionan son los más sencillos HTML5. Además, funcionan en teléfonos celulares. Siempre y cuando el protocolo de tu streaming sea seguro sea seguro, es decir, comience con https://

[Recomendamos que una vez pegado el código sustituyas a mano todas las comillas (“)]

En source colocas la URL de tu streaming (la misma que usas para enviar la señal al servidor) y el type de transmisión. Si es mp3 escribes type=”audio/mpeg” si es ogg será type=”audio/ogg”. Si quieres que la radio comience a escucharse al abrise la página web deberás indicarlo con la palabra autoplay. Si lo borras tendrán que pulsar play para comenzar a escuchar.

<audio autoplay controls="controls"> <source src="https://radios.yanapak.org/radio_trama" type="audio/ogg" /> </audio> 

Si estás usando un servidor Shoutcast, tendrás que añadir un punto y coma (;) al final de la barra invertida de la URL, tal como se indica a continuación. Si tuviera “punto de montaje” como /stream o /live no hará falta el punto y coma.

<audio autoplay controls="controls"> <source src="https://185.85.29.166:8000/;" type="audio/mpeg" /> </audio> 

Si tienes nociones de CSS o diseño puedes jugar mucho más con la etiqueta de video. Meter una imagen de fondo, un marco de color. Por ejemplo, con este código quedaría algo así:

<style type="text/css">
#reproductor
{
position:absolute;
top: 50px;
left:0px;
display:block;
border: 1px solid #B40000;
background-color: #F1F1F1;
}
</style>
</br>
Síguenos en las Redes Sociales: Twitter:
<a href="https://twitter.com/RadiosLibres" target="_blank">@RadiosLibres</a>
</br>
<video id="reproductor" controls autoplay preload width="640" height="360" poster="http://radioslibres.net/wp-content/uploads/media/theme/images/RadiosLibres-Cabezal.png">
<source src="https://stream.codigosur.org:8000/kasandrxs.mp3" type="audio/mpeg">
</video>

Así se vería el reproductor:

alt_text

Tendrías que cambiar en la etiqueta video la URL del lugar donde este tu fotos, sino te saldrá el logo de radios libres:

poster="http://URL-de-tu-foto.png"

Reproductor para radio en línea con el título de la canción

23 Abril 2025 at 23:45

Desde que publicamos el tutorial sobre cómo instalar una radio en línea con un reproductor propio en HTML5, recibimos varias solicitudes sobre cómo incluir en el reproductor el título de la canción que está sonando en la radio. ¡Aquí tienes una posible solución para implementar aún sin saber mucho de programación web!

1. Pasos previos y requisitos

Es importante aclarar que, para que este título aparezca, cada tema debe tener la metadata correspondiente (metatags ID3). Son esas meta-etiquetas internas que tiene el archivo de audio (que no se escuchan) que indican al reproductor el título de la canción, artista que la interpreta, género, etc.

Los editores de audio como Audacity, al guardar el archivo, ofrecen la posibilidad de completarlas. Para editarlas puedes usar KID3, una aplicación -que viene instalada por defecto en Etertics GNU/Linux– que nos permite hacerlo fácilmente y en bloque para los archivos generales, tal como explica Pablo López en este titurial. Hay otras alternativas como EasyTag o MusicBrainz Picard.

El reproductor sirve en estos casos:

  • Un streaming que tenga instalado en el servidor Icecast, no para los que usan Shoutcast.
  • Un radio en línea que tenga un servidor propio, no para servicios gratuitos como Zeno, Listen2MyRadio o similares.
  • Es necesario que el servidor funcione bajo protocolo seguro https, suele fallar en los que no tienen la “s” (http).
  • Debe tener accesibles los datos a través de un archivo json (la mayoría tiene activada esta opción, de lo contrario habla con el adminsitrador).
  • El script está programado en javascript. Debes asegurarte de que tu sitio web permite este tipo de lenguaje.
  • Tienes que contar con persmisos de administración de tu página web y algunos conocimientos sobre HTML como, por ejemplo, saber colocar bloques HTML en tu CMS (WordPress, Drupal, o el que uses).

2. Comprobaciones

1.1. Ubica la dirección del streaming de tu radio

La dirección del streaming es la URL de transmisión. Si ya tienes un reproductor, es la dirección https configurada para el streaming. Esta dirección varía mucho en función de cómo esté configurado el servidor de streaming. Para confirmar que es correcta pega esa URL en un navegador y comprueba que se escucha la transmisión.

Por ejemplo: https://radios.liberaturadio.org/luisbeltran

O este otro: https://giss.tv:667/LaGaboneta.mp3 (La diferencia entre un reproductor y otro es el navegador. El de arriba es el nativo de Chrome y este de aquí abajo es el de Firefox).

1.2. Verifica que la página de datos del servidor está activa

Se conoce como server_status y, en principio, debería funcionar en todos los servidores Icecast. Sólo necesitas sustituir en la dirección anterior el punto de montaje de tu radio por status-json.xsl y pegarlo en el navegador.

En nuestro primer ejemplo sería: https://radios.liberaturadio.org/status-json.xsl

Y en el segundo: https://giss.tv:667/status-json.xsl

Esto mostrará todos los puntos de montaje disponibles en esa instancia, es decir, todas las radios en línea (streamings) existentes en el servidor. Si ves algo parecido a la imagen de aquí abajo significa que el archivo está disponible y puedes continuar (en Chrome se verá similar pero sin colores).

3. Código

Ahora sólo tienes que pegar el código javascrip de aquí abajo en tu página web para visualizar el reproductor. Si es WordPress utiliza un “bloque HTML”.

En este ejemplo estamos colocando un reproductor sencillo. Si quieres algo más elaborado en el que cambiar colores o incluir el logo de la emisora, consulta este manual.

Cargando información…

Código a copiar. En la línea const streamUrl = 'https://radios.liberaturadio.org/luisbeltran'; tendrás que remplazar la URL https://radios.liberaturadio.org/luisbeltran con tu dirección de streaming. Recuerda no borrar las comillas ni el punto y coma.

    <!-- Este es el reproductor de audio genérico que toma la URL del streaming por javascript -->

   <audio id="audioPlayer" controls>
        <source id="audioSource" type="audio/mpeg">
        Tu navegador no soporta el elemento de audio.
    </audio>
   
    <!-- Aquí se mostrará la canción que está sonando -->
    <div id="currentSong">Cargando información...</div>

    
   <script type="text/javascript">

            // Coloca aquí la URL de tu streaming, comprueba si pegas esa URL en un navegador la transmisión se escucha. No borres las comillas o el punto y coma final.
            const streamUrl = 'https://radios.liberaturadio.org/luisbeltran';


            async function fetchStreamInfo(streamUrl) {
                const url = new URL(streamUrl); // Extrae de la URL del streaming las disntitas partes
                const streamMount = url.pathname.split('/').pop(); // Obtener el punto de montaje
                const statusUrl = `${url.protocol}//${url.host}/status-json.xsl`; // Construye la URL del status-json

                try {
                        const response = await fetch(statusUrl);
                        if (!response.ok) throw new Error('Error en la red');

                        let data;

                        // Comprueba que el JSON existe
                        try {
                                data = await response.json(); // Para servidores con múltiples streams
                        } catch {
                                const text = await response.text(); // Para servidores con un único stream
                                data = JSON.parse(text);
                        }

                        // Verifica la estructura de datos
                        let stream;
                        if (data.icestats && Array.isArray(data.icestats.source)) {
                                // Para múltiples streams busca el correcto identificando el punto de montaje en el campo "listenurl"
                                stream = data.icestats.source.find(s => s.listenurl.includes(streamMount));
                        } else if (data.icestats.source) {
                                // Para servidores con un único stream la estructura json es diferente
                                stream = data.icestats.source;
                        } else {
                                throw new Error('Estructura de datos inesperada: ' + JSON.stringify(data));
                        }

                        // Mostramos la información del stream
                        const title = stream.title || 'Sin título';
                       
                        // El texto previo al título de la canción se puede modificar o eliminar, por defecto "Sonando:"
                        document.getElementById('currentSong').innerText = 'Sonando: ' + title;

                } catch (error) {
                        console.error('Error al obtener la información del stream:', error);
                        document.getElementById('currentSong').innerText = 'Error al cargar la información: ' + error.message;
                }
            }

            function setUpPlayer(streamUrl) {
                    document.getElementById('audioSource').src = streamUrl;
                    document.getElementById('audioPlayer').load();
                    fetchStreamInfo(streamUrl); // Llama a la función con la URL del stream
            }

            // Configuramos finalmente el reproductor
            setUpPlayer(streamUrl);
    
    </script>

4. Otros tutoriales

Quizás te pueden interesar estos artículos sobre radio en línea donde puedes aprender cómo instalar una radio en línea en 5 minutos o adaptar el reproductos con tu propia imagen.

Recursos y plataformas libres para comunicarnos y trabajar a la distancia

1 Abril 2025 at 23:29

Un listado de servicios libres (también gratuitos, aunque aceptan donaciones para mantenerlos activos) para que los medios comunitarios y organizaciones sociales usen alternativas abiertas y éticas, seguras y respetuosas de la privacidad, autónomas e independientes.

Un paso más en el camino hacia la soberanía tecnológica que exige el esfuerzo de todas las personas que integran estas organizaciones, poniendo recursos humanos y económicos para mantener la infraestructura y los servicios. Un esfuerzo para que las organizaciones lo usen en sus luchas pero sin olvidar a quienes están detrás de esas plataformas.

Entre [corchetes] están los idiomas de las plataformas. Clic en el ícono verde para acceder al servicio directamente.

OTROS SERVICIOS

Llistes de videotutorials de COMPETIC, ACTIC i altres

23 Diciembre 2024 at 22:57

He estat posant ordre al canal de videotutorials de COMPETIC / ACTIC i ja tinc casi tots els vídeos endreçats en llistes. Sé que no és el que se sol venir a buscar en el blog d’un webcòmic, però, mira, ja que hi he dedicat una estona us ho enllaço i potser us resulti útil o potser coneixeu algú a qui li pugui resultar útil. Està parit com a material didàtic per a un context d’escola d’adults però qualsevol interessat en millorar les seves habilitats TIC pot ser que li tregui una mica de suc a algun videotutorial. Alguns fan riure una mica però no sempre intencionadament. Comentaris, correccions i suggeriments són molt benvinguts.

Introduccions, presentacions i recursos:

ACTIC / COMPETIC Competències 1-3:

ACTIC / COMPETIC C4: Edició de text

ACTIC / COMPETIC C5: Edició d’imatge, so i vídeo

ACTIC / COMPETIC C6: Fulls de càlcul

ACTIC / COMPETIC C7: Bases de dades

ACTIC / COMPETIC C8: Presentacions de diapositives

Resolucions guiades de Projectes de COMPETIC de cursos anteriors:

GES, ESO i altres:

Com se sol dir, si us agrada algun vídeo, compartiu-lo, subscriviu-vos al canal, feu-li like o pengeu-lo al vostre Moodle o Classroom!

  • No hay más artículos
❌