¿Qué estoy haciendo mal? Parece que la barra que controla el tiempo del audio no funciona.
Dentro del script (inicializo la variable seeking=false
):
seekslider = document.getElementById("seekslider");
seekslider.addEventListener("mousedown", function(event) {
seeking = true;
seek(event);
});
seekslider.addEventListener("mousemove", function(event) {
seek(event);
});
seekslider.addEventListener("mouseup", function() {
seeking = false;
});
function seek(event) {
if (seeking) {
seekslider.value = event.clientX - seekslider.offsetLeft;
var seekto = audio.duration * (seekslider.value / 100);
audio.currentTime = seekto;
}
}
<div align="center">
<input id="seekslider" type="range" min="0" max="100" value="0" step="1" />
</div>