CN109359262A - 动画播放方法、装置、终端及存储介质 - Google Patents

Abstract

本发明公开了一种动画播放方法、装置、终端及存储介质，属于网络技术领域。所述方法包括：当接收到播放指令时，获取待播放的目标动画的动画文件，所述播放指令用于指示播放网页页面中的目标动画；从目标存储空间中加载第一动画引擎文件，所述第一动画引擎文件与所述动画文件的文件格式相匹配；通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据；基于所述动画数据，在所述网页页面中播放所述目标动画。本发明通过第一动画引擎文件中解码逻辑，实现对动画文件的解码并播放的过程，保证网页应用的动画播放功能的完整性。

Description

动画播放方法、装置、终端及存储介质

技术领域

本发明涉及网络技术领域，特别涉及一种动画播放方法、装置、终端及存储介质。

背景技术

随着网络技术的发展，浏览器的功能越来越丰富，例如，用户可以在浏览器上播放视频、动画、音频等多媒体。通常情况下，终端需要通过浏览器上携带的播放插件，实现多媒体的播放过程。其中，对于网页中的动画，终端一般通过浏览器上的flash(固态存储器与动画编辑器)插件进行播放。

其中，终端通常在浏览器中安装播放插件，通过播放插件对动画数据包进行解码，得到动画数据，实现在网页中播放动画的过程。然而，有些播放插件占用的内存较大，终端可能会受到本地存储空间的限制，无法安装该播放插件，又或者，许多播放插件收到业务调整的影响，将不再支持浏览器上的动画播放功能。因此，目前亟需一种动画播放方法，以使网页中能够正常播放动画。

发明内容

本发明实施例提供了一种动画播放方法、装置、终端及存储介质，能够解决不安装插件的浏览器不能正常播放多媒体的问题。所述技术方案如下：

一方面，提供了一种动画播放方法，所述方法包括：

当接收到播放指令时，获取待播放的目标动画的动画文件，所述播放指令用于指示播放网页页面中的目标动画；

从目标存储空间中加载第一动画引擎文件，所述第一动画引擎文件与所述动画文件的文件格式相匹配；

通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据；

基于所述动画数据，在所述网页页面中播放所述目标动画。

在一种可能的设计中，所述从目标存储空间中加载第一动画引擎文件之前，所述方法还包括：

获取第二动画引擎文件，所述第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；

根据所述网页页面对应的网页语言，将所述第二动画引擎文件编译为所述第一动画引擎文件；

将所述第一动画引擎文件存储至所述目标存储空间中。

在一种可能的设计中，所述第一动画引擎文件的文件格式为网页汇编wasm文件格式。

在一种可能的设计中，所述基于所述动画数据，在所述网页页面中播放所述目标动画包括：

在所述网页页面中创建动画对象，所述动画对象用于指示所述网页页面中所述目标动画的目标播放区域；

根据所述动画对象，将所述动画数据绘制在所述目标播放区域中。

在一种可能的设计中，所述根据所述动画对象，将所述动画数据绘制在所述目标播放区域中包括：

在所述网页页面中添加第一图层，所述第一图层位于直播视频所在的第二图层之上；

根据所述动画对象，将所述动画数据渲染在所述目标播放区域在所述第一图层对应的区域中。

在一种可能的设计中，所述方法还包括：

获取所述目标动画的播放特效；

在渲染所述动画数据过程中，在所述第一图层上添加所述目标动画的播放特效。

在一种可能的设计中，所述目标动画的播放特效包括所述目标动画的滤镜特效、播放路径特效、文字显示特效中的至少一个。

在一种可能的设计中，所述通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据包括：

通过所述第一动画引擎文件，解析出所述动画文件中的播放参数和动画显示数据，所述播放参数用于指示所述目标动画的播放样式，所述动画显示数据用于指示所述目标动画的动画内容。

另一方面，提供了一种动画播放装置，所述装置包括：

获取模块，用于当接收到播放指令时，获取待播放的目标动画的动画文件，所述播放指令用于指示播放网页页面中的目标动画；

