👋

Single Post

Página web para radio online: reproductor y pódcast

Share

Un microfono de estudio con sus audifonos colgados en el soporte.

La radio ya suena: el flujo está arriba y funciona en cualquier reproductor de escritorio. El problema aparece en la web propia. El oyente entra, da play, escucha treinta segundos y hace clic en “Programación”. La página se recarga, el audio se corta y arranca de nuevo. Al tercer intento deja de navegar o deja de escuchar, y la emisora pierde.

Una página web para radio online no es un sitio informativo con un botón de play encima. Es un sitio donde la reproducción sobrevive a la navegación, el celular no apaga el audio al bloquear la pantalla, la parrilla se actualiza sola y los programas grabados existen como páginas que el buscador puede leer. Nada de eso se arregla instalando un complemento al final: se decide en la arquitectura, antes de maquetar la primera pantalla.

Por qué el reproductor se corta cuando el oyente navega

Porque cada clic en un enlace normal destruye la página actual y construye otra desde cero. El elemento de audio vive dentro de esa página, así que muere con ella. No es falla del flujo ni del servidor de streaming: es cómo funciona la navegación. Hay dos soluciones reales y cada una cobra un precio.

Solución A: el reproductor vive en una capa fija del sitio. La página deja de recargarse al navegar: el reproductor queda en una barra permanente y los clics solo reemplazan el contenido central, mientras la dirección del navegador se actualiza igual que siempre. El audio nunca se interrumpe.

El precio es doble: cuesta más construirla y mantenerla, y cada vista debe conservar su dirección real. Si la navegación se arma con fragmentos en lugar de rutas reales, el contenido deja de ser localizable con fiabilidad, y así lo advierte la documentación de Google.

Solución B: el reproductor se abre en una ventana aparte. Un clic en “Escuchar en vivo” abre una ventana pequeña e independiente: el oyente navega con libertad, o cierra el sitio, y el audio sigue. Es barato y se monta sobre cualquier sitio existente. El precio: en el celular es otra pestaña que el oyente cierra sin notarlo, el navegador puede bloquear la apertura si no proviene de un clic real, y la medición se reparte entre dos páginas.

Nuestro criterio, después de trabajar el reproductor web de una emisora: la capa fija por defecto y la ventana aparte como enlace secundario, decidido el primer día del desarrollo web del sitio y no cuando ya está maquetado.

El celular que apaga el audio al bloquear la pantalla

El oyente abre la radio en el celular, bloquea la pantalla y el audio se detiene. En términos sencillos: el teléfono apaga lo que no necesita cuando la pantalla se va, y una página web cualquiera entra en esa categoría. Para que no la apague, el sitio tiene que declararse ante el sistema como reproducción multimedia, igual que la aplicación de música. Es un estándar del navegador: bien usado, el sistema muestra en la pantalla bloqueada la emisora, el programa al aire y el logotipo, y respeta los botones del audífono.

El segundo detalle: el audio con sonido no puede arrancar solo, porque el navegador exige una interacción real del usuario. Por eso el play es la primera acción visible y el intento de reproducción debe capturar el fallo para volver a mostrar el botón. Todo se prueba en un teléfono real, con datos móviles y pantalla bloqueada, no en el escritorio.

Calidad del flujo, datos del oyente y salida del servidor

La calidad del flujo es una decisión de negocio. A mayor calidad, más datos consume el oyente y más ancho de banda paga la emisora. Las cifras siguientes son aritmética directa, no estimaciones:

Calidad del flujo, datos del oyente y salida del servidor, en un cuadro resumen de Blue Nova Consulting.
Calidad del flujo, datos del oyente y salida del servidor, en resumen.
Calidad Uso típico Datos del oyente por hora Salida con 100 oyentes
64 kbps Voz, noticias, deportiva 29 MB 6,4 Mbps (2,9 GB por hora)
96 kbps Mixto, voz y música 43 MB 9,6 Mbps (4,3 GB por hora)
128 kbps Musical, estándar razonable 58 MB 12,8 Mbps (5,8 GB por hora)
192 kbps Alta fidelidad 86 MB 19,2 Mbps (8,6 GB por hora)

Para el oyente con plan limitado, dos horas diarias a 128 kbps son unos 3,5 GB al mes; a 64 kbps, menos de 1,8 GB. Recomendamos 96 a 128 kbps en radio musical y 64 kbps en voz. Del otro lado está la factura: cien oyentes a 128 kbps sostienen 12,8 Mbps continuos, cerca de 138 GB por día. Ese tráfico va en un servidor de streaming propio, nunca sobre el hosting del sitio web.

Las piezas de una página web para radio online

