跟踪观看者观看某个视频的时间

Question

我试图跟踪观看者观看某个视频的时间长度，对于某些媒体事件在React JS中的做法我有点困惑。

• 当视频被跳过的视频的后面部分，并停止了一下它调用而实际上根本没按暂停按钮？

• 此外，我很困惑onTimeUpdate做什么。

Answer 1

请看看在HTML音频/视频事件监听器参考这里： https://www.w3schools.com/tags/ref_av_dom.asp

你可能需要 'readystate' 属性：

代表的就绪状态音频/视频元素：

0 = HAVE_NOTHING - 无论音频/视频是否准备好

1 = HAVE_METADATA - 为对音频/视频元数据是准备

2 = HAVE_CURRENT_DATA - 对于当前重放位置的数据是 可用的，但没有足够的数据来播放下一帧/毫秒

3 = HAVE_FUTURE_DATA - 数据用于当前和未来至少 帧可用

4 = HAVE_ENOUGH_DATA - 可用的开始播放足够的数据

所以，我想你会在setTimeout上使用一个计数器来计算它播放的视频有多长时间。

var counter = 0; 
var timer = setTimeout(function() { 
    var vid = document.getElementById("myVideo"); 
    var state = vid.readystate; 
    if(state != 0) counter++; 
    console.log(counter + " seconds its been played"); 
} , 1000);