javascript - 添加事件监听器以在 videojs 中的运行时获取视频持续时间

Question

我想在视频播放时使用任何事件监听器监视视频持续时间。我正在使用 videojs 进行视频播放。

我遇到过 play、myplayer.isPaused 等事件，但它们只触发一次。 myplayer 是 videojs 的视频元素。 现在，经过进一步研究，我得到了一个名为 on 的事件。 代码如下:

myPlayer.on("play", myfun);

  function myfun() {
    console.log("myPlayer.currentTime()");
    console.log(myPlayer.currentTime());
    myfun();
  }

这是我所期望的，它会给我currentTime，正如你所看到的，我正在递归调用myfun。 但是这个函数被调用了一百万次，但只给我 0 的开始时间。

我什至尝试将 myPlayer.currentTime() 放在 setInterval 中，但这种方法不可靠，当然也不是一个好主意。

我使用了 native javascript 事件监听器，但它们不太可能有用。

那么有什么帮助可以为视频播放附加事件监听器，以便我获得播放持续时间吗？

Answer 1

play 事件仅在播放开始时触发。如果您想监控视频的进度，那么正确的事件是 timeupdate .这是一个例子:

myPlayer.on("timeupdate", myfun);

function myfun() {
    console.log("myPlayer.currentTime()", myPlayer.currentTime());
}