Reproducción de audio en segundo plano

1¿Qué es el audio en segundo plano?#

Cuando está activado, el audio o la música que se reproduce en tu WebView seguirá sonando aunque el usuario cambie a otra app o apague la pantalla.

Ideal para:

• Sitios web de música en streaming (SoundCloud, Bandcamp)
• Plataformas de podcasts
• Estaciones de radio
• Apps de audio de meditación / oración
• Canales de música de YouTube

2Activar en el generador#

En el Paso 2 (Ajustes de pantalla):

1. Desplázate hasta 'Display Options'
2. Activa 'Background Audio Playback'
3. Genera tu APK

No necesitas cambiar el código de tu sitio web.

3Cómo funciona#

Normalmente, cuando una app de Android pasa a segundo plano, su WebView pausa toda la reproducción de medios. Con el audio en segundo plano activado:

• El WebView NO se pausa cuando la app pasa a segundo plano
• El audio sigue sonando por el altavoz del dispositivo o los auriculares
• La reproducción de video también continúa (la parte de audio)

💡 Consejo: Combínalo con PiP en sitios de video para que los usuarios puedan ver en una ventana flotante Y mantener el audio cuando se cierre la ventana.

4Consideraciones sobre la batería#

⚠️ El audio en segundo plano mantiene vivo el proceso del WebView, lo que consume más batería.

✅ Recomendado: actívalo solo en apps que realmente necesiten audio en segundo plano

✅ Los usuarios aún pueden detener la reproducción pausándola en tu sitio web o forzando el cierre de la app

✅ La optimización de batería de Android puede pausar eventualmente las apps en segundo plano: este es un comportamiento normal del sistema.

5Buenas prácticas para tu sitio web#

Para la mejor experiencia de audio en segundo plano, asegúrate de que tu sitio web:

✅ Usa los elementos HTML5 <audio> o <video>
✅ Tiene controles de reproducir/pausar fáciles de alcanzar
✅ Maneja bien el evento 'visibilitychange'
✅ No pausa automáticamente el contenido cuando la página pierde el foco

// Prevent auto-pause on visibility change:
document.addEventListener('visibilitychange', function() {
  // Don't pause audio when tab/app is hidden
  if (document.hidden) {
    // Keep playing - do nothing
  }
});