PDA

Visualizza la versione completa : Velocizzare caricamento video


Roby140569
15-06-2020, 10:21
In un sito ho messo un video della durata di 55 secondi che parte automaticamente.
Ho due file: il .webm pesa 1,7MB, mentre il file .mp4 pesa 8MB.
Da PC o iPhone collegato alla fibra ottica non ci sono rallentamenti nel caricamento della pagina ed il video parte immediatamente.
Da iPhone forzando la connessione a 3G, per qualche secondo resta un riquadro bianco prima che il video parta.
Ho tolto la traccia audio dai due file. Cos'altro posso fare per ottimizzare il video?
Il video occupa una larghezza di 1600 pixel.



<video width="100%" playsinline autoplay loop muted>
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
</video>

ninja72
15-06-2020, 16:08
Ciao, potresti vedere anche gli attributi video "playsinline preload" oltre al fatto di gestire da CSS una classe che ti permetta di inserire un'immagine di sfondo finche il video non è caricato (background-image), ed eventualmente il responsive del video stesso.
Inoltre potresti vedere di ottimizzare il da .htaccess il discorso caching.

ac_socmel
15-06-2020, 17:26
una connessione 3g permette una velocità di 3-500 kbps
devi servire un altro video molto meno "definito"

Roby140569
16-06-2020, 10:52
Ciao, potresti vedere anche gli attributi video "playsinline preload" oltre al fatto di gestire da CSS una classe che ti permetta di inserire un'immagine di sfondo finche il video non è caricato (background-image), ed eventualmente il responsive del video stesso.
Inoltre potresti vedere di ottimizzare il da .htaccess il discorso caching.
OK, grazie, metterò un'immagine finché il video non sarà caricato.
Il sito è su server Windows, non c'è .htaccess.

Roby140569
16-06-2020, 10:53
una connessione 3g permette una velocità di 3-500 kbps
devi servire un altro video molto meno "definito"
Come intercetto l'utenza con connessione lenta?

ac_socmel
16-06-2020, 11:28
credo serva javascript e anche un linguaggio server
ma di base bloccherei il video in caso di mobile device

ninja72
16-06-2020, 15:32
Potresti gestire la presenza o meno del video con un funzione php del tipo :



function mobile()
{
$mobile_os_device = ['Android', 'iPad', 'iPod', 'iPhone', 'BlackBerry', 'Mobile'];
$ua = $_SERVER['HTTP_USER_AGENT'];

foreach ($mobile_os_device as $os) {
$res = strpos($ua, $os) ? "#" : "video.webm";
}
return $res;
}


mentre in html :

<video width="100%" playsinline autoplay loop muted>
<source src="<?= mobile() ?>" type="video/webm">
</video>

ovvimante il mio rimane un esempio, magari da implementare e migliorare.

Roby140569
18-06-2020, 10:16
credo serva javascript e anche un linguaggio server
ma di base bloccherei il video in caso di mobile device
In questo caso il video deve essere visto da tutti gli utenti, soprattutto da quelli con dispositivi mobili.
Il sito registra mediamente 60.000 utenti unici al mese e di questi oltre l'80% accedono da cellulare.

ac_socmel
18-06-2020, 10:36
beh se questa cosa ti da soldi vai su un cloud o cdn che permetta lo streaming o bradcasting via adaptive bitrate streaming
non è gratis

rsta il fatto che vuoi consumare banda che non sai se sia nella disponibilità dell'utente
e poi usare un video di 1600 quando tutti hanno il telefono in verticale e basterebbero 480 o 640

Vincent.Zeno
18-06-2020, 10:48
in alternativa puoi servire un video dimensionato in base alla risoluzione dell'utente.

Loading