Витягувач кадрів із відео

Перемотувати шкалу відео й сподіватися, що скріншот вийде саме в потрібну мить, — це не те саме, що реально витягти кадр. Цей інструмент декодує завантажене відео просто в браузері й захоплює справжні нерухомі кадри точно в потрібні моменти — кожні N секунд по всьому ролику або за введеним списком конкретних позначок часу, — а тоді видає кожен кадр як окремий файл PNG чи JPEG для завантаження.

Точність захоплення тут чесна, а не просто задекларована. Там, де браузер підтримує API requestVideoFrameCallback, інструмент переходить до потрібного часу і захоплює кадр лише після того, як саме цей кадр реально декодовано й показано на екрані, — той самий механізм, що й у справжніх кадрово-точних відеоінструментах, і помітно надійніший за просте зчитування currentTime одразу після переходу. Там, де браузер не реалізує це API, інструмент чесно переходить на захоплення через currentTime і подію seeked і прямо повідомляє про це на сторінці, а не мовчки видає обидва шляхи за однаково точні.

Два режими покривають типові сценарії. «Кожні N секунд» будує рівномірний набір позначок часу по всій тривалості відео — зручно для контактного аркуша, набору мініатюр чи вибірки кадрів для іншого інструмента. «Конкретні позначки часу» дозволяють ввести точний список через кому чи з нового рядка, у форматі мм:сс або просто секунд, щоб дістати саме потрібні моменти — гол, реакцію, конкретний слайд у записаній презентації.

Кадри з'являються в сітці мініатюр одразу після захоплення, тож на довгих вилученнях видно прогрес, будь-який окремий кадр можна завантажити одразу, а кнопка «завантажити всі» після завершення запускає всі файли по черзі. Нічого не завантажується на сервер: і саме відео, і всі захоплені кадри залишаються на вашому пристрої, а вся обробка виконується власними API декодування відео та Canvas 2D браузера.