Lecture audio en arrière-plan

1Qu'est-ce que l'audio en arrière-plan ?#

Lorsqu'il est activé, l'audio ou la musique lue dans votre WebView continue de jouer même quand l'utilisateur passe à une autre application ou éteint l'écran.

Idéal pour :

• Sites de streaming musical (SoundCloud, Bandcamp)
• Plateformes de podcasts
• Stations de radio
• Applications audio de méditation ou de prière
• Chaînes de musique YouTube

2Activer dans le générateur#

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

1. Faites défiler jusqu'à « Options d'affichage »
2. Activez « Lecture audio en arrière-plan »
3. Générez votre APK

Aucune modification de code n'est nécessaire sur votre site web.

3Comment ça marche#

Normalement, lorsqu'une application Android passe en arrière-plan, son WebView met en pause toute lecture multimédia. Avec l'audio en arrière-plan activé :

• La WebView n'est PAS mise en pause quand l'application passe en arrière-plan
• L'audio continue de jouer via le haut-parleur de l'appareil ou les écouteurs
• La lecture vidéo continue aussi (partie audio)

💡 Astuce : combinez avec le PiP pour les sites vidéo afin que les utilisateurs puissent regarder dans une fenêtre flottante ET garder le son lorsque la fenêtre est fermée.

4Points à considérer sur la batterie#

⚠️ L'audio en arrière-plan maintient le processus WebView actif, ce qui consomme davantage de batterie.

✅ Recommandé : ne l'activez que pour les applications qui ont vraiment besoin de l'audio en arrière-plan

✅ Les utilisateurs peuvent toujours arrêter la lecture en mettant en pause sur votre site web ou en forçant l'arrêt de l'application

✅ L'optimisation de la batterie d'Android peut finir par mettre en pause les applications en arrière-plan : c'est un comportement normal du système.

5Bonnes pratiques pour votre site web#

Pour la meilleure expérience audio en arrière-plan, assurez-vous que votre site web :

✅ Utilise les éléments HTML5 <audio> ou <video>
✅ Propose des commandes lecture/pause facilement accessibles
✅ Gère correctement l'événement « visibilitychange »
✅ Ne met pas automatiquement le média en pause lorsque la page perd le focus

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