在 webp 动画图像上播放和暂停



我需要在网页动画图像上实现播放和暂停控制,这些图像应该在同一帧本身上播放和暂停。如果有人知道这一点,请告诉我解决方案

简介

刚才我正在寻找自己的答案,当我找到您的问题并且已经有一些方法时,所以我想与后答案分享它们[...]

  • 方法1

冻结帧.js方法,也适用于webp
(但在同一帧上没有播放和暂停功能(

WEBP 演示codepen.io/giorgosxou/pen/MWeqzgr

  • 方法2

"gif player-parser"方法:可以通过创建一个替代的LC-GIF-Player(gif-demo(或gif-player(gif-demo(来完成,这些播放器可以(解析(与webp一起工作。

  • 方法3

的方法有点像第一种方法,只是在悬停或单击时将 url 从静态图像更改为 webp(尽管我还没有实现它......因为现在我只是删除了它们,因为它们实际上对我来说并不那么重要,很可能我会使用 gif 和 aproach-2 (

尾声

我知道这不是这个问题的解决方案,但对于那些寻找方法的人来说,这绝对是一个有用的答案 [...]

最新更新