Плавная прокрутка html5 видео?

Question

[yarovikov]

Привет всем.

Имеется



Как сделать плавную прокрутку видео ползунком? Чтобы кадры менялись сразу, без задержки? Я так понимаю, затык в буферизации и производительности, может кто решал такую проблему.

Comments

[VoidVolker]

yarovikov и что именно у вас не получается? В чём проблема?

[yarovikov]

VoidVolker, в том, что оно рывками проматывается. или не проматывается, пока не отпустишь ползунок, и только тогда меняется позиция видео. Все описано в вопросе..

Answer 1

[Антон Горецкий]

попробуй добавить антидребезг:

let debounceTimeout;

videoProgress.addEventListener('input', () => {
  clearTimeout(debounceTimeout);
  debounceTimeout = setTimeout(() => {
    video.currentTime = videoProgress.value;
  }, 200); // 200 мс задержки, пробуй менять от 50 до 500 примерно
});