我有一个受HTML5
函数控制的JavaScript
视频元素。我使用库VideoFrame.js,以便可以在特定帧处调用不同的功能。例如,functionA()
位于第100帧,functionB()
位于第200帧。
代码看起来像这样:
var vframe = VideoFrame({
id: 'myvideo',
frameRate: 25,
callback: function (frame) {
if(frame == 100) {
functionA();
}
if(frame == 200) {
functionB();
}
}
});
我的问题:在调用callback
函数时,某些帧被遗漏了。对于其他一些帧,callback
函数被多次调用。我相信通过在VideoFrame.js
内舍入时间会出现此问题。
例如,有时跳过第100帧,因此从不调用functionA()
。
有人知道我如何让callback
函数每帧调用一次,但至少每帧调用一次吗?也许可以通过异步函数调用解决此问题?也许还有其他视频库可以解决此问题?
我尝试不使用jQuery或类似库来解决问题。