加载模块，用于从目标存储空间中加载第一动画引擎文件，所述第一动画引擎文件与所述动画文件的文件格式相匹配；

解码模块，用于通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据；

播放模块，用于基于所述动画数据，在所述网页页面中播放所述目标动画。

在一种可能的设计中，所述装置还包括：

所述获取模块，还用于获取第二动画引擎文件，所述第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；

编译模块，用于根据所述网页页面对应的网页语言，将所述第二动画引擎文件编译为所述第一动画引擎文件；

存储模块，用于将所述第一动画引擎文件存储至所述目标存储空间中。

在一种可能的设计中，所述第一动画引擎文件的文件格式为网页汇编wasm文件格式。

在一种可能的设计中，所述播放模块，包括：

创建单元，用于在所述网页页面中创建动画对象，所述动画对象用于指示所述网页页面中所述目标动画的目标播放区域；

绘制单元，用于根据所述动画对象，将所述动画数据绘制在所述目标播放区域中。

在一种可能的设计中，所述绘制单元，还用于在所述网页页面中添加第一图层，所述第一图层位于直播视频所在的第二图层之上；根据所述动画对象，将所述动画数据渲染在所述目标播放区域在所述第一图层对应的区域中。

在一种可能的设计中，所述装置还包括：

所述获取模块，还用于获取所述目标动画的播放特效；

添加模块，用于在渲染所述动画数据过程中，在所述第一图层上添加所述目标动画的播放特效。

在一种可能的设计中，所述目标动画的播放特效包括所述目标动画的滤镜特效、播放路径特效、文字显示特效中的至少一个。

在一种可能的设计中，所述解码模块，还用于通过所述第一动画引擎文件，解析出所述动画文件中的播放参数和动画显示数据，所述播放参数用于指示所述目标动画的播放样式，所述动画显示数据用于指示所述目标动画的动画内容。

另一方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如上述的动画播放方法所执行的操作。

另一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如上述的动画播放方法所执行的操作。

本发明实施例提供的技术方案带来的有益效果是：

本发明实施例提供的方法及装置，通过获取目标动画的动画文件后，直接从目标存储空间中加载的第一动画引擎文件，并通过该第一动画引擎文件中的解码逻辑，对该动画文件进行解码，得到该目标动画的动画数据，该终端直接根据动画数据，在该网页页面中播放该目标动画，从而实现了在网页页面中不通过flash等动画插件播放动画的过程，保证了网页应用的功能的完整性。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种动画播放方法的流程图；

图2是本发明实施例提供的一种动画播放方法的流程图；

图3是本发明实施例提供的一种动画播放装置的结构示意图；

图4是本发明实施例提供的一种终端的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1是本发明实施例提供的一种动画播放方法的流程图。该发明实施例的执行主体为终端，参见图1，该方法包括：

101、当接收到播放指令时，获取待播放的目标动画的动画文件，该播放指令用于指示播放网页页面中的目标动画；

102、从目标存储空间中加载第一动画引擎文件，该第一动画引擎文件与该动画文件的文件格式相匹配；

103、通过该已加载的第一动画引擎文件，对该动画文件进行解码，得到该目标动画的动画数据；

104、基于该动画数据，在该网页页面中播放该目标动画。

在一种可能的设计中，该从目标存储空间中加载第一动画引擎文件之前，该方法还包括：

获取第二动画引擎文件，该第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；

根据该网页页面对应的网页语言，将该第二动画引擎文件编译为该第一动画引擎文件；

将该第一动画引擎文件存储至该目标存储空间中。

在一种可能的设计中，该第一动画引擎文件的文件格式为网页汇编wasm文件格式。

在一种可能的设计中，该基于该动画数据，在该网页页面中播放该目标动画包括：

在该网页页面中创建动画对象，该动画对象用于指示该网页页面中该目标动画的目标播放区域；

根据该动画对象，将该动画数据绘制在该目标播放区域中。

