[发明专利]一种动画数据传输方法、装置、设备和存储介质

说明书

本发明公开了一种动画数据传输方法、装置、设备和存储介质，涉及处于HTML5环境内的发送端和目标端，发送端与目标端通信连接，方法包括：通过发送端获取当前页面对应的项目列表；通过发送端遍历项目列表，从项目列表内的多个动画项目分别提取动画元素信息；通过发送端采用动画元素信息构建本地动画文件，并发送本地动画文件至目标端；通过目标端解析本地动画文件，生成动画特效，从而更为高效准确地在HTML5环境内实现动画数据的传输。

技术领域

本发明涉及数据传输技术领域，尤其涉及一种动画数据传输方法、装置、设备和存储介质。

背景技术

随着计算机软件技术的快速发展，各式各样的应用程序(Application，App)已经成为了大众生活中不可或缺的一部分，这些App在日常生活中为大众的衣食住行都提供了便利。

由于App的种类繁多，且功能不一，出于网络流量以及设备内存的考虑，用户不可能将所有的功能的App都下载到手机上进行使用，因此很多App服务商都采用将自身提供的App通过HTML5页面(简称H5页面)的方式提供给用户使用，以免去用户下载App耗费网络流量的顾虑。

在现有方案中，AE(Adobe After Effects，后期动画合成软件)所生成的动画通常是通过其中的bodymovin插件导出动画数据文件，且只能在Android/iOS/Web系统中配合lottie的代码库运行，但是在H5环境中不存在lottie的运行代码库，无法读取动画数据文件的关键信息。导致每次动画数据文件的传输所花费时间较多，容易出现错误，难以准确还原复杂动画设计，无法实现动画数据的高效准确传输。

发明内容

本发明提供了一种动画数据传输方法、装置、设备和存储介质，解决了现有技术中动画数据文件的传输所花费时间较多，容易出现错误，难以准确还原复杂动画设计，无法实现动画数据的高效准确传输的技术问题。

有鉴于此，本发明第一方面提供的一种动画数据传输方法，涉及处于HTML5环境内的发送端和目标端，所述发送端与所述目标端通信连接，所述方法包括：

通过所述发送端获取当前页面对应的项目列表；

通过所述发送端遍历所述项目列表，从所述项目列表内的多个动画项目分别提取动画元素信息；

通过所述发送端采用所述动画元素信息构建本地动画文件，并发送所述本地动画文件至目标端；

通过所述目标端解析所述本地动画文件，生成动画特效。

可选地，所述通过所述发送端遍历所述项目列表，从所述项目列表内的多个动画项目分别提取动画元素信息的步骤，包括：

通过所述发送端遍历所述项目列表，确定所述项目列表内的多个动画项目分别对应的动画帧；

通过所述发送端响应用户输入的选择信息，从多帧所述动画帧所对应的多种特效信息中选择目标特效信息，生成动画元素信息。

可选地，所述目标端包括多种游戏引擎，所述通过所述目标端解析所述本地动画文件，生成动画特效的步骤，包括：

通过所述目标端采用预设接口读取所述本地动画文件，得到多个动画特效信息；

通过所述目标端接收用户输入的选择信息，从所述多种游戏引擎中选择目标游戏引擎；

通过所述目标端根据每个所述动画特效信息的类型，解析所述动画特效信息并转换为与所述目标游戏引擎对应的动画代码文件；

通过所述目标游戏引擎执行所述动画代码文件，生成对应的动画特效。

可选地，还包括：

当所述发送端接收动画项目创建指令时，在所述当前页面创建新的所述动画项目；