Início / coding / Perguntas / 77518586
Accepted
Math
Asked: 2023-11-21 04:02:33 +0800 CST

Como posso obter continuamente a hora atual dos vídeos HTML?

  • 772

Estou tentando em js obter a hora atual dos vídeos. Eu descobri uma solução bastante feia e não tão precisa, usando um setIntervalevento play. Mas eu preferiria usar um método melhor. Talvez requestAnimationFramepudesse fazer isso? Estou aberto para uma solução melhor.

Código atual:

  this.video = document.createElement('video')
  this.duration = null
  this.currentTime = null

  this.video.addEventListener('play', this.play)

  play(e) {
    setInterval(() => {
      this.currentTime = this.video.currentTime
    }, 1000)
  }
javascript

1 respostas

  1. Best Answer

    Acho que o que você está procurando é o timeupdateevento .

    Exemplo:

    let video = document.getElementById("video");
let currentTime = null;

video.addEventListener('timeupdate', timeUpdate);

function timeUpdate(e) {
  currentTime = e.target.currentTime;
  console.log("Time: " + currentTime);
}
    <video id="video" width="400" controls>
  <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
</video>

    • 2

relate perguntas