video记录视频播放时长

一、背景：需要记录视频播放时长

html使用video控件，需每隔一段时间记录前端视频的播放时长。

二、应用：选择timeupdate的监听事件

由于该事件是每隔250毫秒运行一次，太频繁了，而且回传结果是毫秒，需要改写为 分/秒  的格式。

// 14、timeupdate：目前的播放位置已更改时，播放时间更新
    video.addEventListener('timeupdate', function(e) {
      console.log('timeupdate')
      console.log(e)
    })

三、改写：转为计量单位

video.addEventListener('timeupdate', (e)=> {
   //每250毫秒运行一次。转为秒
   var duration = e.timeStamp/1000; 
   //每5秒更新数据库；
   if(Math.round(duration)%5==0){		
       // TODO
       int h = duration::int / 3600;
       int m = (duration::int % 3600) / 60;
       int s = (duration::int % 3600) % 60;
   }
})			

四、video 事件监听

相关链接：video 标签 各种属性及所有事件监听大全_video标签事件监听-CSDN博客