欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何生成webp动图

程序员文章站 2022-03-22 08:21:17
一张动态的封面 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 表...

一张动态的封面 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