У меня есть 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 или подобных библиотек.