[发明专利]动态图像的生成方法及装置

说明书

本公开涉及动态图像的生成方法及装置。该方法包括：在浏览器中接收到针对指定视频的视频帧获取请求时，获取所述指定视频的视频帧；通过所述浏览器的canvas元素的应用程序编程接口将获取的视频帧绘制在所述canvas元素的画布中；通过所述canvas元素的应用程序编程接口将所述canvas元素的画布中的视频帧添加至帧列表；根据所述帧列表中的视频帧生成动态图像。本公开能够在HTML5环境中生成动态图像，从视频帧的获取到动态图像的生成全部在浏览器中完成，降低了生成动态图像的繁琐度，提高了生成动态图像的效率。

技术领域

本公开涉及信息技术领域，尤其涉及一种动态图像的生成方法及装置。

背景技术

相关技术中，在生成动态图像时，首先需要通过客户端录屏工具对屏幕中播放的视频进行录屏，得到录屏文件，再将录屏文件导入到动态图像编辑软件中编辑得到动态图像。例如，动态图像编辑软件为GIF(Graphics Interchange Format，图像互换格式)编辑软件。相关技术中生成动态图像需要分别采用客户端录屏工具和动态图像编辑软件，较为繁琐。

发明内容

有鉴于此，本公开提出了一种动态图像的生成方法及装置。

根据本公开的一方面，提供了一种动态图像的生成方法，包括：

在浏览器中接收到针对指定视频的视频帧获取请求时，获取所述指定视频的视频帧；

通过所述浏览器的canvas元素的应用程序编程接口将获取的视频帧绘制在所述canvas元素的画布中；

通过所述canvas元素的应用程序编程接口将所述canvas元素的画布中的视频帧添加至帧列表；

根据所述帧列表中的视频帧生成动态图像。

在一种可能的实现方式中，通过所述canvas元素的应用程序编程接口将所述canvas元素的画布中的视频帧添加至帧列表，包括：

将所述canvas元素的画布中的视频帧编码为base64数据格式；

通过所述canvas元素的应用程序编程接口将所述canvas元素的画布中base64数据格式的视频帧传输至帧列表；

在所述帧列表中对base64数据格式的视频帧进行解码。

在一种可能的实现方式中，根据所述帧列表中的视频帧生成动态图像，包括：

将所述帧列表中的视频帧编码为动态图像格式的base64数据；

将所述动态图像格式的base64数据提交给服务器，以指示所述服务器生成所述帧列表中的视频帧对应的动态图像。

在一种可能的实现方式中，根据所述帧列表中的视频帧生成动态图像，包括：

将所述帧列表中的各个视频帧分别编码为base64数据格式；

将所述帧列表中base64数据格式的视频帧提交给服务器，以指示所述服务器生成所述帧列表中的视频帧对应的动态图像。

在一种可能的实现方式中，根据所述帧列表中的视频帧生成动态图像，包括：

根据编辑指令，对所述帧列表中的视频帧进行编辑；

根据编辑后的帧列表中的视频帧生成动态图像。

在一种可能的实现方式中，在浏览器中接收到针对指定视频的视频帧获取请求时，获取所述指定视频的视频帧，包括：

在浏览器中接收到针对指定视频的视频帧获取请求时，按照指定帧率获取所述视频的视频帧，直至满足停止获取条件。

在一种可能的实现方式中，所述停止获取条件包括以下至少一项：