JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file666" size="60" name="file666" multiple>
<div id="musicas">Músicas Carregadas: 0 (Tempo Total: 0)</div>

JavaScript

var audioElement2 = document.createElement('audio');
var fill;
var file3 = [];
var tamanho = 0;
$("#file666").change(function() {
    fill = this.files.length;
    
    
    for (var i = 0; i < fill; i++) {
        file3[i] = this.files[i];
        
        fileB = URL.createObjectURL(file3[i]);
        audioElement2.setAttribute('src', fileB);
        
        $(audioElement2).on("loadedmetadata", function () {
            tamanho = tamanho + parseInt(audioElement2.duration);
        });
        
    }
    
$("#musicas").html("Músicas Carregadas: " + fill + " (Tempo Total: " + tamanho + ")");
});