Imagen en imagen (PiP)

1¿Qué es Picture-in-Picture?#

PiP permite que tu app siga mostrando contenido en una pequeña ventana flotante cuando el usuario pulsa Inicio o cambia de app.

Ideal para:

• Apps de streaming de vídeo (estilo YouTube)
• Sitios web de deportes y eventos en vivo
• Apps web de videoconferencia
• Sitios web de visualizadores de música
• Plataformas de vídeos educativos

2Activar en el generador#

En el Paso 2 (Ajustes de pantalla):

1. Desplázate hasta 'Display Options'
2. Activa 'Picture-in-Picture (PiP)'
3. Genera tu APK

Requiere Android 8.0 (API 26) o superior. Los dispositivos más antiguos ignorarán este ajuste sin problemas.

3Cómo funciona#

Cuando PiP está activado:

1. El usuario está viendo un vídeo o usando tu app
2. El usuario pulsa el botón Inicio
3. La app se reduce a una pequeña ventana flotante
4. El usuario puede usar otras apps mientras mira
5. Al tocar la ventana PiP se vuelve a la app completa

La ventana PiP muestra lo que el WebView estaba mostrando en ese momento.

4Optimización del sitio web (opcional)#

Tu sitio web puede detectar el modo PiP y optimizar la vista. Cuando la ventana se reduce, quizá quieras ocultar los menús y mostrar solo el vídeo.

// Detect PiP mode in your website JS (resize fires on window, never on document):
window.addEventListener('resize', function() {
  if (window.innerWidth < 300) {
    // PiP mode - show only video
    document.querySelector('.navbar').style.display = 'none';
    document.querySelector('video').style.width = '100%';
  } else {
    // Full mode - restore UI
    document.querySelector('.navbar').style.display = 'block';
  }
});

5Limitaciones#

⚠️ Solo Android 8.0+ (API 26)

⚠️ Algunos dispositivos pueden no admitir PiP (p. ej., la edición Android Go)

⚠️ El tamaño de la ventana PiP lo controla Android, no tu app

✅ Funciona con contenido de vídeo y también sin vídeo

✅ No requiere cambios en el sitio web: funciona de inmediato