Come recuperare la durata di un video html5 con javascript

Nell’articolo utile di oggi vediamo come recuperare la durata di un video html5 con javascript in pochi semplici passi.

Veniamo diretti al sodo, ecco il codice su come recuperare la durata di un video html5 con javascript:

var videoEl = document.getElementById('videoID');
videoEl.addEventListener('loadedmetadata', function() {
console.log("Durata: "+videoEl.duration);
});

Ovviamente questo procedimento è utile solo nel caso il video abbia i meta dati relativi alla durata come vedete nello screen qui sotto.

Cosa fare nel caso il video non ha i metadati di durata?

In questo caso il procedimento è decisamente piu complesso, per fortuna ci viene in aiuto questo js che ci permette di “estrarre i dati” di durata e molto altro usando ffprobe (elaborando quindi fisicamente il flusso video).

Sei interessato ad html5? Consulta le nostre guide e tutorial html5 italiano.

Questo articolo ti è stato utile? Aiuta altre persone e condividilo sui tuoi social!

0 0 voti
Valutazione dell'articolo
Iscriviti
Notificami
guest

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

0 Commenti
Vecchi
Più recenti Le più votate
Rimani Aggiornato
Nuove idee, zero Spam
Ti invieremo solo le ultime novità di articoli o nostri progetti.
Iscrivendoti accetti la nostra privacy poliicy. Una volta iscritto, ricordati di attivare l'iscrizione cliccando sul link ricevuto via mail.
0
Esprimete la vostra opinione commentando.x