在一种可能的设计中，该根据该动画对象，将该动画数据绘制在该目标播放区域中包括：

在该网页页面中添加第一图层，该第一图层位于直播视频所在的第二图层之上；

根据该动画对象，将该动画数据渲染在该目标播放区域在该第一图层对应的区域中。

在一种可能的设计中，该方法还包括：

获取该目标动画的播放特效；

在渲染该动画数据过程中，在该第一图层上添加该目标动画的播放特效。

在一种可能的设计中，该目标动画的播放特效包括该目标动画的滤镜特效、播放路径特效、文字显示特效中的至少一个。

在一种可能的设计中，该通过该已加载的第一动画引擎文件，对该动画文件进行解码，得到该目标动画的动画数据包括：

通过该第一动画引擎文件，解析出该动画文件中的播放参数和动画显示数据，该播放参数用于指示该目标动画的播放样式，该动画显示数据用于指示该目标动画的动画内容。

本发明实施例中，该终端可以获取目标动画的动画文件后，直接从目标存储空间中加载的第一动画引擎文件，并通过该第一动画引擎文件中的解码逻辑，对该动画文件进行解码，得到该目标动画的动画数据，并且，该终端直接根据动画数据，在该网页页面中播放该目标动画，从而实现了在网页页面中不通过flash等动画插件播放动画的过程，保证了网页应用的功能的完整性。

图2是本发明实施例提供的一种动画播放方法的流程图。该发明实施例的执行主体为终端，参见图2，该方法包括：

201、当接收到播放指令时，终端获取待播放的目标动画的动画文件。

其中，该播放指令用于指示播放网页页面中的目标动画。该终端上安装了网页应用，该网页应用是指能够基于网页地址显示网页页面的应用。该播放指令携带待播放的目标动画的动画标识，终端接收播放指令，基于该播放指令携带的动画标识，从服务器中获取该动画标识对应的目标动画的动画文件。其中，该动画文件用于承载播放该目标动画时所需的动画数据。

其中，该播放指令可以由用户触发，也可以由终端触发，相应的，终端接收该播放指令的过程可以包括以下两种情况。

第一种情况、该播放指令由用户触发。当终端检测到网页页面中用户触发的目标事件时，该终端接收该播放指令。其中，该目标事件包括但不限于：目标图标被触发、接收到目标语音、网页页面中的滑动操作等。

以直播平台为例，该目标图标可以为视频直播页面的礼物图标，该目标动画可以为赠送礼物时播放的礼物动画。当该目标事件为目标图标被触发时，在直播过程中，该终端可以在视频直播页面上显示多个礼物图标，该多个礼物图标用于触发播放指令，用户可以通过触发任一礼物图标，以向该直播视频的主播赠送礼物。当检测到该多个礼物图标中任一礼物图标被触发时，该终端接收该播放指令，该播放指令用于指示播放被触发的礼物图标地对应的礼物动画。

其中，当该目标事件为接收到目标语音或者网页页面中的滑动操作时，终端基于该目标语音或者滑动操作，接收播放指令的过程，与上述基于目标图标触发接收播放指令的过程同理，此处不再一一赘述。其中，该目标语音可以为“播放礼物动画”、“送礼物”、“动画”等。滑动操作可以为手指在直播画面上的左右滑动或者上下滑动等操作。本发明实施列对此不做具体限定。

第二种情况、该播放指令由终端自行触发。当终端检测到该终端达到目标条件时，该终端接收该播放指令。其中，该目标条件可以包括但不限于：直播视频的直播时长达到预设时长、目标网页的加载状态为加载完成时或者接收到支付成功的反馈消息等。

以直播平台为例，该目标动画可以为该直播平台上的礼物动画或者广告动画等，当该目标条件为直播视频的直播时长达到预设时长时，终端在直播过程中，同步计时该直播视频的播放时长，当该播放时长达到预设时长时，该终端接收播放指令。