Pieza Qué resuelve Qué hay que decidir
Reproductor persistente El audio no se corta al navegar Capa fija, ventana aparte o las dos
Declaración multimedia El celular no apaga el audio Qué se publica: emisora, programa, logotipo
Parrilla automática El visitante sabe qué suena ahora Zona horaria y repeticiones
Archivo de pódcast Páginas indexables que el directo no deja Programa completo o por bloques
Medición de audiencia Números para el patrocinador Qué métricas se prometen y con qué definición
Servidor de streaming Que aguante la hora pico Calidad, oyentes simultáneos y dónde vive
Registro de lo emitido Respaldo para liquidar derechos Si el estudio lo exporta

La parrilla que se actualiza sola

Una parrilla escrita a mano queda desactualizada en dos meses y el oyente deja de creerle al sitio. La programación tiene que vivir como datos (día, hora de inicio, hora de fin, programa, locutor) y la página calcular al cargar qué está al aire, para que la franja de “al aire ahora” y la parrilla nunca se contradigan.

Tres decisiones que nadie plantea a tiempo: la zona horaria, porque buena parte de la audiencia ecuatoriana escucha desde España o Estados Unidos; qué se muestra en las repeticiones, para no anunciar en vivo algo grabado; y qué aparece de madrugada.

El pódcast es lo único que el buscador puede leer

El directo no deja rastro: no hay página ni texto, solo un flujo que existe mientras suena. El programa grabado es lo contrario: cada episodio puede ser una página con dirección propia, título, resumen escrito, temas tratados y nombre del invitado, y sigue trayendo oyentes meses después.

Dos precisiones verificadas en octubre de 2026. La galería de datos estructurados que Google admite no incluye ningún tipo de pódcast ni de audio: el episodio compite como una página normal y lo que decide es el texto que rodea al audio, así que ninguno debe publicarse sin un resumen de 150 palabras. Y cada episodio necesita dirección propia: si el archivo vive detrás de un reproductor que no la cambia, para el buscador existe una sola página, uno de los motivos por los que muchas páginas no aparecen en Google.

Lo que un patrocinador puede exigir y lo que no

Se puede medir de verdad: conexiones simultáneas al flujo, que las entrega el servidor de streaming y no el sitio; tiempo medio de escucha por conexión; reparto por dispositivo; zona geográfica aproximada a nivel de ciudad o provincia; y escuchas y descargas por episodio, que sí se cuentan por archivo.

No se puede prometer: personas únicas exactas, porque una conexión no es una persona; si el oyente escuchó o solo dejó la pestaña abierta; edad y sexo, que no se deducen del flujo; y atribución a una venta, salvo que el patrocinio lleve su propio código o enlace. El informe mensual se entrega siempre con las mismas definiciones.

Derechos de la música: requisito, no trámite para después

Emitir música grabada por internet exige tener en regla el pago de derechos de autor y derechos conexos con la sociedad de gestión colectiva que corresponda al repertorio emitido. Es la condición legal para que la radio exista, y se vuelve urgente al empezar a vender publicidad, porque el patrocinador serio pregunta. No publicamos tarifas ni nombres de entidad: dependen del repertorio, del uso y del arancel vigente, y se confirman con la autoridad nacional de derechos intelectuales.

Al proyecto técnico le corresponde el respaldo: la emisora necesita el registro de lo que sonó, con título, intérprete y hora, porque sobre eso se liquidan estos derechos. Si el estudio no lo exporta, se resuelve antes de salir al aire. Y la música de un pódcast es un uso distinto del directo.

Cómo se monta, paso a paso.
Cómo se monta, paso a paso. La explicación de cada paso está debajo.

Cómo se monta, paso a paso

  1. Se decide la arquitectura del reproductor: capa fija, ventana aparte o las dos. Condiciona diseño, presupuesto y medición.
  2. Se define el flujo: calidad, oyentes simultáneos previstos y dónde vive el servidor de streaming, separado del alojamiento del sitio.
  3. Se construye el reproductor con la declaración multimedia completa, el play como primera acción, reconexión automática cuando el flujo cae y aviso cuando no hay señal.
  4. Se monta la parrilla como datos, y de ahí salen la programación completa y la franja de “al aire ahora”.
  5. Se arma el archivo de pódcast: una página por episodio, con dirección propia y resumen escrito, y el proceso para que el equipo publique solo.
  6. Se cierran la medición y los espacios de patrocinio, y se prueba en un celular real: pantalla bloqueada, datos móviles y sitio en segundo plano.

Cuánto cuesta

Precios oficiales de Blue Nova, verificados en octubre de 2026. Todos excluyen el IVA del 15%.

