Cómo poner un reproductor de radio gratis en tu web

¿Quieres un reproductor de radio en vivo en tu web? Puedes insertarlo gratis en aproximadamente un minuto: elige cualquiera de las 59.000+ emisoras de radio online, copia una línea de código y pégala en tu página. Funciona en cualquier dispositivo, sin cuenta y sin instalar nada.

Abrir el generador de widget →

Un reproductor insertado real — pulsa play.

Qué te ofrece el widget de radio

• Un reproductor «Escuchar» en vivo para cualquier emisora — la música empieza al hacer clic, en tu propia página.
• Dos tamaños — una barra compacta o una tarjeta grande con carátula, totalmente adaptable en móvil y escritorio.
• Tus colores — tema claro u oscuro y un color de acento propio, o ajustado automáticamente a tu web.
• Una línea de código — un simple <iframe> HTML5, sin plugin ni cuenta.

Cómo insertar un reproductor de radio en 3 pasos

1. Encuentra tu emisora en el generador de widget (o en cualquier página de emisora).
2. Elige tamaño, tema y color — o pega la dirección de tu web y deja que se ajuste automáticamente.
3. Copia el código y pégalo en el HTML de tu página donde quieras el reproductor.

Añadirlo a WordPress, Wix, Tilda y más

• WordPress — añade un bloque HTML personalizado (Gutenberg) o un widget HTML; en el editor clásico usa la pestaña Texto. Pega el iframe.
• Wix — Añadir → Insertar → Insertar HTML (código), luego pega el iframe.
• Squarespace — añade un bloque Code (o Embed) y pega el iframe.
• Shopify — añade una sección Custom Liquid (o un bloque HTML en una página) y pega el iframe.
• Tilda — añade un bloque T123 (HTML) o un elemento «HTML» en Zero Block.
• Ghost — inserta una tarjeta HTML (comando /html) y pega el código.
• Blogger — añade un gadget «HTML/JavaScript» (Diseño) o usa la vista HTML de la entrada.
• Joomla / Drupal — usa un módulo/bloque «Custom HTML» o la vista de código del artículo.

No necesitas plugin — es un iframe HTML5 normal, así que funciona en cualquier CMS o creador de webs.

El código para insertar

El código que pegas es un solo <iframe> HTML5. Sustituye station por el nombre de tu emisora del generador:

<iframe src="https://retunefm.com/embed/station?size=large&theme=dark&accent=4da3ff"
        width="100%" height="132" frameborder="0" scrolling="no" loading="lazy" allow="autoplay"></iframe>

Personalizar el reproductor

Cada opción es un parámetro de URL, así que puedes ajustarlo a mano o en el generador:

• Tamaño — size=compact (barra fina) o size=large (tarjeta con carátula).
• Tema — theme=light o theme=dark.
• Color de acento — accent=RRGGBB (cualquier hex).
• Ajustar a mi web — pega la dirección de tu web en el generador y leerá tus colores.

Cómo funciona la inserción

¿Se romperá si rediseño mi web?

No. El código de tu página es solo un enlace al reproductor — el reproductor lo servimos nosotros, y el audio se transmite directamente desde la emisora al oyente (nunca lo re-alojamos). Así que puedes rediseñar tu web con libertad, y las mejoras del reproductor se aplican en todas partes automáticamente.

Preguntas frecuentes

¿El widget de radio es gratis?

Sí — completamente gratis, sin cuenta ni registro.

¿El reproductor insertado funciona en móvil?

Sí. Es adaptable y suena en teléfonos, tablets y ordenadores.

¿Puedo añadirlo a WordPress, Wix o cualquier creador de webs?

Sí — pega el iframe en un bloque HTML personalizado / Embed en cualquier plataforma.

¿Qué emisoras puedo insertar?

Cualquiera de las 59.000+ emisoras del directorio — busca la tuya en el generador. Los streams incluyen Shoutcast, Icecast y MP3/AAC.