Skip to main content
Fim da Recompensa com 50 pontos de reputação concedidos por Alan PS
this
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17

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;
});

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/

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", function () {
            tempoTotal = tempoTotal + parseInt(audioElement2.duration);
 
            $("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + tempoTotal + " segundos)");
 
            alert("loadedmetadata" + tempoTotal);
        });
    }    
    tempoTotal = 0;
});

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/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.onloadedmetadata = function (e) {
            tempoTotal = tempoTotal + parseInt(this.duration);
            $("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + tempoTotal + " segundos)");
            //alert("loadedmetadata" + tempoTotal);
        }
    }
    tempoTotal = 0;
});
conteúdo editado
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17

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/10/http://jsfiddle.net/7f6dxt5s/11/

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 TempoTotaltempoTotal = 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", function () {
            TempoTotaltempoTotal = TempoTotaltempoTotal + parseInt(audioElement2.duration);

            $("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + TempoTotaltempoTotal + " segundos)");

            //alert("loadedmetadata" + TempoTotaltempoTotal);
        });
    }    
    TempoTotaltempoTotal = 0;
});

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/10/

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", function () {
            TempoTotal = TempoTotal + parseInt(audioElement2.duration);

            $("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + TempoTotal + " segundos)");

            //alert("loadedmetadata" + TempoTotal);
        });
    }
    TempoTotal = 0;
});

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/

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", function () {
            tempoTotal = tempoTotal + parseInt(audioElement2.duration);

            $("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + tempoTotal + " segundos)");

            alert("loadedmetadata" + tempoTotal);
        });
    }    
    tempoTotal = 0;
});
Nomes das variaveis
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17

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/7/http://jsfiddle.net/7f6dxt5s/10/

HTML:

//var<input audioElement2type="file" =id="fileInputSelector" document.createElementsize="60" name="fileInputSelector" multiple>
<div id="musicas">Músicas Carregadas: 0 ('audio'Tempo Total: 0 segundos);</div>

Código

var tamanhoTempoTotal = 0;    
$("#file666""#fileInputSelector").change(function () {
    var fill;
    var file3 = [];    
    fillquantidadeDeArquivos = this.files.length;
 
    for (var i = 0; i < fill;quantidadeDeArquivos; i++) {
        file3[i]var esteArquivo = this.files[i];
        fileB = URL.createObjectURL(file3[i]esteArquivo);

        var audioElement2 = new Audio(fileB);
        audioElement2.setAttribute('src', fileB);

        $(audioElement2).on("loadedmetadata", function () {
            tamanhoTempoTotal = tamanhoTempoTotal + parseInt(audioElement2.duration);     

            $("#musicas").html("Músicas Carregadas: " + fillquantidadeDeArquivos + " (Tempo Total: " + tamanhoTempoTotal + " segundos)");     

            //alert("loadedmetadata" + tamanhoTempoTotal);
        });
    }    
    tamanhoTempoTotal = 0;    
    // $("#musicas").html("Músicas Carregadas: " + fill + " (Tempo Total: " + tamanho + ")");
});

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/7/

//var audioElement2 = document.createElement('audio');
var tamanho = 0;    
$("#file666").change(function () {
    var fill;
    var file3 = [];    
    fill = this.files.length;
 
    for (var i = 0; i < fill; i++) {
        file3[i] = this.files[i];
        fileB = URL.createObjectURL(file3[i]);

        var audioElement2 = new Audio(fileB);
        audioElement2.setAttribute('src', fileB);

        $(audioElement2).on("loadedmetadata", function () {
            tamanho = tamanho + parseInt(audioElement2.duration);    
            $("#musicas").html("Músicas Carregadas: " + fill + " (Tempo Total: " + tamanho + " segundos)");    
            //alert("loadedmetadata" + tamanho);
        });
    }    
    tamanho = 0;    
    // $("#musicas").html("Músicas Carregadas: " + fill + " (Tempo Total: " + tamanho + ")");
});

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/10/

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", function () {
            TempoTotal = TempoTotal + parseInt(audioElement2.duration); 

            $("#musicas").html("Músicas Carregadas: " + quantidadeDeArquivos + " (Tempo Total: " + TempoTotal + " segundos)"); 

            //alert("loadedmetadata" + TempoTotal);
        });
    }
    TempoTotal = 0;
});
removeu 161 caracteres do conteúdo
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17
Carregando
adicionou 52 caracteres ao conteúdo
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17
Carregando
removeu 4 caracteres do conteúdo
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17
Carregando
Fonte Link
Tony
  • 2,5mil
  • 14
  • 17
Carregando