0

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

3

1 respuesta 1

0

La barra funciona bien, solo tenias que definir la variable seeking global, y para que el ejemplo funcionara definir el objeto audio

seekslider = document.getElementById("seekslider");
var audio = {
  duration: 30
};
var seeking = false;
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;
    console.log(audio);
  }
}
<div align="center">
  <input id="seekslider" type="range" min="0" max="100" value="0" step="1" />
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.