Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 跟踪观众观看特定视频的时间_Javascript_Reactjs_Video_Video.js - Fatal编程技术网

Javascript 跟踪观众观看特定视频的时间

Javascript 跟踪观众观看特定视频的时间,javascript,reactjs,video,video.js,Javascript,Reactjs,Video,Video.js,我试图追踪一个观众观看某个视频的时间,我对一些媒体事件在视频中的表现有些困惑 当视频被跳过到视频的后面部分并停止一段时间时,它是否会调用onPause,而实际上不需要按下暂停按钮 此外,我对onTimeUpdate的作用也感到困惑 请查看此处的HTML音频/视频事件监听器参考: 您可能需要“”属性: 表示音频/视频元素的就绪状态: 0=无任何内容-无音频/视频是否正常的信息 准备好了吗 1=具有元数据-音频/视频的元数据已准备就绪 2=具有当前数据-当前播放位置的数据为 可用,但数据不足,无

我试图追踪一个观众观看某个视频的时间,我对一些媒体事件在视频中的表现有些困惑

  • 当视频被跳过到视频的后面部分并停止一段时间时,它是否会调用
    onPause
    ,而实际上不需要按下暂停按钮

  • 此外,我对
    onTimeUpdate
    的作用也感到困惑


请查看此处的HTML音频/视频事件监听器参考:

您可能需要“”属性:

表示音频/视频元素的就绪状态:

0=无任何内容-无音频/视频是否正常的信息 准备好了吗

1=具有元数据-音频/视频的元数据已准备就绪

2=具有当前数据-当前播放位置的数据为 可用,但数据不足,无法播放下一帧/毫秒

3=拥有未来数据-当前数据和至少下一个数据 框架可用

4=有足够的数据-有足够的数据开始播放

所以,我可以想象你在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 );