当前位置： 移动技术网 > IT编程>网页制作>HTML > 如何生成webp动图

如何生成webp动图

2020年07月13日  | 移动技术网IT编程  | 我要评论

一张动态的封面 vs 一张静止的封面
一方面，在观感上动图能给用户更好的体验，一方面也能让用户短时间获取更多的信息，以下文章将记录如何用视频生成自己想要的动图。

方案

1.使用ffmpeg从视频前5秒抽取8帧视频帧
2.使用谷歌工具img2webp将帧图合并，生成一个webp动图

命令

ffmpeg -i video.mp4 -ss 00:00:00  -t  5 -vf fps=1.6 -s 280x280  ./images/%d.jpg

-i 表示抽帧的视频
-ss 表示抽取视频的开始时间
-t 表示抽取的时间长度
fps 表示每秒1.6帧
-s 表示视频的长宽

img2webp -loop 0  -lossy  1.jpg -d 160 2.jpg -d 160 3.jpg -d 160 4.jpg -d 160 5.jpg -d 160 6.jpg -d 160 7.jpg -d 160 8.jpg -d 160  -o out3.webp

loop代表循环，0就是一直循环，1是熏昏1遍
-d表示每张图片展示的时间长度
-lossy表示无损模式

本文地址：https://blog.csdn.net/hello_bravo_/article/details/107295657

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网