Estou fazendo um player de música em jQuery/JavaScript/HTML5 e esta indo tudo bem, mas quando ele começa a rodar as músicas +ou- na 13ª faixa começa a ficar bem lento a página e dá umas "travadas" e fica impossível de continuar sem atualizar a página e perder a playlist, queria saber qual o problema com meu código atual...
function readFile3(file, file2){
fileA = URL.createObjectURL(file);
audioElement.setAttribute('src', fileA);
audioElement.play();
var test = $("#musics").html();
$(audioElement).on("loadedmetadata", function () {
var test3 = test.replace('<div class="music"><div class="bola"></div>' + file3[file2].name + '</div>', '<div class="music2"><div class="bola2"></div>' + file3[file2].name + '</div>');
$("#musics").html(test3);
$("#div3a").scrollTop(0);
$("#div3a").scrollTop($(".music2").position().top);
});
$(audioElement).on("ended", function () {
if (file2 < fill - 1) {
$("#musics").html(test);
file2 = file2 + 1;
readFile3(file3[file2], file2);
}
else {
$("#musics").html(test);
audioElement.load();
}
});
$(audioElement).on("timeupdate", function () {
tempo();
videoTimeUpdateHandler();
});
};
Não é meu primeiro script em jQuery que acontece isso, será bug no jQuery ou eu estou fazendo alguma coisa errada?