前端动画性能优化方法、装置和计算机设备制造方法及图纸

本申请涉及一种前端动画性能优化方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括：对目标动画进行分层，获取不少于一个动画文件，获取目标动画中各动画文件的动画配置文件，并获取当前终端设备的性能参数；动画配置文件包括各动画文件的动画优先级和性能标识；性能参数包括当前终端设备的支持播放动画类型和播放性能等级；基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件；根据待播放动画文件的动画优先级，对待播放动画文件进行分步加载和渲染。采用本方法能够实现目标动画在各种前端设备中播放时都能达到性能和动画效果最优化效果。果。果。

【技术实现步骤摘要】
前端动画性能优化方法、装置和计算机设备


[0001]本申请涉及移动互联信息宣传
，特别是涉及一种前端动画性能优化方法、装置、计算机设备、存储介质和计算机程序产品。

技术介绍

[0002]动画在互联网中的应用越来越普及，复杂的动画播放效果对设备性能依赖程度高，但互联网终端设备尤其是移动端设备性能参差不齐。随着web页面功能和画面的复杂化，前端页面的性能压力也越来越大。虽然随着硬件的发展，设备性能也在逐步提升，但web终端尤其是移动设备品类繁多、性能参差不齐，对于受众较广泛的web应用而言，仍然需要兼容旧机型和中低端性能设备。
[0003]随着动画应用场景的多样化，为满足复杂的动画需求，动画数据文件体积越来越大，但web网速发展较慢，web动画播放时需通过网络获取动画数据文件，当动画文件体积较大时，前端页面需要较长时间加载，容易导致长时间白屏卡顿现象。因此，减少初始动画加载时间很有必要。
[0004]目前，主流技术可针对特定类型文件进行无损或有损压缩，以缩短数据文件传输大小，节省传输时间，但依然无法满足一些复杂的动画播放需求。由于web前端设备的多样性，一个复杂的动画效果在不同设备的流畅度有差异，为了兼容大部分设备，开发者通常会牺牲一部分酷炫的动画效果体验，采用简单的消耗小的动画资源代替，这样在高端机型上无法体验复杂度高的动画，在某些低端的安卓设备上可能出现动画卡顿不流畅的现象，甚至在一些ios设备上可能因为过高的性能消耗导致应用闪退。因此，目前的技术无法针对各个设备达到性能和动画效果的最优化。r/>
技术实现思路

