【工作笔记】将GIF拆解成序列帧给video_image控件使用

天上下橙雨

已于 2022-05-17 22:20:30 修改

阅读量1.3k

点赞数

分类专栏：工作笔记文章标签： awtk gif video image

于 2022-05-03 13:11:07 首次发布

本文链接：https://blog.csdn.net/weixin_40026797/article/details/124553606

版权

本文探讨了在嵌入式开发中如何通过AWTK的videoimage控件，将GIF文件分解为帧序列来降低内存需求。介绍了git_to_video_gen工具的作用及其实现过程，展示了如何将GIF拆解并利用帧间差异算法压缩视频文件以提高效率。

摘要由CSDN通过智能技术生成

一、前言

本文基于 AWTK 提供的自定义控件 video image 编写，该控件主要用来解决嵌入式开发板上 JPG、PNG、GIF文件解析慢且内存需求量高的问题。

备注：

AWTK 是 ZLG 基于C语言开发的开源 GUI 引擎，前往官网，Github仓库。

awtk-widget-video-image 是 AWTK 官方提供的自定义控件，Gitee仓库。

二、video image 控件

在一般的嵌入式板子上面，解析 JPG、PNG、GIF文件速度是很慢的，尤其是在播放高分辨率的序列帧的时尤为明显，为了解决该问题，AWTK 提供了 video image 控件。

video_image 控件是采用帧间差异的图像算法，把序列帧压缩为一个自定义的视频文件，这种方法的逻辑实际上就是空间换时间的策略，虽然整体视频文件的大小会比 JPG 文件（PNG 文件）要大，但是会比位图文件小很多。

控件原理：

先将一系列JPG/PNG格式的序列帧图片解析成位图。
采用帧间差异算法计算并保存每一帧之间的脏矩形区域和数据。
将这些差异数据压缩为一个自定义的视频文件。
采用 lz4 算法（一个第三方库）再次对视频文件进行压缩，进一步缩小资源。
在程序运行时候先用 lz4 算法解压视频文件，然后将帧间差异解析出来，组合成位图，一帧帧播放。

三、为什么需要将GIF拆解成序列帧？

在 AWTK 中，显示 gif 图片的过程时会先将 gif 文件解析成一帧帧的位图，再将它们拼接起来加载到内存中，比如一个分辨率为 480 X 480 的 gif 图片，其中包含 120 帧图像，需要将其解析为 16 位色的 bitmap 显示到 LCD 上，那么就至少需要 480 X 480 X 120 X 2 大小的内存，约为 52.7 M。

这么大的内存需求量，一般的嵌入式开发板显然是无法提供的，这个时候就可以借助 git_to_video_gen 工具将 git 图片转成一张张的位图序列帧，然后再使用 diff_image_to_video_gen 工具压缩成 video_image 控件使用的视频文件。

备注：git_to_video_gen 工具可以在 window 和 linux 上面运行。

git_to_video_gen 工具的用法：git_to_video_gen.exe [空格] image_name [空格] save_file_path

参数	说明	备注
image_name	gif文件路径
save_file_path	序列帧文件的保存路径

git_to_video_gen 工具默认将 gif 图片转成一系列 RGBA8888 格式的 png 图片帧，并且会在图片帧目录下生成 info.log 文件，该文件用于存放 gif 的相关信息，比如：

image_name_format=frame%d
delays=30

其中参数的含义如下：

参数	说明	备注
image_name_format	序列帧的文件名格式	git_to_video_gen工具生成的序列帧默认为frame%d
delays	gif的帧间延迟时间	每一帧的时间间隔，单位为毫秒

本文主要是介绍 git_to_video_gen 工具的实现，即将 gif 文件拆解成序列帧。

四、将GIF拆解成序列帧

首先，我们先编写 git_to_video_gen 工具的 main 函数：

/* 该工具仅在 Linux 平台和 Windows 平台使用 */
#if defined(LINUX) || defined(WIN32)
#include "tkc/fs.h"
#include "tkc/mem.h"
#include "tkc/path.h"
#include "tkc/utils.h"
#include "base/bitmap.h"
#include "base/types_def.h"
#include "image_loader/image_loader_stb.h"
#include <iostream>
using namespace std;

/* 导入stb_image_write库，用于后续将序列帧保存到本地硬盘 */
#define STB_IMAGE_WRITE_IMPLEMENTATION
#include "