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!