Estou fazendo um player e gostaria de saber se tem uma função que fique executando o tempo inteiro, ou somente quando tal elemento é alterado.
No caso eu tenho essa função:
function updateTime() {
var bufferedEnd = view.buffered.end(view.buffered.length- 1);
videoLoader.style.width = String((bufferedEnd / view.duration) * 100) + '%';
pctSeek = (view.currentTime / view.duration) * 100;
progress.style.width = String(pctSeek)+'%';
currentHour = Math.floor(view.currentTime / 3600);
currentMin = Math.floor(view.currentTime / 60);
currentSec = Math.floor(((view.currentTime / 60) % 1) * 60);
timer.innerHTML = convertTime(currentHour, currentMin, currentSec);
}
Que faz a barrinha de carregamento do player atualizar o tempo todo e o tempo do video também.
Porém quando eu chamo essa função, eu chamo com um setInterval
:
intervalTimer = setInterval(updateTime, 10);
E isso está deixando o site muito lento (pelos milésimos de segundo).
Eu tentei deixar um tempo maior, porém como a barrinha de load carrega junto com essa função, ela estava travando se você fosse arrastar (porque ela executava a cada 100 milissegundos).
Eu tentei usar o resize()
só que também não funcionou.