Воспроизведение и пауза в анимированных изображениях webp

Мне нужно реализовать управление воспроизведением и паузой для веб-анимированных изображений, которые должны воспроизводиться и останавливаться на одном кадре. Скажите, пожалуйста, решение, если кто-нибудь знает об этом


javascript animation webp
person Ganesh Krishnamoorthy    schedule 20.08.2018    source источник
comment
Конвертировать в видео?   -  person Kaiido    schedule 20.08.2018
comment
Из-за потребления размера я пришел к анимации webp вместо использования видео.   -  person Ganesh Krishnamoorthy    schedule 20.08.2018
comment
ну, возможно, вы сделали что-то не так в своих расчетах или преобразовании, видео должно быть меньше, чем анимированные изображения.   -  person Kaiido    schedule 20.08.2018
comment
Анимированные изображения Webp, снятые меньшего размера, чем видео того же файла   -  person Ganesh Krishnamoorthy    schedule 20.08.2018
comment
Еще раз вы, вероятно, сделали что-то не так. Проверьте эту ссылку в разделе Что следует использовать.   -  person Kaiido    schedule 20.08.2018

Ответы (1)


arrow_upward
0
arrow_downward

Введение

Я искал себе ответ минуту назад, когда я нашел ваш вопрос и уже имел к нему несколько подходов, поэтому я решил поделиться ими с пост-ответом [...]

  • Подход 1

Подход freezeframe.js, который работает с < strong> webp тоже.
(но без функции воспроизведения и паузы в том же кадре)
WEBP DEMO codepen.io/giorgosxou/pen/MWeqzgr

  • Подход 2

Подход Gif player-parser: можно создать альтернативу LC-GIF-Player (gif-demo) или gif-player (gif-demo), который (анализирует) работает с webp.

  • Подход 3

Мой подход похож на первый подход, заключающийся в том, чтобы просто изменить URL-адрес со статического изображения на веб-страницу при наведении или щелчке (хотя я еще не реализовал его. Потому что на данный момент я просто удалил их, поскольку они на самом деле не ТАК важны для меня, скорее всего я буду использовать гифки и aproach-2)

Outro

Я знаю, что это не решение вопроса, но определенно полезный ответ для тех, кто ищет подход [...]

person Giorgos Xou    schedule 07.11.2020