视频转GIF源码 非接口,采用js库基于制作
工具不仅提供视频转GIF功能,而且在转换GIF的同时还能添加文字,精确到每一帧,想让文字显示在哪个位置、时间,以及文字大小颜色都可以设置,全部都是浏览器本地生成,没有任何网络请求,离线也能使用。内容随意更改,点击生成就能得到修改后的GIF
### 实现过程
1. 视频播放时通过canvas将每一帧原图保存到全局数组FPS_LIST中,同时需要把每一帧的播放时间存到图片中,视频在播放的时候,点击文字定位图标,获取当前视频播放时间,填充到文字时间输入框中
2. 点击生成需要重新遍历FPS_LIST,为每一帧添加文字,这里需要注意的时,每行文字都有自己对应显示的时间范围,所以需要判断文字绘制在那一帧图片中。然后生成新的图片数组GIF_IMG_LIST
3. 将图片交给gifshot,最后得到生成后的GIF
是不是很简单, 需要声明的是前端生成GIF底层借助一个开源的js库
源码下载;
https://www.lanzous.com/i8dng9e
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END