在搜索之前获取HTML5视频的当前时间

时间:2019-06-01 15:40:13

标签: javascript event-handling html5-video media-player

我在HTML页面中有一个<video>元素,希望记录用户播放的视频部分。我有一个“播放会话”对象,其中包含开始和结束时间戳记:

class PlaySession {
  constructor(start) {
    this.start = start;
    this.end = null;
  }

  finish(timestamp) {
    this.end = timestamp;
  }
}

“结束”播放会话时,我将startend值发送到API端点进行存储。我通过收听video元素引发的pause事件来获得结束时间戳。

寻求解决的问题。如果视频当前正在播放并且用户在时间检查器中的其他位置单击,则会引发pause事件 ,但是视频上的currentTime设置为用户单击的位置

例如:

  1. 用户开始观看视频。
  2. 用户观看5秒的视频。
  3. 用户点击30秒观看视频。
  4. pause事件引发,currentTime30而不是预期的5

还有一个问题,如果用户单击视频中的上一个点,那么我将得到一个end时间戳,该时间戳比<{> 1

寻找时,有没有办法在寻找发生之前获得start

0 个答案:

没有答案