O loademetadata é um evento, por isto você quase conseguiu: ele vai sendo chamado e você precisa incrementar uma variável para armazenar o Tempo Total e atualizar a interface com usuário a cada vez que o evento ocorrer.
Talvez a melhor forma seja ligar esta variável ao HTML, usando AngularJS.
JSfiddle com código em http://jsfiddle.net/7f6dxt5s/11/http://jsfiddle.net/7f6dxt5s/18/
HTML:
<input type="file" id="fileInputSelector" size="60" name="fileInputSelector" multiple>
<div id="musicas">Músicas Carregadas: 0 (Tempo Total: 0 segundos)</div>
Código
var tempoTotal = 0;
$("#fileInputSelector").change(function () {
var quantidadeDeArquivos = this.files.length;
for (var i = 0; i < quantidadeDeArquivos; i++) {
var esteArquivo = this.files[i];
fileB = URL.createObjectURL(esteArquivo);
var audioElement2 = new Audio(fileB);
audioElement2.setAttribute('src', fileB);
$(audioElement2).on("loadedmetadata",onloadedmetadata = function (e) {
tempoTotal = tempoTotal + parseInt(audioElement2this.duration);
$("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + tempoTotal + " segundos)");
//alert("loadedmetadata" + tempoTotal);
});
}
tempoTotal = 0;
});