其中，当该目标条件为目标网页加载完成或者接收到支付成功的反馈消息时，终端接收播放指令的过程，与上述直播时长达到预设时长时接收播放指令的过程同理，此处不再一一赘述。其中，在某些情况下，用户赠送礼物之前，需先支付一定虚拟资源数值，该目标网页可以为成功支付时终端显示的网页，该支付成功的反馈状态可以为该直播平台的后台服务器返回的反馈消息。

需要说明的是，该目标动画可以为赠送礼物时所播放的礼物动画、指示某个操作过程的操作指南动画或者广告动画等。

202、终端从目标存储空间中加载第一动画引擎文件。

其中，该第一动画引擎文件与该动画文件的文件格式相匹配。在网页应用中，网页页面上待播放的资源均对应有与该资源相匹配的可执行文件，该可执行文件中承载了资源对应的播放逻辑，用于实现对该资源的播放过程。本发明实施例中，该动画文件的文件格式相匹配的可执行文件可以为该第一动画引擎文件，该第一动画引擎文件用于解码动画文件，以基于解码得到的动画数据播放目标动画。在一种可能的实施方式中，该终端可以存储该动画文件的文件格式与动画引擎文件的文件标识之间的对应关系，当终端获取到该动画文件时，根据该动画文件的文件格式，从该文件格式和动画引擎文件的文件标识之间的对应关系中，获取该文件标识，根据该文件标识，从目标存储空间中加载该动画文件对应的第一动画引擎文件。

其中，该第一动画引擎文件为能够被网页应用所识别的文件，该终端可以目标存储空间中获取该第一动画引擎文件，并读取该动画引擎文件中的解码逻辑。该动画文件的文件格式可以为SWF(Shock Wave Flash，激波闪光)格式，也可以为GIF(GraphicsInterchange Format，图像互换格式)。本发明实施例对此不做具体限定。

在一种可能的实施方式中，在终端加载该第一动画引擎文件之前，该终端可以事先将该第一动画引擎文件存储至目标存储空间中。具体的，该过程可以为：该终端获取第二动画引擎文件，该第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；终端根据该网页应用对应的网页语言，对该第二动画引擎文件进行编译，得到该第一动画引擎文件，并将该第一动画引擎文件存储至该目标存储空间中。

需要说明的是，该网页应用对应的网页语言可以为wasm(WebAssembly，网页汇编)语言，相应的，该第一动画引擎文件的文件格式为wasm文件格式。

其中，该终端可以通过编程语言，编写该解码逻辑，得到第二动画引擎文件，并通过编译工具，按照该网页应用对应的wasm语言，将第二动画引擎文件编译为wasm格式的第一动画引擎文件。具体的，该编程语言可以为C语言、C++语言、Java语言等，终端可以事先安装该编程语言对应的编译工具，终端编写解码逻辑，将编写的解码逻辑封装为第二动画引擎文件。然后，终端获取事先安装的编译工具，通过该编译工具，将该第二动画引擎文件由编程语言编译为wasm语言，已也即是网页应用能够识别的语言，并将该wasm语言的编码方法封装为第一动画引擎文件。

进一步的，终端将该第一转码文件存储在目标存储空间中，便于需要时直接获取该第一动画引擎文件，无需实时编写，节省了获取该第一动画引擎文件的时间，提高了解码效率，从而提高了播放动画的效率。

需要说明的是，上述步骤201和202可以同步执行，也可以分开执行，例如，当接收到播放指令时，先获取动画文件，再获取第一动画引擎文件，或者先获取第一动画引擎文件，再获取动画文件等。本发明实施例对步骤201和202的执行时序并不做具体限定。当终端需要播放动画时，终端通过加载第二动画引擎文件，最终实现动画的播放。

203、终端通过该已加载的第一动画引擎文件，对该动画文件进行解码，得到该目标动画的动画数据。

其中，该动画文件可以为按照一定格式封装而成的文件，该终端可以执行该第一动画引擎文件中的解码逻辑，对该动画文件进行解封装，并将解封装后的动画文件解码为二进制的动画数据。