Gráfico de barras con los rangos de inversión en dólares para página web para radio online: reproductor y pódcast, sin IVA.
Rangos referenciales de Blue Nova Consulting, octubre de 2026. No incluyen el IVA del 15 por ciento.
Servicio Inversión Qué cubre en una radio
Web informativa Desde USD 900, pago único Reproductor persistente, parrilla y pódcast
Landing page USD 450, pago único Una pantalla con reproductor y parrilla
Reestructuración técnica Desde USD 350 Sitio existente, se le agrega el reproductor
Hosting administrado Desde USD 150 al año Alojamiento, respaldos y actualizaciones
Mantenimiento web Esencial USD 190 al mes Actualizaciones, respaldos y correcciones
Mantenimiento web Profesional USD 280 al mes Lo anterior más episodios y parrilla
SEO, AEO y GEO Starter Desde USD 290 al mes Trabajo sobre las páginas de pódcast
Gestión de Meta Ads Desde USD 290 al mes por plataforma Audiencia y patrocinadores

La pauta se paga directo a la plataforma, nunca mezclada con el valor de gestión. El streaming y los derechos son costos propios de la emisora, fuera de estas cifras.

Qué esperar, semana a semana

  • Semana 1. Arquitectura decidida, acceso al servidor de streaming verificado y parrilla entregada como datos.
  • Semanas 2 y 3. Maquetación, reproductor persistente, declaración multimedia, parrilla automática y primeras pruebas en celular.
  • Semana 4. Pódcast con los primeros episodios y sus resúmenes, medición conectada y revisión con pantalla bloqueada.
  • Primeras dos semanas. Ajuste de la reconexión, flujo observado en hora pico y primer informe de audiencia.

Lo que alarga el plazo casi nunca es la web: es el archivo. Hay que decidir cuántos episodios entran al lanzamiento y quién escribe los resúmenes.

Preguntas frecuentes

¿Se puede poner un reproductor que no se corte en un sitio WordPress que ya existe?

Sí. La ventana aparte se agrega en horas sobre cualquier sitio. La capa fija exige intervenir la navegación para que el sitio no se recargue, que ya es reestructuración técnica. En un sitio heredado conviene empezar por la ventana.

¿Por qué se corta el audio en el celular cuando bloqueo la pantalla?

Porque no está declarado ante el sistema como reproducción multimedia. Si lo está, el teléfono lo trata como la aplicación de música y muestra la emisora en la pantalla bloqueada. Se verifica en un teléfono real, no en el escritorio.

¿Cuánta calidad de flujo conviene para una radio en Ecuador?

De 96 a 128 kbps en radio musical y 64 kbps en emisora de voz. Por encima de 128 kbps muy pocos notan la diferencia y todos pagan más.

¿Cuánto cuesta una página web para radio online?

Desde USD 900 más IVA la web informativa completa, con reproductor persistente, parrilla automática y archivo de pódcast. Una landing de una pantalla cuesta USD 450. El streaming y los derechos van aparte.

¿El pódcast sirve para que la radio aparezca en Google?

Es la única parte que puede aparecer, porque el directo no deja página indexable. Cada episodio con dirección propia y resumen escrito compite por los temas que se trataron.

¿Qué números puedo prometerle a un patrocinador?

Conexiones simultáneas, tiempo medio de escucha, reparto por dispositivo y zona aproximada, más escuchas y descargas por episodio. No se prometen personas únicas exactas, edad, sexo ni atribución a una venta sin un código exclusivo.

Artículos relacionados

Fuentes consultadas

El siguiente paso

Si está montando una página web para radio online, o el reproductor se corta cada vez que alguien navega, lo primero no es el diseño: es decidir la arquitectura del reproductor y separar el flujo del alojamiento del sitio.

Revise el alcance de cada servicio en la página de precios y escríbanos desde Contáctanos con tres datos: a qué calidad transmite hoy, cuántos oyentes simultáneos tiene en hora pico y si existe archivo grabado.

Blue Nova Consulting

¿Quiere el valor exacto para su caso?

Le enviamos el alcance y el presupuesto por escrito, con lo que entra y lo que no.

Los valores que aparecen en este artículo son referenciales y no incluyen el IVA del 15 por ciento.

Categorías: Desarrollo Web

Comentarios y opiniones

0 comentarios · Moderación previa

Cuéntanos tu experiencia, dudas o casos similares. Revisamos cada comentario antes de publicarlo para mantener conversaciones de calidad. También puedes suscribirte para recibir nuevos artículos.

Empieza la conversación

Tu email no se publica. Los campos con * son obligatorios.

Written by

Picture of Noah Davis

Noah Davis

Content Writer

Categorías

Related Post