Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.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_Html_Video_Webm - Fatal编程技术网

Javascript 视频上的时间间隔

Javascript 视频上的时间间隔,javascript,html,video,webm,Javascript,Html,Video,Webm,在HTML5中,在WEBM视频上使用JavaScript,我试图在指定的时间间隔上显示一个移动的形状。为了确定这些时间间隔,我使用SetTimeOutpunc,0方法返回视频的当前时间: func() { var time = $gVideo.attr('currentTime'); setTimeout(func, 0); } 我遇到的问题是,在不同的浏览器上,读数差别很大。 例如

在HTML5中,在WEBM视频上使用JavaScript,我试图在指定的时间间隔上显示一个移动的形状。为了确定这些时间间隔,我使用SetTimeOutpunc,0方法返回视频的当前时间:

            func() {
                var time = $gVideo.attr('currentTime');
                setTimeout(func, 0);
            }
我遇到的问题是,在不同的浏览器上,读数差别很大。 例如,Firefox将返回:

            [0,10,90,130,210,220,250,340,460,590,760,960,1090,1220,1430,1550,1760,1880,2010,2060,2090,2130,2170,2220,2260,30130,30140,30200,30260,30290,30410,30580,30750,30990,31040,31160,31240,31290,31410,31500,31530,31560] – irregular increments 
铬:

            [10,20,30,40 …. 31560] – multiples of 10
歌剧:

            [0,10,20,30,40,50,140,230,340,430,520,710,870,1030,1220,1290,1460,1550,1720,1820,1980,1990,2170,2260,2420,2600,2760,2850,3010,3110,3290,3370,3560,3640,3800, …. 31560] – irregular increments
由于在所有浏览器中获得与Chrome相同的结果至关重要,请告知我的实现中的缺陷在哪里。浏览器中的视频实现返回的时间值可能存在如此大的差异,或者是JavaScript中的计时器问题?

在这种情况下,您不应该使用setTimeout,请尝试处理视频元素的timeupdate事件,并在处理程序中获取currentTime