其中，该动画文件中包括目标播放参数和动画显示数据，该目标播放参数用于指示该目标动画的播放样式，该动画显示数据用于指示该目标动画的动画内容。则本步骤可以为：该终端通过该第一动画引擎文件中的解码逻辑，解析出该动画文件中的目标播放参数和动画显示数据。

另外，该目标动画可以包括多帧图像帧，该动画显示数据可以为该目标动画所包括的多帧图像帧，例如，该目标动画可以为直接拍摄得到的动画；也可以为该目标动画所包括的多帧图像的链接地址，例如，该目标动画可以为基于程序编写的动画。

需要说明的是，由于该动画引擎文件为基于该网页应用对应的网页语言进行编译得到，因此，该网页应用可以识别并执行该第一动画引擎文件中的解码逻辑，从而该终端可以直接通过该解码逻辑，对该动画文件执行解码过程，得到机器可识别的二进制动画数据，在没有安装flash等动画插件的情况下，依旧可以快速的解码动画文件，并且，终端事先获取并存储了该第一动画引擎文件，即使是大型动画的动画文件，也可以直接调用该第一动画引擎文件中的解码逻辑进行迅速解码，高效的实现动画播放过程。

并且，在网页应用中，终端通过为该网页应用配置该第一动画引擎文件，使得一些视频直播网站可以正常播放动画，实现了在网页应用的动画播放的功能，保证了网页应用的功能的完整性。

204、终端基于该动画数据，在该网页页面中播放该目标动画。

本步骤中，该终端根据该目标动画的目标播放区域，将该动画数据绘制在在网页页面的目标播放区域中。其中，该动画数据包括目标播放参数和动画显示数据，该服务器根据该目标播放参数所指示的播放样式，将该动画显示数据绘制在该目标播放区域中。

其中，该终端可以通过创建动画对象，实现目标动画的播放，该动画对象用于指示该网页页面中目标动画的目标播放区域。则本步骤可以为：该终端在该网页页面中创建动画对象，该终端根据该动画对象，将该动画数据绘制在该目标播放区域中。

其中，该动画对象可以为终端创建的Animation对象，该终端还可以在该动画对象中定义该目标动画的尺寸、帧率等播放参数，从而后续根据该动画对象中的播放参数，执行该播放过程。其中，该终端可以直接采用该动画数据中的尺寸、帧率等播放参数，作为实际播放时采用的播放参数进行播放，或者，还可以事先配置该目标动画的播放参数，则该终端获取事先配置的播放参数，将该事先配置的播放参数添加至动画对象中。或者，该终端将动画数据中的播放参数添加至该动画对象中。当然，该播放参数该可以包括该目标动画的透明度、播放频率等，本发明实施例对此不做具体限定。

在一种可能的实施方式中，在直播平台上，该终端可以在直播视频过程中，播放礼物动画、广告动画等。该终端可以通过添加图层，基于新添加的图层实现动画的播放。相应的，终端在该网页页面中添加第一图层，该第一图层位于直播视频所在的第二图层之上；该终端根据该动画对象，将该动画数据渲染在该目标播放区域在该第一图层对应的区域中。

其中，该终端通过创建画布的方式，在网页页面中添加第一图层。该终端可以通过在网页页面中创建canvas对象，在网页页面中添加画布，并配置该画布的大小，该终端根据该动画对象中配置的播放参数，在该画布上渲染该目标动画的动画显示数据，从而实现目标动画的播放。

在一种可能的实施方式中，在播放动画过程中，该终端还可以为该目标动画添加一些播放特效，该过程可以为：该终端获取该目标动画的播放特效，在渲染该动画数据过程中，在该第一图层上添加该目标动画的播放特效。其中，该目标动画的播放特效可以包括但不限于：目标动画的滤镜特效、播放路径特效或者文字显示特效。另外，对于每种播放特效，该终端可以获取该播放特效的特效参数，该终端可以获取用户输入的特效参数，或者该终端还可以直接获取事先配置的特效参数。其中，该特效参数可以基于需要进行设置，例如，该滤镜特效的参数可以为棕色调或者灰白特效等，该播放路径特效的参数可以为该路径中包括的坐标点、拐点等，该文字显示特效的参数可以为该文字的大小、颜色等。

