Lecture multimédia avec PWA : continuer la lecture lorsque le téléphone est verrouillé ?

J’ai constaté que les fichiers audio et vidéo ne se lisent pas si le téléphone passe à l’écran de verrouillage ou si le site est en arrière-plan, dans le cas où l’utilisateur accède au forum via les paramètres PWA (après l’avoir téléchargé sur son écran d’accueil).

Existe-t-il un moyen de modifier cela pour permettre la lecture à l’écran de verrouillage ou en arrière-plan lors d’un accès via PWA ?


Ce qui me surprend, c’est que lorsque vous accédez au forum directement via le web, l’audio et la vidéo peuvent se lire lorsque le téléphone est verrouillé et lorsque le site passe en arrière-plan. Le problème principal survient uniquement avec la PWA.

Je constate ce comportement sur iPhone.


Détails supplémentaires

Lorsqu’un utilisateur est sur son téléphone, j’espère que les fichiers audio et multimédias peuvent continuer à se lire lorsque le téléphone est verrouillé ou que le site lui-même est en arrière-plan.

Sur iOS, je constate que le comportement de base est acceptable dans les deux cas si l’utilisateur accède au site via le web mobile :

– Pour les fichiers audio (mp3, etc.), le fichier continue de se lire lorsque le téléphone est verrouillé et lorsque le site passe en arrière-plan. C’est parfait.

– Pour les fichiers vidéo (mp4, etc.), la lecture s’arrête lorsque le téléphone est verrouillé ou lorsque le site passe en arrière-plan. Cependant, un bouton de lecture apparaît sur l’écran de verrouillage permettant de relancer la lecture, et les utilisateurs peuvent également redémarrer la vidéo en arrière-plan en ouvrant le centre de contrôle et en appuyant sur lecture.

Cependant, si l’utilisateur accède au site via la PWA, aucune de ces options ne fonctionne. Lorsque le téléphone se verrouille ou que le site passe en arrière-plan, toute lecture s’arrête, et aucune option n’est disponible pour reprendre la lecture (sauf en déverrouillant le téléphone et en revenant sur le site).

2 « J'aime »

C’est bien pour les fichiers téléchargés localement, pas pour les éléments intégrés comme les vidéos YouTube ?

1 « J'aime »

J’ai effectivement observé le même comportement à la fois pour les fichiers téléchargés localement et pour les intégrations. Mon attention se porte actuellement sur les intégrations.

1 « J'aime »

Bon, ajoutons une vidéo YouTube pour tester :

1 « J'aime »

La vidéo YouTube semble se comporter de la même manière sur Safari mobile et en PWA : vous ne pouvez pas la lire en arrière-plan ni à l’écran verrouillé. Cela pourrait être dû au fait que YouTube est unique (ils bloquent la lecture en arrière-plan sauf si vous êtes abonné à YouTube Premium, par exemple, ce qui pourrait avoir un impact ici).

Voici d’autres exemples :

Intégration Vimeo :
https://vimeo.com/175708185

Et intégration audio :


Je constate que les deux fonctionnent comme décrit sur iPhone :
– en accès Safari mobile, vous pouvez lire les deux en arrière-plan et à l’écran verrouillé (la seule différence est que la vidéo s’arrête lorsque le téléphone passe en état de verrouillage ou d’arrière-plan, et vous devez appuyer à nouveau sur lecture)

– en accès PWA, aucun des deux ne se lit en arrière-plan ni à l’écran verrouillé (il n’y a aucune option de lecture supplémentaire dans les deux cas une fois que l’application passe en arrière-plan ou que le téléphone se verrouille)

2 « J'aime »

Juste pour être sûr qu’on parle bien de la même chose, tu parles du comportement sur iOS, c’est bien ça ?

2 « J'aime »

Oui. Je n’ai qu’un iPhone pour tester. Je ne peux pas me prononcer sur Android. (Et tous ces éléments intégrés – vidéos et audio – se lisent correctement en arrière-plan sur Chrome Mac et Safari Mac, ainsi que dans la PWA sur ordinateur. Le problème se situe ici sur mobile, et dans mon cas, sur iPhone.)

2 « J'aime »

Existe-t-il un moyen de permettre à la vidéo et à l’audio dans la PWA de continuer à se lire en arrière-plan ou lorsque l’écran est verrouillé sur iPhone, comme cela se fait sur le web mobile ?

1 « J'aime »

Non, car iOS ne prend pas en charge cette fonctionnalité pour les PWA.

4 « J'aime »

C’est rassurant à entendre. Merci pour les informations.

Je pense que cela a été corrigé dans iOS 15 ? Des mises à jour ?

Cela fonctionne sur Android, que ce soit en PWA ou non.

En fait, l’intégration dans une page Web vous permet de lire l’audio des vidéos lorsque votre écran est verrouillé, mais cela ne fonctionne pas dans l’application YouTube.