[0005]基于此，有必要针对上述技术问题，提供一种能够满足各种设备达到性能和动画效果最优化的前端动画性能优化方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。
[0006]第一方面，本申请提供了一种前端动画性能优化方法。所述方法包括：
[0007]对目标动画进行分层，获取不少于一个动画文件，获取目标动画中各动画文件的动画配置文件，并获取当前终端设备的性能参数；所述动画配置文件包括各动画文件的动画优先级和性能标识；所述性能参数包括当前终端设备的支持播放动画类型和播放性能等级；
[0008]基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件；
[0009]根据所述待播放动画文件的动画优先级，对所述待播放动画文件进行分步加载和渲染。
[0010]在其中一个实施例中，所述并获取当前终端设备的性能参数包括：
[0011]获取当前终端设备的硬件性能信息；
[0012]基于所述硬件性能信息，获取当前终端设备的支持播放动画类型；
[0013]根据预设的分级标准对当前终端设备的性能进行分级，获取当前终端设备的播放性能等级；所述播放性能等级与所述动画配置文件中的性能标识相匹配。
[0014]在其中一个实施例中，所述基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件包括：
[0015]基于目标动画中各动画文件的动画类型和当前终端设备的支持播放动画类型，对目标动画中的动画文件进行筛选，获取符合当前终端设备的支持播放动画类型的动画文件作为初筛动画文件；
[0016]基于初筛动画文件的性能标识和当前终端设备的播放性能等级，对初筛动画文件进行筛选，获取与当前终端设备的播放性能等级匹配的动画文件作为待播放动画文件。
[0017]在其中一个实施例中，所述根据所述待播放动画文件的动画优先级，对所述待播放动画文件进行分步加载和渲染包括：
[0018]获取待播放动画文件的动画优先级，按照动画优先级的高低顺序对所述待播放动画文件进行排序；
[0019]按照排序顺序对所述待播放动画文件进行分步加载和渲染。
[0020]在其中一个实施例中，所述基于目标动画中各动画文件的动画类型和当前终端设备的支持播放动画类型，对目标动画中的动画文件进行筛选，获取符合当前终端设备的支持播放动画类型的动画文件作为初筛动画文件包括：
[0021]将目标动画中各动画文件的动画类型与当前终端设备的支持播放动画类型进行对比，判断目标动画中各动画文件的动画类型与当前终端设备的支持播放动画类型是否匹配；
[0022]若匹配，将该动画文件作为初筛动画文件；若不匹配，将该动画文件从动画文件列表中移除。
[0023]在其中一个实施例中，所述基于初筛动画文件的性能标识和当前终端设备的播放性能等级，对初筛动画文件进行筛选，获取与当前终端设备的播放性能等级匹配的动画文件作为待播放动画文件包括：
[0024]将初筛动画文件的性能标识和当前终端设备的播放性能等级进行对比，判断初筛动画文件的性能标识与当前终端设备的播放性能等级是否匹配；
[0025]若匹配，将该动画文件作为待播放动画文件；若不匹配，将该动画文件从动画文件列表中移除。
[0026]第二方面，本申请还提供了一种前端动画性能优化装置。所述装置包括：
[0027]获取模块，用于对目标动画进行分层，获取不少于一个动画文件，获取目标动画中各动画文件的动画配置文件，并获取当前终端设备的性能参数；所述动画配置文件包括各动画文件的动画优先级和性能标识；所述性能参数包括当前终端设备的支持播放动画类型和播放性能等级；
[0028]筛选模块，用于基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件；
[0029]播放模块，用于根据所述待播放动画文件的动画优先级，对所述待播放动画文件
进行分步加载和渲染。
[0030]第三方面，本申请还提供了一种计算机设备。所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
[0031]对目标动画进行分层，获取不少于一个动画文件，获取目标动画中各动画文件的动画配置文件，并获取当前终端设备的性能参数；所述动画配置文件包括各动画文件的动画优先级和性能标识；所述性能参数包括当前终端设备的支持播放动画类型和播放性能等级；
[0032]基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件；
[0033]根据所述待播放动画文件的动画优先级，对所述待播放动画文件进行分步加载和渲染。
[0034]第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
[0035]对目标动画进行分层，获取不少于一个动画文件，获取目标动画中各动画文件的动画配置文件，并获取当前终端设备的性能参数；所述动画配置文件包括各动画文件的动画优先级和性能标识；所述性能参数包括当前终端设备的支持播放动画类型和播放性能等级；
[003本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端动画性能优化方法，其特征在于，所述方法包括：对目标动画进行分层，获取不少于一个动画文件，获取目标动画中各动画文件的动画配置文件，并获取当前终端设备的性能参数；所述动画配置文件包括各动画文件的动画优先级和性能标识；所述性能参数包括当前终端设备的支持播放动画类型和播放性能等级；基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件；根据所述待播放动画文件的动画优先级，对所述待播放动画文件进行分步加载和渲染。2.根据权利要求1所述的方法，其特征在于，所述并获取当前终端设备的性能参数包括：获取当前终端设备的硬件性能信息；基于所述硬件性能信息，获取当前终端设备的支持播放动画类型；根据预设的分级标准对当前终端设备的性能进行分级，获取当前终端设备的播放性能等级；所述播放性能等级与所述动画配置文件中的性能标识相匹配。3.根据权利要求2所述的方法，其特征在于，所述基于当前终端设备的性能参数对目标动画中的动画文件进行筛选，获取与当前终端设备性能相匹配的动画文件作为待播放动画文件包括：基于目标动画中各动画文件的动画类型和当前终端设备的支持播放动画类型，对目标动画中的动画文件进行筛选，获取符合当前终端设备的支持播放动画类型的动画文件作为初筛动画文件；基于初筛动画文件的性能标识和当前终端设备的播放性能等级，对初筛动画文件进行筛选，获取与当前终端设备的播放性能等级匹配的动画文件作为待播放动画文件。4.根据权利要求1所述的方法，其特征在于，所述根据所述待播放动画文件的动画优先级，对所述待播放动画文件进行分步加载和渲染包括：获取待播放动画文件的动画优先级，按照动画优先级的高低顺序对所述待播放动画文件进行排序；按照排序顺序对所述待播放动画文件进行分步加载和渲染。5.根据权利要求3所述的方法，其特征在于，所述基于目标动画中各动画文件的动画类型和当前终端设备的支持播放动画类型，对目标动画中的动画文件进行筛选，获取符合当前终端设备的支持播放动画类型的动画文件作为初筛动画文件包括：将目标动画中各动画文件的动画类型与当前终端设备的支持播放动画类型进行对比，判断目标动画中各动画文件的动画类型与当前终端设备的支持播放动画类型是否匹配；若匹配，将该动画文件作为初筛动画文件；若不匹配，将该动画文件从动画文件列表中移除。6.根据权利要求3所述的方法，其特征在于，所述基于初筛动画文件的性能标识和当前终端设备的播放性能等级，对初筛动画文件进行筛选，获取与当前终端设备的播放性能等级匹配的动画文件作为待播放动画文件包括：将初筛动画文件的性能标识和当前终端设备的播放性能等级进行对比，判断初筛动画文件的性能标识与当前终端设备的播放性能等级是否匹配；
若匹配，将该动画文件作为待播放动画文件；若不匹配，将该动画文件从动画文件列表中移除。7.一...

【专利技术属性】
技术研发人员：李思，
申请(专利权)人：中国建设银行股份有限公司，
类型：发明
国别省市：