Picture-in-Picture (PiP)

1Qu'est-ce que le Picture-in-Picture ?#

Le PiP permet à votre application de continuer à afficher du contenu dans une petite fenêtre flottante quand l'utilisateur appuie sur Accueil ou change d'application.

Idéal pour :

• Applications de streaming vidéo (type YouTube)
• Sites de sport / événements en direct
• Applications web de visioconférence
• Sites de visualiseur de musique
• Plateformes de vidéos éducatives

2Activer dans le générateur#

À l'étape 2 (Paramètres d'affichage) :

1. Faites défiler jusqu'à « Options d'affichage »
2. Activez « Picture-in-Picture (PiP) »
3. Générez votre APK

Nécessite Android 8.0 (API 26) ou supérieur. Les appareils plus anciens ignoreront simplement ce réglage.

3Comment ça marche#

Quand le PiP est activé :

1. L'utilisateur regarde une vidéo / utilise votre application
2. L'utilisateur appuie sur le bouton Accueil
3. L'application se réduit en une petite fenêtre flottante
4. L'utilisateur peut utiliser d'autres applications tout en regardant
5. Appuyer sur la fenêtre PiP ramène à l'application en plein écran

La fenêtre PiP affiche ce que la WebView montrait à ce moment-là.

4Optimisation du site (facultatif)#

Votre site peut détecter le mode PiP et adapter l'affichage. Quand la fenêtre rétrécit, vous voudrez peut-être masquer les menus et n'afficher que la vidéo.

// 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';
  }
});

5Limites#

⚠️ Android 8.0+ uniquement (API 26)

⚠️ Certains appareils peuvent ne pas prendre en charge le PiP (par ex. Android Go)

⚠️ La taille de la fenêtre PiP est contrôlée par Android, pas par votre application

✅ Fonctionne avec du contenu vidéo comme non vidéo

✅ Aucune modification du site requise : fonctionne directement