Riproduzione multimediale con PWA: continuare a riprodurre quando il telefono è bloccato?

Ho notato che i file audio e video non vengono riprodotti se il telefono si blocca o se il sito è in background, nel caso in cui l’utente stia accedendo al forum tramite l’impostazione PWA (avendola scaricata nella schermata home).

Esiste un modo per modificare questo comportamento, abilitando la riproduzione in background e con lo schermo bloccato quando si accede tramite PWA?


Ciò che mi sorprende è questo: quando si accede al forum direttamente dal web, audio e video possono essere riprodotti anche con il telefono bloccato e quando il sito passa in background. Il problema principale si presenta solo in modalità PWA.

Osservo questo comportamento su iPhone.


Ulteriori dettagli

Quando un utente è sul telefono, mi aspetto che i file audio e multimediali continuino a essere riprodotti anche quando il telefono è bloccato o quando il sito è in background.

Su iOS, il comportamento di base è accettabile in entrambi i casi, se l’utente accede al sito dal web mobile:

–Per i file audio (mp3, ecc.), la riproduzione continua anche con il telefono bloccato e quando il sito passa in background. Perfetto.

–Per i file video (mp4, ecc.), la riproduzione si interrompe quando il telefono è bloccato o quando il sito passa in background. Tuttavia, sullo schermo di blocco è presente un pulsante di riproduzione che gli utenti possono premere per riavviare la riproduzione, e quando il sito è in background possono riavviare la riproduzione del video aprendo il Centro di controllo e premendo il pulsante di riproduzione.

Tuttavia, se l’utente accede al sito tramite PWA, nessuna di queste opzioni funziona. Quando il telefono si blocca o il sito passa in background, tutta la riproduzione si interrompe e non è possibile riavviarla (fino a quando non si sblocca il telefono e si torna al sito).

2 Mi Piace

Questo è per i file caricati localmente, giusto? Non per contenuti incorporati come video di YouTube?

1 Mi Piace

Ho effettivamente notato lo stesso comportamento sia per i file caricati in locale che per gli embed. Al momento, il mio focus è sugli embed.

1 Mi Piace

Ok, quindi aggiungiamo un video di YouTube per fare una prova:

1 Mi Piace

Il video di YouTube sembra comportarsi allo stesso modo su Safari mobile e PWA: non è possibile riprodurlo in background o sulla schermata di blocco. Ciò potrebbe essere dovuto al fatto che YouTube ha delle particolarità (ad esempio, bloccano la riproduzione in background a meno che non si sia abbonati a YouTube Premium, il che potrebbe avere un impatto in questo caso).

Ecco alcuni altri esempi:

Incorpora Vimeo:
https://vimeo.com/175708185

E incorpora audio:


Ho notato che entrambi funzionano come descritto su iPhone:
– tramite accesso da Safari mobile, è possibile riprodurli entrambi in background e sulla schermata di blocco (l’unica differenza è che il video smette di riprodursi quando il telefono passa allo stato di blocco/background e devi premere di nuovo play);

– tramite accesso PWA, nessuno dei due riproduce in background o sulla schermata di blocco (non c’è alcuna opzione di riproduzione aggiuntiva in entrambi i casi una volta che l’app passa in background o il telefono si blocca).

2 Mi Piace

Per essere sulla stessa lunghezza d’onda, stai parlando del comportamento di iOS, giusto?

2 Mi Piace

Sì. Ho solo un iPhone per fare i test. Non posso dire nulla per Android. (E tutti questi embed, sia video che audio, funzionano correttamente in background su Chrome per Mac e Safari per Mac, nonché nella PWA su desktop. Il problema riguarda il dispositivo mobile e, nel mio caso, l’iPhone.)

2 Mi Piace

C’è un modo per far continuare la riproduzione di video e audio in una PWA in background o con lo schermo bloccato su iPhone, come avviene sul web mobile?

1 Mi Piace

No, perché iOS non supporta questa funzionalità per le PWA.

4 Mi Piace

È rassicurante sentirlo. Grazie per le informazioni.

Penso che questo sia stato risolto in iOS 15? Ci sono aggiornamenti?

Questo funziona su Android, PWA o meno.

Infatti, incorporarlo in una pagina web ti permette di riprodurre l’audio dei video mentre hai lo schermo bloccato, ma questo non funziona nell’app di YouTube.