Поиск, поиск и обновление Javascript События || Мукс
Итак, сейчас я пытаюсь понять, как работают события timeupdate, seeking и seek. Я использую MUX Player, и да, они срабатывают, но я не могу полностью понять, как это работает. Допустим, видео, данное в песочнице, примерно 4:09 длинное, и когда я дохожу до конца, timeupdate говорит мне, что это было 168604. Теперь, предполагая, что метка времени возвращается через ms, я занимаюсь математикой, но тогда она становится просто 2.81006667 минутами; Что явно не соответствует продолжительности.
Конечная цель — проверить, длится ли у пользователя поиск более 5 секунд, а затем вернуть true, но прежде чем я доберусь до этого, мне нужно понять, как на самом деле работают эти события.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Предполагая, что вы смотрите на значение event.timeStamp, это число не имеет особого отношения к видео — это значение, которое исходит из самого события (см. https://developer.mozilla.org/en-US). /docs/Web/API/Event/timeStamp), и вы можете игнорировать его для этого варианта использования.
Событие timeupdate сообщает вам, что видео продвигается, но само событие не содержит информации, необходимой для определения того, в каком месте видео находится текущий зритель. Для этого вы должны получить текущее время самого игрока в обратном вызове события с помощью player.currentTime
Итак, чтобы проверить, длится ли поиск более 5 секунд, вам нужно знать, где находился зритель до поиска. Вы можете отслеживать положение зрителя в видео с помощью timeupdate, а затем прослушивать событие seeked, где вы также можете захватить player.currentTime. Если разница между событием seekedcurrentTime и последним известным currentTime событием timeupdate превышает 5 секунд, то бум, у вас есть все, что нужно для продолжения.
В этом посте вы найдете примеры кода о том, как другие решали эту проблему в прошлом: HTML5-видео: получение позиции поиска
Я работаю в Mux и буду рад ответить на любые другие вопросы, касающиеся проигрывателя Mux :)
Ааа, timeStamp теперь имеет больше смысла. Я попробую через некоторое время. Спасибо за ответ!