本发明实施例中，该终端可以获取目标动画的动画文件后，直接从目标存储空间中加载的第一动画引擎文件，并通过该第一动画引擎文件中的解码逻辑，对该动画文件进行解码，得到该目标动画的动画数据，并且，该终端直接根据动画数据，在该网页页面中播放该目标动画，从而实现了在网页页面中不通过flash等动画插件播放动画的过程，保证了网页应用的功能的完整性。

图3是本发明实施例提供的一种动画播放装置的结构示意图。参见图3，该装置包括：获取模块301、加载模块302、解码模块303和播放模块304。

获取模块301，用于当接收到播放指令时，获取待播放的目标动画的动画文件，该播放指令用于指示播放网页页面中的目标动画；

加载模块302，用于从目标存储空间中加载第一动画引擎文件，该第一动画引擎文件与该动画文件的文件格式相匹配；

解码模块303，用于通过该已加载的第一动画引擎文件，对该动画文件进行解码，得到该目标动画的动画数据；

播放模块304，用于基于该动画数据，在该网页页面中播放该目标动画。

在一种可能的设计中，该装置还包括：

该获取模块301，还用于获取第二动画引擎文件，该第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；

编译模块，用于根据该网页页面对应的网页语言，，将该第二动画引擎文件编译为该第一动画引擎文件；

存储模块，用于将该第一动画引擎文件存储至该目标存储空间中。

在一种可能的设计中，该第一动画引擎文件的文件格式为网页汇编wasm文件格式。

在一种可能的设计中，该播放模块304，包括：

创建单元，用于在该网页页面中创建动画对象，该动画对象用于指示该网页页面中该目标动画的目标播放区域；

绘制单元，用于根据该动画对象，将该动画数据绘制在该目标播放区域中。

在一种可能的设计中，该绘制单元，还用于在该网页页面中添加第一图层，该第一图层位于直播视频所在的第二图层之上；根据该动画对象，将该动画数据渲染在该目标播放区域在该第一图层对应的区域中。

在一种可能的设计中，该装置还包括：

该获取模块301，还用于获取该目标动画的播放特效；

添加模块，用于在渲染该动画数据过程中，在该第一图层上添加该目标动画的播放特效。

在一种可能的设计中，该目标动画的播放特效包括该目标动画的滤镜特效、播放路径特效、文字显示特效中的至少一个。

在一种可能的设计中，该解码模块303，还用于通过该第一动画引擎文件，解析出该动画文件中的播放参数和动画显示数据，该播放参数用于指示该目标动画的播放样式，该动画显示数据用于指示该目标动画的动画内容。

本发明实施例中，该终端可以获取目标动画的动画文件后，直接从目标存储空间中加载的第一动画引擎文件，并通过该第一动画引擎文件中的解码逻辑，对该动画文件进行解码，得到该目标动画的动画数据，并且，该终端直接根据动画数据，在该网页页面中播放该目标动画，从而实现了在网页页面中不通过flash等动画插件播放动画的过程，保证了网页应用的功能的完整性。

上述所有可选技术方案，可以采用任意结合形成本公开的可选实施例，在此不再一一赘述。

需要说明的是：上述实施例提供的动画播放装置在播放动画时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将终端的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的动画播放装置与动画播放方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图4示出了本发明一个示例性实施例提供的终端400的结构框图。该终端400可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio LayerIV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端400还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端400包括有：处理器401和存储器402。

处理器401可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器401可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器401也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器401可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器401还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器402可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器402还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器402中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器401所执行以实现本申请中方法实施例提供的动画播放方法。

在一些实施例中，终端400还可选包括有：外围设备接口403和至少一个外围设备。处理器401、存储器402和外围设备接口403之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口403相连。具体地，外围设备包括：射频电路404、触摸显示屏405、摄像头406、音频电路407、定位组件408和电源409中的至少一种。

外围设备接口403可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器401和存储器402。在一些实施例中，处理器401、存储器402和外围设备接口403被集成在同一芯片或电路板上；在一些其他实施例中，处理器401、存储器402和外围设备接口403中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路404用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路404通过电磁信号与通信网络以及其他通信设备进行通信。射频电路404将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路404包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路404可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路404还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏405用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏405是触摸显示屏时，显示屏405还具有采集在显示屏405的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器401进行处理。此时，显示屏405还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏405可以为一个，设置终端400的前面板；在另一些实施例中，显示屏405可以为至少两个，分别设置在终端400的不同表面或呈折叠设计；在再一些实施例中，显示屏405可以是柔性显示屏，设置在终端400的弯曲表面上或折叠面上。甚至，显示屏405还可以设置成非矩形的不规则图形，也即异形屏。显示屏405可以采用LCD(LiquidCrystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件406用于采集图像或视频。可选地，摄像头组件406包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件406还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路407可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器401进行处理，或者输入至射频电路404以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端400的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器401或射频电路404的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路407还可以包括耳机插孔。

定位组件408用于定位终端400的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件408可以是基于美国的GPS(GlobalPositioning System，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。

电源409用于为终端400中的各个组件进行供电。电源409可以是交流电、直流电、一次性电池或可充电电池。当电源409包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端400还包括有一个或多个传感器410。该一个或多个传感器410包括但不限于：加速度传感器411、陀螺仪传感器412、压力传感器413、指纹传感器414、光学传感器415以及接近传感器416。

加速度传感器411可以检测以终端400建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器411可以用于检测重力加速度在三个坐标轴上的分量。处理器401可以根据加速度传感器411采集的重力加速度信号，控制触摸显示屏405以横向视图或纵向视图进行用户界面的显示。加速度传感器411还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器412可以检测终端400的机体方向及转动角度，陀螺仪传感器412可以与加速度传感器411协同采集用户对终端400的3D动作。处理器401根据陀螺仪传感器412采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器413可以设置在终端400的侧边框和/或触摸显示屏405的下层。当压力传感器413设置在终端400的侧边框时，可以检测用户对终端400的握持信号，由处理器401根据压力传感器413采集的握持信号进行左右手识别或快捷操作。当压力传感器413设置在触摸显示屏405的下层时，由处理器401根据用户对触摸显示屏405的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器414用于采集用户的指纹，由处理器401根据指纹传感器414采集到的指纹识别用户的身份，或者，由指纹传感器414根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器401授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器414可以被设置终端400的正面、背面或侧面。当终端400上设置有物理按键或厂商Logo时，指纹传感器414可以与物理按键或厂商Logo集成在一起。

光学传感器415用于采集环境光强度。在一个实施例中，处理器401可以根据光学传感器415采集的环境光强度，控制触摸显示屏405的显示亮度。具体地，当环境光强度较高时，调高触摸显示屏405的显示亮度；当环境光强度较低时，调低触摸显示屏405的显示亮度。在另一个实施例中，处理器401还可以根据光学传感器415采集的环境光强度，动态调整摄像头组件406的拍摄参数。

接近传感器416，也称距离传感器，通常设置在终端400的前面板。接近传感器416用于采集用户与终端400的正面之间的距离。在一个实施例中，当接近传感器416检测到用户与终端400的正面之间的距离逐渐变小时，由处理器401控制触摸显示屏405从亮屏状态切换为息屏状态；当接近传感器416检测到用户与终端400的正面之间的距离逐渐变大时，由处理器401控制触摸显示屏405从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图4中示出的结构并不构成对终端400的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，例如包括指令的存储器，上述指令可由终端中的处理器执行以完成上述实施例中的动画播放方法。例如，所述计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (15)

1.一种动画播放方法，其特征在于，所述方法包括：

当接收到播放指令时，获取待播放的目标动画的动画文件，所述播放指令用于指示播放网页页面中的目标动画；

从目标存储空间中加载第一动画引擎文件，所述第一动画引擎文件与所述动画文件的文件格式相匹配；

通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据；

基于所述动画数据，在所述网页页面中播放所述目标动画。

2.根据权利要求1所述的方法，其特征在于，所述从目标存储空间中加载第一动画引擎文件之前，所述方法还包括：

获取第二动画引擎文件，所述第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；

根据所述网页页面对应的网页语言，将所述第二动画引擎文件编译为所述第一动画引擎文件；

将所述第一动画引擎文件存储至所述目标存储空间中。

3.根据权利要求2所述的方法，其特征在于，所述第一动画引擎文件的文件格式为网页汇编wasm文件格式。

4.根据权利要求1所述的方法，其特征在于，所述基于所述动画数据，在所述网页页面中播放所述目标动画包括：

在所述网页页面中创建动画对象，所述动画对象用于指示所述网页页面中所述目标动画的目标播放区域；

根据所述动画对象，将所述动画数据绘制在所述目标播放区域中。

5.根据权利要求4所述的方法，其特征在于，所述根据所述动画对象，将所述动画数据绘制在所述目标播放区域中包括：

在所述网页页面中添加第一图层，所述第一图层位于直播视频所在的第二图层之上；

根据所述动画对象，将所述动画数据渲染在所述目标播放区域在所述第一图层对应的区域中。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

获取所述目标动画的播放特效；

在渲染所述动画数据过程中，在所述第一图层上添加所述目标动画的播放特效。

7.根据权利要求6所述的方法，其特征在于，所述目标动画的播放特效包括所述目标动画的滤镜特效、播放路径特效、文字显示特效中的至少一个。

8.根据权利要求1所述的方法，其特征在于，所述通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据包括：

通过所述第一动画引擎文件，解析出所述动画文件中的播放参数和动画显示数据，所述播放参数用于指示所述目标动画的播放样式，所述动画显示数据用于指示所述目标动画的动画内容。

9.一种动画播放装置，其特征在于，所述装置包括：

获取模块，用于当接收到播放指令时，获取待播放的目标动画的动画文件，所述播放指令用于指示播放网页页面中的目标动画；

加载模块，用于从目标存储空间中加载第一动画引擎文件，所述第一动画引擎文件与所述动画文件的文件格式相匹配；

解码模块，用于通过已加载的第一动画引擎文件，对所述动画文件进行解码，得到所述目标动画的动画数据；

播放模块，用于基于所述动画数据，在所述网页页面中播放所述目标动画。

10.根据权利要求9所述的装置，其特征在于，所述装置还包括：

所述获取模块，还用于获取第二动画引擎文件，所述第二动画引擎文件用于存储对动画文件进行解码的解码逻辑；

编译模块，用于根据所述网页页面对应的网页语言，将所述第二动画引擎文件编译为所述第一动画引擎文件；

存储模块，用于将所述第一动画引擎文件存储至所述目标存储空间中。

11.根据权利要求9所述的装置，其特征在于，所述播放模块，包括：

创建单元，用于在所述网页页面中创建动画对象，所述动画对象用于指示所述网页页面中所述目标动画的目标播放区域；

绘制单元，用于根据所述动画对象，将所述动画数据绘制在所述目标播放区域中。

12.根据权利要求11所述的装置，其特征在于，

所述绘制单元，还用于在所述网页页面中添加第一图层，所述第一图层位于直播视频所在的第二图层之上；根据所述动画对象，将所述动画数据渲染在所述目标播放区域在所述第一图层对应的区域中。

13.根据权利要求9所述的装置，其特征在于，

所述解码模块，还用于通过所述第一动画引擎文件，解析出所述动画文件中的播放参数和动画显示数据，所述播放参数用于指示所述目标动画的播放样式，所述动画显示数据用于指示所述目标动画的动画内容。

14.一种终端，其特征在于，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如权利要求1至权利要求8任一项所述的动画播放方法所执行的操作。

15.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如权利要求1至权利要求8任一项所述的动画播放方法所执行的操作。