CN115687816A - 资源处理方法及装置 - Google Patents

Abstract

本申请提供资源处理方法及装置，其中所述资源处理方法包括：接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件；通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示；在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。实现了与目标应用中播放页面内的目标动画进行交互，增加了目标动画内容的可玩性以及趣味性。

Description

资源处理方法及装置

技术领域

本申请涉及动画处理技术领域，特别涉及一种资源处理方法。本申请同时涉及一种资源处理装置，一种计算设备，以及一种计算机可读存储介质。

背景技术

随着互联网的发展，客户端中可安装的应用越来越多样化，同时应用中展示的元素也越来越多样化。目前，大多数应用中会嵌入虚拟角色元素，以虚拟角色形象增加用户的粘性，然而这类虚拟角色通常是以静态图片的形式进行展示，或以播放动画的形式展示。这些展示方式都不具备可交互性，无法给到用户更多的情感触点，从内容呈现角度来讲，角色展现的价值也不高。

发明内容

有鉴于此，本申请实施例提供了一种资源处理方法。本申请同时涉及一种资源处理装置，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的应用中的虚拟角色形象不具有可交互性的缺陷。

根据本申请实施例的第一方面，提供了一种资源处理方法，包括：

接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件；

所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并通过执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示；

在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。

根据本申请实施例的第二方面，提供了一种资源处理装置，包括：

启动模块，被配置为接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件；

渲染模块，被配置为通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示；

更新模块，被配置为在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。

根据本申请实施例的第三方面，提供了一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行所述计算机指令时实现所述资源处理方法的步骤。

根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机指令，所述计算机指令被处理器执行时实现所述资源处理方法的步骤。

本申请提供的资源处理方法，通过接收针对目标应用中播放页面提交的进入指令，并响应于所述进入指令启动目标应用预先配置的网页浏览控件，以便在目标应用中通过网页浏览控件进行播放页面的展示，具体的，通过网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行程序资源对动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示，在展示播放页面之后，若接收到通过所述播放页面提交的交互指令，则基于交互指令对目标动画进行更新，并展示包含更新后的目标动画的播放页面。实现了与播放页面中的目标动画进行交互，增加了目标动画内容的可玩性以及趣味性。

附图说明

图1是本申请一实施例提供的一种资源处理方法的流程图；

图2是本申请一实施例提供的一种资源处理方法中动画资源配置管理的示意图；

图3是本申请一实施例提供的一种资源处理方法中资源文件的示意图；

图4是本申请一实施例提供的一种资源处理方法中目标动画的示意图；

图5是本申请一实施例提供的一种应用于看板娘动画展示场景的资源处理方法的处理流程图；

图6是本申请一实施例提供的一种应用于看板娘动画交互场景的资源处理方法的处理流程图；

图7是本申请一实施例提供的一种资源处理装置的结构示意图；

图8是本申请一实施例提供的一种计算设备的结构框图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。

在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本申请一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

首先，对本申请一个或多个实施例涉及的名词术语进行解释。

WebView(网页视图)：是指用来展示网页的视图组件，该组件是运行自己的浏览器或者在线程中展示线上内容的基础。WebView内部实现是采用渲染引擎来展示视图的内容，提供网页前进后退，网页放大，缩小，搜索等功能。

HTML5(HyperText Markup Language 5，超文本标记语言5)是构建Web内容的一种语言描述方式，简称H5。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

看板娘：是一种职业和习惯称呼，也是ACGN(Animation(动画)、Comic(漫画)、Game(游戏)、Novel(小说)的合并缩写)次文化中的萌属性之一。简而言之就是小店的女服务生，也有“吸引顾客，招揽生意，提高人气”等作用类似品牌形象代言人的含义。看板(kanban)是日语特有的管理名词，其英文可以是“signboard”或者“visible record”。在本产品中特指能够与用户互动、具有一定ip认知的，以动态形象展示给用户的2D虚拟角色。

在本申请中，提供了一种资源处理方法，本申请同时涉及一种资源处理装置，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。

图1示出了根据本申请一实施例提供的一种资源处理方法的流程图，具体包括以下步骤：

步骤102：接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件。

其中，目标应用，是指终端(比如手机、平板电脑、手提电脑、台式电脑等设备)中安装的应用程序(Application，APP)。具体的，该目标应用可以是任意的应用程序，比如：视频应用、游戏应用、论坛应用等，在此不做限制。

相应地，播放页面是指播放动画的页面，也可以理解为动画的入口页面。具体实施时，该页面可以是html页面，也可以是html5页面，在此不做限制。相应地，进入指令，是指指示进入播放页面所处展示位置的指令。实际应用中，由于播放页面通常在目标应用中的特定位置进行展示，因此，需要进入目标应用中提供的针对播放页面的入口之后，再展示播放页面，因此，本申请实施例，在接收到针对播放页面提交的进入指令的情况下，启动目标应用预先配置的网页浏览控件。

其中，网页浏览控件，是指用于加载并展示网页的控件，也可以理解为应用内嵌的浏览控件，比如WebView等。由于播放页面未经渲染之前无法展示，为了对播放页面进行展示，需要启动目标应用预先配置的网页浏览控件，通过网页浏览控件渲染播放页面，以实现加载播放页面，并对播放页面中的动画进行播放。

实际应用中，很多APP都内置了Web网页，比如电商平台，直播平台等。WebView比较灵活，不需要升级客户端，只需要修改网页代码即可。一些经常变化的页面可以用WebView这种方式去加载网页。如果是用WebView显示的话，只修改修改html页面就行，而不需要升级客户端。Webview功能强大，可以直接使用html文件(本地sdcard/assets目录)，还可以直接加载url的方式，加载页面，并可以使用JavaScript(JS)实现html跟原生APP进行交互。

实际应用中，由于在目标应用中的播放页面进行动画播放之前，需要先对该播放页面进行渲染，但渲染过程中需要使用动画的相关资源。实际场景中，考虑到将这些资源存储于终端，需要占用终端大量的存储空间。而在播放动画时，再下载这些资源，可能导致目标动画的播放延迟，影响用户的观看体验，因此，可以采用预加载的方式对这些资源进行提前加载，本申请提供的一种可选实施方式，在接收针对目标应用中播放页面提交的进入指令之前，还包括：

通过目标应用加载程序资源以及动画资源。

其中，程序资源，是指程序代码，比如JS代码、html代码等，在此不做限制。具体的，这些程序代码中包括：实现动画播放逻辑(比如播放中如何构建展示图层)的程序代码，以及实现动画交互逻辑(比如如何触发交互、如何进行交互等)的程序代码。相应地，动画资源，包括展示或播放动画时需要的贴图资源、动画背景资源、控件资源、对象资源(比如人物模型、动物模型等虚拟生物模型资源)、音频资源(比如音乐资源、语音资源等)、文本资源等。

具体的，通过目标应用加载程序资源以及动画资源，可以是通过目标应用向服务端发送针对这些资源的资源加载请求，服务端基于该资源加载请求中携带的资源信息(比如资源标识、资源名称、资源下载URL等信息)，确定该资源信息对应的程序资源以及动画资源，并将这些程序资源和动画资源返回至目标应用，目标应用接收服务端基于该加载请求返回的程序资源以及动画资源。

具体实施时，上述程序资源和动画资源可以打包成为资源包的形式，比如压缩为zip或rar等格式之后，再下发至目标应用，由目标用户进行解压缩。

以目标应用为视频应用为例，通过视频应用向资源服务端发送针对程序资源以及动画资源的资源加载请求，并接收服务端基于该资源加载请求中的资源标识，确定与资源标识对应的程序资源以及动画资源，将程序资源以及动画资源返回至目标应用，目标应用接收服务端返回的程序资源以及动画资源，其中，动画资源中包含动画背景图像p2，人物模型pm1以及动态控件、关注控件、粉丝控件、我的会员好礼控件以及换人控件。

综上，通过预加载目标应用中播放页面可能需要的动画资源以及程序资源，提高了后续在播放页面的动画播放效率，提高了用户的观看体验。

进一步的，由于加载动画资源以及程序资源的耗时可能较长。在用户对播放页面感兴趣的情况下，用户可能会在启动目标应用后很快点击播放页面的入口，以便进入播放页面观看动画播放，因此，为了避免用户在点击进入播放页面后等待播放页面播放动画的时间较长，可以在用户启动目标应用时，开始对资源的预加载，本申请实施例，对资源进行预加载，具体采用如下方式实现：

接收针对目标应用的启动指令；

响应于所述启动指令，启动所述目标应用并确定所述目标应用对应的初始动画；

通过所述目标应用加载所述初始动画的初始程序资源以及初始动画资源。

其中，启动指令，是指启动目标应用的指令，具体的，在接收到针对目标应用的启动指令之后，打开该目标应用，并展示目标应用中的应用界面，以便通过应用界面对目标应用进行操作；初始动画，可以理解为目标应用中的默认可展示的动画，该初始动画的数量可以是至少一个，在此不做限制。在初始动画为多个的情况下，这些动画之间的资源可以共享，也因此，这些动画之间重复的资源无需另外加载。

比如，在接收到针对视频应用的启动指令的情况下，启动该视频应用，并确定该视频应用中配置的默认动画。通过该视频应用向服务端发送针对默认动画的资源加载请求，并接收服务端基于该资源加载请求返回的默认动画的初始程序资源以及初始动画资源。

综上，在启动目标应用时，通过目标应用预加载目标应用中播放页面播放初始动画时，需要的动画资源以及程序资源，进一步提高了后续在播放页面播放初始动画的播放效率，提高了用户的观看体验。

在上述加载初始动画的初始程序资源以及初始动画资源的基础上，考虑到实际场景中，可能存在用户通过购买，或活动等方式获得多种动画的情况，为了解决播放页面在播放这些用户专属动画时的延时问题，可以对这些播放专属动画相关的资源也进行预加载，本申请实施例，还包括：

接收用户针对所述目标应用提交的登录信息，并向服务端发送所述登录信息；

接收所述服务端基于所述登录信息下发的所述用户对应的用户动画的用户程序资源以及用户动画资源；

根据所述用户程序资源更新所述初始程序资源，获得更新程序资源，以及根据所述用户动画资源更新所述初始动画资源，获得更新动画资源。

登录信息，是指用户登录目标应用时输入的信息，该登录信息可以是应用账户标识、应用账户名称或证件编号等，在此不做限制。客户端在接收到用户提交的登录信息之后，将该登录信息发送到服务端，服务端可以基于该登录信息对用户进行身份验证。在验证通过的情况下，服务端向目标应用返回该用户的专属数据，该专属数据中包括用户拥有的用户动画的相关资源。

其中，用户动画，可以理解为用户拥有的可以在播放页面进行播放的专属动画，该用户动画也具有相应的用户程序资源以及用户动画资源。在接收到服务端下发的用户程序资源以及用户动画资源之后，再通过新加载这些资源对在启动目标应用时下载的初始程序资源以及初始动画资源进行更新，则可以获得更新后的动画资源(即更新动画资源)以及更新后的程序资源(更新程序资源)。

沿用上例，在获得初始动画资源以及初始程序资源的基础上，接收用户U针对视频应用提交的登录标识以及登录密码。将该登录标识以及登录密码发送至视频应用的服务端，在服务端对该登录标识以及登录密码进行验证。在验证通过的情况下，确定与该登录标识对应的用户所拥有的用户动画的用户程序资源以及用户动画资源，并将用户程序资源以及用户动画资源发送至视频应用。在视频应用接收到服务端下发的用户程序资源以及用户动画资源的基础上，通过下发的用户程序资源更新初始程序资源，获得更新程序资源，以及通过下发的用户动画资源更新初始动画资源，获得更新动画资源。

综上，在预加载目标应用的初始动画的相关资源之后，在用户登录目标应用时，再预加载用户动画的相关资源，提高了后续在播放页面播放用户专属动画的播放效率，提高了用户的观看体验。

进一步的，考虑到启动网页浏览控件以及通过该网页浏览控件加载播放页面需要一段时间，为了避免用户在这段时间处于空闲状态，可以在预设用以展示播放页面的展示区域展示背景图像，本申请实施例中，具体采用如下方式实现：

响应于所述进入指令展示所述播放页面对应的应用界面，在所述应用界面中的页面展示区域内展示背景图像，并启动所述目标应用预先配置的网页浏览控件。

其中，播放页面对应的应用界面，是指播放页面所处的应用界面。该应用界面中包括针对播放页面设置的页面展示区域(即该页面展示区域用以展示播放页面)，具体实施时，该页面展示区域的大小可以在目标应用中预先进行设置，比如该页面展示区域的大小可以为半屏(即终端的展示屏幕的一半大小)或整屏等。在该页面展示区域的大小为非整屏的情况下，在该应用界面中页面展示区域之外的区域还可以展示其他数据，比如：应用控件(比如历史记录、我的收藏等控件)、文字信息等，其中，具体展示的应用控件可以根据目标应用的实际需要进行设定，在此不做限制。

背景图像，可以是预先设置的任意格式以及任意内容的图像，在此不做限制。该背景图像的图像大小可以与页面展示区域的大小一致。

沿用上例，接收用户U针对该视频应用中播放页面的进入指令，响应于该进入指令展示播放页面对应的应用界面，并在该应用界面中的页面展示区域A，展示预设的背景图像p2，并启动用以加载该播放页面的WebView。

综上，在接收到用户针对目标应用中播放页面提交的进入指令之后，通过目标应用展示该播放页面对应的应用界面，进一步在应用界面中的页面展示区域展示背景图像，以便在未展示播放页面之前，可以使用户通过观看背景图像避免其处于无聊的等待状态。

步骤104：通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示。

具体的，在上述启动目标应用中预先配置的网页浏览控件的基础上，为了对播放页面进行展示，需要先通过网页浏览控件获取播放页面关联的程序资源和动画资源，再基于这些获取的资源进行渲染，并根据渲染结果生成目标动画的播放页面并展示，实现了在应用程序内通过内置浏览器加载播放页面，并在播放页面中播放目标动画。

具体实施时，通过网页浏览控件获取播放页面关联的程序资源和动画资源，可以是通过网页浏览控件先获取播放页面关联的程序资源，通过执行程序资源加载(获取)该播放页面关联的动画资源。

其中，目标动画，是指在目标应用中播放的可交互的动画。该目标动画，可以是二维动画、也可以是三维动画，在此不做限制。具体实施时，通过网页浏览控件执行程序资源对动画资源进行渲染，可以是通过执行程序资源对播放动画需要的动画资源进行层级布局，比如第一层(最底层)是背景资源、第二层是人物模型，第三层(最上层)是控件资源等。

具体实施时，由于通过网页浏览控件获取播放页面关联的程序资源和动画资源的方式是多种多样，为了增加获取资源的多样性以及灵活性，本申请实施例，可以通过如下3种方式实现：

1)通过所述网页浏览控件向服务端发送针对所述播放页面关联的程序资源和动画资源的资源加载请求；接收所述服务端响应于所述资源加载请求向所述网页浏览控件返回的所述程序资源和所述动画资源。

其中，资源加载请求，用于向服务端请求播放页面关联的程序资源和动画资源，具体实施时，在上述启动网页浏览控件的基础上，为了在网页浏览器中展示该播放页面，需要加载(获取)与播放页面关联的资源，因此通过网页浏览控件直接向服务端获取展示播放页面所需的程序资源以及动画资源，可以使网页浏览控件获得服务端最新发布的资源。

2)通过所述网页浏览控件在当前设备中获取所述播放页面关联的程序资源和动画资源。

其中，当前设备是指网页浏览控件启动所在的设备，也即安装目标应用的终端设备。具体实施时，在当前设备的存储中存储了程序资源以及动画资源的情况下，使网页浏览控件直接在当前设备中获取这些资源，避免了对资源的远程获取，也节省了宽带资源。

3)通过所述网页浏览控件向所述目标应用发送针对所述播放页面关联的程序资源和动画资源的资源加载请求；所述目标应用响应于所述资源加载请求向服务端发送第二资源加载请求，接收所述服务端基于所述第二资源加载请求返回的所述程序资源和所述动画资源；将获取的所述程序资源和所述动画资源返回至所述网页浏览控件；所述网页浏览控件接收所述目标应用返回的所述程序资源和所述动画资源。

其中，第二资源加载请求，是指目标应用在接收到资源加载请求的情况下，基于该资源加载请求中携带请求信息，向服务端发送的资源加载请求。具体实施时，通过网页浏览控件向目标应用发送资源加载请求，再由目标应用基于该资源加载请求向服务端获取相应的资源，并将从服务端获取的资源返回至网页浏览控件，即通过目标应用为网页浏览控件从服务端中获取资源，节省了当前设备的进程开销，也避免了服务端针对网页浏览控件开设额外的端口。

除上述几种获取播放页面关联的程序资源和动画资源的方法之外，考虑到网页浏览控件需要加载的播放页面相关的资源可能已经存储在本地，为了避免对下载的资源重复下载，从而浪费宽带资源，可以在获取播放页面关联的资源时，先确定这些资源是否已经存储于本地，具体采用如下方式实现：

通过所述网页浏览控件发送针对所述播放页面的程序资源加载请求；

基于所述程序资源加载请求获得所述播放页面关联的程序资源；

通过执行所述程序资源向服务端发送针对所述播放页面的动画资源加载请求；

在所述目标应用检测到所述动画资源加载请求的情况下，拦截所述动画资源加载请求；

确定当前设备中是否存在与所述动画资源加载请求携带的动画资源信息匹配的动画资源；

若是，表明本地存储了播放页面关联的动画资源，无需再通过网络从服务端加载这些动画资源，则向所述网页浏览控件返回所述动画资源；所述网页浏览控件接收所述目标应用返回的所述动画资源。

若否，表明本地未存储播放页面关联的动画资源，需要通过网络从服务端加载动画资源，则向服务端发送转发该动画资源加载请求，通过所述网页浏览控件接收服务端响应于该动画资源加载请求返回的动画资源。

实际应用中，考虑到播放页面相关的程序资源，可能已经预加载至本地，这种情况下，可以基于该程序资源获取请求直接获取该程序资源即可。此外，还存在程序资源未预加载至本地的情况，在这种情况下则向服务端发送该程序资源加载请求，实际应用中，该程序资源加载请求中携带程序资源信息，具体的，该程序资源信息，可以是程序标识、程序资源所属的文件夹路径、程序下载链接等可以唯一标识该程序资源的信息。

并获得服务端基于所述程序资源加载请求下发的程序资源即可。

在网页浏览控件获得程序资源的基础上，需要通过执行该程序资源，进一步加载播放页面相关的动画资源，因此，向服务端发送针对该动画资源的动画资源加载请求，该动画资源加载请求中携带动画资源信息，具体的，该动画资源信息，可以是动画标识、动画名称、动画下载链接等可以唯一标识该动画资源的信息。

由于请求的这部分动画资源可能也已经提前下载至本地，因此，通过目标应用对该动画资源加载请求进行拦截，以便通过目标应用判断当前设备中是否已经存在网页浏览控件请求的动画资源。

在上述启动该播放页面的WebView的基础上，通过WebView发送播放页面相关的程序资源的程序资源加载请求，并基于该程序资源获取请求中携带的程序标识获取与该程序标识对应的程序资源。并通过WebView执行该程序资源向服务端发送针对改播放页面的动画资源加载请求。再通过视频应用拦截该动画资源加载请求，并判断本地是否存在与该动画资源加载请求中携带的动画标识匹配的动画资源(即判断本地是否存在与播放页面关联的动画资源)；若是，表明无需从服务端下载这些资源，则直接将请求的动画资源返回给WebView，WebView接收该视频应用返回的接收该动画资源；若否，表明需要从服务端下载这些资源，则视频应用向服务端转发该动画资源加载请求，服务端接收到该动画资源加载请求后，确定与动画资源标识匹配的动画资源，并将匹配的动画资源下发至WebView，WebView接收服务端下发的该动画资源。

综上，网页浏览控件在加载动画资源时，通过目标应用拦截该动画资源加载请求，并判断本地是否已经存在网页浏览控件请求的动画资源，若是，则直接将本地的动画资源返回至网页浏览控件，避免了通过网络获取远程的动画资源，提升了动画资源的获取效率，并进一步，提高了播放页面的展示效率，也提升了用户的观看体验。

在上述通过目标应用加载初始动画的初始资源程序以及初始动画程序的基础上，考虑到初始动画的相关资源已经下载至本地，为了避免重复下载这部分资源，可以直接从本地获取这部分资源，具体的，在所述初始程序资源中获取所述播放页面关联的程序资源，并通过执行所述程序资源在所述初始动画资源获取所述播放页面关联的动画资源。实现了对需要播放初始动画的播放页面关联的动画资源以及动画资源的本地获取，提升了资源获取效率，提高了播放页面的展示效率，也提升了用户对初始动画的观看体验。

类似的，在上述通过目标应用加载初始动画以及用户动画的更新资源程序以及更新动画程序的基础上，由于初始动画以及用户动画的相关资源也已经下载至本地，为了避免重复下载这部分资源，也可以直接从本地获取这部分资源，具体的：在所述更新程序资源中获取所述播放页面关联的程序资源，并通过执行所述程序资源在所述更新动画资源获取所述播放页面关联的动画资源。实现了对需要播放用户动画或初始动画的播放页面关联的动画资源以及动画资源的本地获取，提升了资源获取效率，提高了播放页面的展示效率，也提升了用户对用户动画或初始动画的观看体验。

在应用界面的页面展示区域展示背景图像的基础上，由于页面展示区域的存在最根本的原因是为了展示播放页面，因此在完成对播放页面的渲染之后，为了避免也页面展示区域即展示背景图像也展示播放页面，从而导致展示混乱的情况下，需要在展示播放页面之前，先调整背景图像，具体采用如下方式实现：

调整所述背景图像，并在所述页面展示区域根据渲染结果生成包含所述目标动画的播放页面。

具体的，调整背景图像，是指对背景图像从页面展示区域进行移除、隐藏等调整，以便空出页面展示区域，并在页面展示区域展示渲染完成的播放页面。

沿用上例，在该应用界面中的页面展示区域A，展示预设的背景图像p2的基础上，通过启动的WebView获取程序资源，并通过程序资源加载动画资源，并对动画资源中包含的动画背景图像p2，人物模型pm1以及动态控件、关注控件、粉丝控件、我的会员好礼控件以及换人控件，渲染完成后，将背景图像p2从页面展示区域A中隐藏，并展示包含目标动画的播放页面，具体的，该播放页面中展示的目标动画在待机状态时可以如图4(a)所示，图4(a)中页面展示区域A中展示的内容包括：动画背景图像p2，人物模型pm1以及动态控件、关注控件、粉丝控件、我的会员好礼控件以及换人控件。此外，如图4(a)所示，除在页面展示区域A内展示的播放页面之外，还包括应用界面中包含的内容，这些内容包括：离线缓存、历史记录、我的收藏、稍后再看、首页、动态、会员购、我的等应用控件，这些应用控件用以实现视频应用中的应用功能，其中，待机状态，可以理解为目标动画播放动画完成之后固定展示目标动画中某一画面的状态。

综上，在通过执行程序资源完成对动画资源的渲染之后，通过对背景图像进行调整，避免了背景图像的干扰，并在页面展示区域生成包含目标动画的播放页面，实现了在渲染完成之后，使用户可以直接在页面展示区域观看播放页面的目标动画，提升了用户的观看体验。

步骤106：在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。

具体的，在上述生成包含目标动画的播放页面的基础上，考虑到如果只播放动画，用户的参与感不强，也无法给到用户更多的情感触点，可以在播放页面中向用户提高交互接口，以便用户通过播放页面提交交互指令，并基于交互指令对目标动画进行更新，从而增加目标动画的内容可玩性与趣味性。

其中，交互指令，是指与目标动画进行交互的指令，实际应用中，该交互指令，可以是语音交互指令、操作交互指令、滑动交互指令等，在此不做限制。实际应用中，用户可以通过播放页面中的交互控件提交交互指令，也可以通过对播放页面的触摸或移动提交交互指令等，在此不做限制。

在提交交互指令的情况下，基于交互指令中携带的信息，确定需要对目标动画做何种更新并执行更新，并将更新结果进行展示。

具体实施时，由于用户与目标动画进行交互的方式是多种多样的，且目标动画可以进行的更新也是多种多样的，因此为了使目标动画正确地执行更新，可以预先设置执行更新的触发条件(预设交互条件)与更新方式(交互事件)之间的对应关系，并基于触发条件执行对目标动画执行对应的更新，本申请实施例，具体采用如下方式实现：

对所述交互指令进行解析，获得所述交互指令对应的交互信息；

在所述交互信息满足预设交互条件的情况下，确定所述交互信息对应的目标交互事件；通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新。

在所述交互信息不满足预设交互条件的情况下，确定所述交互信息对应的无效事件，将所述无效事件作为目标交互事件；通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新。

其中，交互信息，是指指示目标动画执行交互的信息，具体的，该交互信息可以是通过键盘输入信息(比如用户通过交互指令提交的字符串)，或通过语音接口输入的信息，也可以是通过触碰、点击等操作对应的信息，在此不做限制。实际应用中，交互指令中通常会携带交互信息，或携带与交互信息关联的信息，通过对交互指令进行解析，即可获得该交互信息。

在获得交互信息的基础上，为了判断交互信息是否可以触发对目标动画的更新，需要判断交互信息是否满足预先设置的用以触发交互的交互条件(即预设交互条件)，若满足，表示该交互信息可以触发对目标动画进行更新，则确定对目标动画的更新方式(即目标交互事件)，并通过执行目标交互事件对目标动画进行更新；若不满足，表示该交互信息不可以触发对目标动画的有效更新，则可以根据预先定义的交互无效时对目标动画的更新方式(即无效事件)，并通过执行无效事件实现对目标动画的进行更新。其中交互事件，可以理解为实现交互更新逻辑的执行程序。

实际应用中，在确定交互信息无效时，还可以通过提醒框弹出无效提醒，或发出语音进行无效提醒等方式，对用户进行无效提醒，在此不做限制。

具体实施时，交互条件以及交互事件之间具有对应关系，因此，在确定交互信息满足的交互的条件之后，基于根据其满足的交互条件，确定该交互条件对应的交互事件(即目标交互事件)。需要说明的是，交互条件、交互事件以及二者之间的对应关系是作为程序资源中的一部分，此外，还可以是当前设备中的配置信息，在此不做限制。

具体实施时，动画资源中的对象资源为人物角色资源时，可以通过运营在后台的角色配置管理进行配置，该角色配置管理是以人物皮肤(人物角色)为单位进行资源和互动事件的配置版本管理，支持发布与回滚。每个皮肤(人物角色)打包上传动画文件，并针对每个皮肤(人物角色)独立配置互动事件，经审核通过后可发布上线。背景、资源包与人物角色同级配置。

具体的，该角色配置管理的层级结构可以是如图2所示，素材管理中包括3种素材管理，分别为角色Character管理，背景图Background管理以及资源包Suite管理，其中，角色Character管理，可以理解为用以管理人物角色相关的资源；背景图Background文件夹，可以理解为管理动画背景相关的资源；资源包Suite，可以理解为用以管理除背景以及人物角色之外的资源，实际应用中，这些可配置的资源包Suite可以与上述装扮资源组合提供给用户。

具体的，角色Character管理中还包括服装Costume素材管理，该服装Costume用管理人物角色的模型文件Resource、互动事件触发条件EventTrigger，以及互动事件触发条件EventTrigger对应的互动事件触发结果EventEffect等资源。其中互动事件触发条件可以理解为交互条件，互动事件触发结果可以理解为交互事件。

再进一步的，通过这些资源文件以及交互事件的可配置性，可以增加对目标动画进行更新的灵活性，使目标动画的交互具备可扩展性。

具体实施时，上述资源可以通过可以打包成zip压缩包的形式，具体的，zip包的具体资源结构可以如图3(a)所示，进一步的，该压缩包中角色的动画资源和程序资源可以通过Live2D引擎生成，则上述资源中通过Live2D生成的资源结构如图3(b)所示。

在确定对目标动画的更新方式(即目标交互事件)的基础上，由于对目标动画进行更新需要相应的更新资源，因此需要先确定更新目标动画需要的更新资源，再基于更新资源对目标动画进行更新。可选地，更新资源包括：对象更新资源、对象动作更新资源、对象服装更新资源、对象发型更新资源、背景更新资源、道具更新资源、音频更新资源以及文本更新资源等，在此不做限制。因此需要先确定更新目标动画需要的更新资源，再基于更新资源对目标动画进行更新。

沿用上例，在展示包含目标动画的播放页面的基础上，在接收到通过点击播放页面中人物模型pm1头部提交的交互指令1的基础上，对该交互指令1进行解析，获得该交互指令对应的交互信息为“点击头部”，在判断交互信息“点击头部”是否为预设的交互条件的判断结果为是的情况下，确定“点击头部”对应的目标交互事件e1，并通过执行目标交互事件e1在动画资源中提取对目标动画进行更新需要的头部旋转角度。根据该头部旋转角度计算对目标动画中人物模型pm1的头部的旋转轨迹，并基于该旋转轨迹对目标动画中的人物模型pm1进行更新，获得更新后的目标动画。

在判断“点击头部”是否为预设的交互条件的判断结果为否，则确定交互信息“点击头部”对应的无效事件e2，通过执行无效事件e2在动画资源中提取对目标动画进行更新需要的提示动作，并根据该提示动作基于对人物模型pm1的动作轨迹，并基于该动作轨迹对目标动画的人物模型pm1进行更新，获得更新后的目标动画。

综上，在对交互指令进行解析，获得交互信息的基础上，再基于交互信息确定是否存在对应的交互事件，并通过执行交互事件对目标动画进行更新，实现了用户与目标动画之间的准确互动，增加了互动的趣味性。

进一步的，由于交互指令的种类很多，而不同类型的交互指令，所传达的交互信息也不同，为了实现准确地解析不同类型的交互指令对应的交互信息，可以对不同类型的交互指令采用不同的解析方式，本申请实施例，可以通过如下两种方式进行实现：

1)在所述交互指令为语音交互指令的情况下，调用所述目标应用中的语音识别接口对所述语音交互指令携带的语音交互信息进行识别，获得所述语音识别接口返回的文本交互信息，将所述文本交互信息作为所述交互信息。

其中，语音交互指令，是指通过语音方式传达交互信息的交互指令。在所述交互指令为语音交互指令的情况下，需要说明的是，由于页面浏览控件本身并不具有接收用户语音的功能，因此在用户对播放页面中的语音控件进行操作之后，则会调用目标应用的语音接收接口，接收用户发出的语音信息，再基于该语音信息提交语音交互指令。其中，语音接收接口，是指接收语音的功能接口。

在接收到语音交互指令的基础上，页面浏览控件本身也不具备识别语音信息等能力，因此需要调用目标应用的语音识别接口，对语音交互指令中携带的语音交互信息进行解析处理。其中，语音识别接口，是指具有语音识别功能的程序，实际应用中，通过将语音交互指令中携带的语音交互信息输入该语音识别接口，即可获得该语音识别接口进行语音识别后返回的文本交互信息。

需要说明的是，文本交互信息除了可以通过展示在目标动画中与用户进行交互之外，该文本交互信息中还可以包含操作信息，该操作信息用于指示目标应用执行特定的功能，比如可以指示目标应用进行页面搜索或页面跳转等。

具体实施时，页面浏览控件可以通过JSBridge(JavaScript Bridge)，也可以简称为JSB对目标应用或当前设备的功能进行调用。JSB用于构建Native和非Native间消息通信的通道，而且这个通信的通道是双向的。

在展示包含目标动画的播放页面的基础上，假设接收到通过播放页面提交的语音交互指令2，调用视频应用中的语音识别接口将语音交互指令2中的语音交互信息进行识别，获得语音识别接口返回的文本交互信息t1，将文本交互信息t1作为交互信息。

2)在所述交互指令为操作交互指令的情况下，对所述操作交互指令进行解析，确定所述操作交互指令对应的操作信息，将所述操作信息作为所述交互信息。

其中，该操作交互指令，是指针对播放页面中对任意可交互位置或可交互控件进行操作提交的交互指令，对该交互指令进行解析，获得该操作交互指令对应的操作信息。

具体实施时，考虑到可实现交互的操作交互指令的种类较多，而不同类型的操作交互指令，可以采用不同的方式进行解析，具体通过如下3种方式进行实现：

a、在所述交互指令为点击交互指令的情况下，对所述点击交互指令进行解析，确定所述点击交互指令对应的点击属性信息，将所述点击属性信息作为所述交互信息。

其中，点击交互指令，是指通过执行点击方式传达交互信息的指令，比如通过手指触碰的方式生成的指令等。在交互指令为点击交互指令的情况下，将点击交互指令对应的点击属性信息作为交互信息，具体的，点击属性信息包括：点击位置信息(比如播放页面的页面上部、播放页面的页面中心、或对象模型的头部、对象模型的手部等位置信息)和/或点击的对象信息(比如背景图像、道具、人物模型等道具信息)。

在展示包含目标动画的播放页面的基础上，假设接收到通过播放页面提交的点击交互指令3，对该点击交互指令3进行解析，确定该点击交互指令3所点击的位置信息为目标动画中人物模型的头部，则将人物模型的头部作为交互信息。

b、在所述交互指令为滑动交互指令的情况下，对所述滑动交互指令进行解析，确定所述滑动交互指令对应的滑动轨迹信息，将所述滑动轨迹信息作为所述交互信息。

其中，滑动交互指令，是指通过执行长按触摸、滑动或移动等方式传达交互信息的指令，比如通过手指长按触摸播放页面的页面区域生成的指令等。在交互指令为滑动交互指令的情况下，可以将滑动的轨迹信息(即滑动轨迹信息)作为交互信息，具体的，比如滑动轨迹信息可以是在播放页面通过滑动方式形成的圆弧轨迹或直线轨迹等轨迹对应的位置信息，其中位置信息可以通过位置坐标表示，也可以通过像素点位置进行表示，在此不做限制。

在展示包含目标动画的播放页面的基础上，假设接收到通过播放页面提交的滑动交互指令4，对该滑动交互指令4进行解析，确定该滑动交互指令4所滑动的轨迹为从目标动画中人物模型的正下方的位置s1向右滑动至人物模型的右下方的位置s2，则将从s1到s2之间滑动轨迹对应的滑动位置信息作为滑动轨迹信息作为交互信息。

c、在所述交互指令为更换交互指令的情况下，对所述更换交互指令进行解析，确定所述更换交互指令对应的更换资源信息，将所述更换资源信息作为所述交互信息。

其中，更换交互指令，是指通过点击播放页面中的更换控件提交的指令，在交互指令为更换交互指令的情况下，可以将更换交互指令中所指示用以进行更换的资源对应的资源信息(即更换资源信息)作为交互信息。具体的，该更换资源信息可以是对象模型资源、对象服装资源、对象发型资源、背景资源、道具资源等资源的资源名称或标识等信息，在此不做限制，

在展示包含目标动画的播放页面的基础上，假设接收到通过点击播放页面中“换人”控件提交的更换交互指令5，对该更换交互指令5进行解析，确定该更换交互指令5所指示的更换资源为人物模型资源，则将该人物模型资源对应的模型资源信息作为交互信息。

综上，通过对不同类型的交互指令进行解析，获得不同类型的交互信息，以便基于不同类型的交互信息指示目标动画执行多样化的更新，丰富了目标动画的更新场景，也提高了目标动画的交互趣味性。

进一步的，在所述交互指令为语音交互指令的情况下，由于对语音交互指令中携带的语音交互信息的识别不一定完全准确，并且不同的用户在语音过程中可能表达方式的不同，但都是表示同一个意思，但由于表达方式的多样性，无法完全预先采集全部的文本表达，为了避免对用户正常的语音表达进行错误解读或无法解读，可以通过相似度对比的方式确定语音交互信息对应的文本交互信息是否满足预设交互条件，本申请实施例，具体采用如下方式实现：

将文本交互信息与预设文本信息进行相似度对比；

基于相似度对比结果，判断是否存在与所述文本交互信息匹配的目标文本信息；

若存在，表明该文本交互信息是有效事件触发条件，将所述目标文本信息对应的交互事件确定为所述文本信息对应的目标交互事件；

若不存在，表明该文本交互信息不是有效事件触发条件，则确定所述文本交互信息对应的交互事件确定为无效事件，并将所述无效事件作为目标交互事件。

在获得语音交互信息对应的文本交互信息的基础上，将本文交互信息与预设的文本信息(即预设文本信息，具体的，预设文本信息可以理解为预设的交互条件，该预设文本信息的数量为至少一个)进行一一相似度比对；若二者之间的相似度大于等于相似度阈值的情况下，确定相似度比对结果为对比相似。则将于该文本交互信息相似的预设文本信息，确定为与文本交互信息匹配的目标文本信息。也表明该文本交互信息是有效事件触发条件，则将与文本交互信息匹配的文本信息作为目标文本信息，并将目标文本对应的交互事件确定为目标交互事件；

若二者之间的相似度小于相似度阈值的情况下，确定相似对比结果为不相似。在所有预设文本与文本交互信息都不相似的情况下，可以确定不存在与文本交互信息匹配的目标文本信息，也表明该文本交互信息不是有效事件触发条件。则将与文本交互信息对应的交互事件确定为无效事件，并将无效事件作为目标交互事件。

沿用上例，在获得语音识别接口返回的文本交互信息t1的基础上，且在预设3个文本信息：t2，t3和t4，以及预设对比顺序为文本信息t2，t3以及t4的情况下，先将文本交互信息t1与文本信息t2进行对比，对比相似度大于相似度阈值95％，则将文本信息t2确定为目标文本信息，并停止相似度比对。且根据文本信息与交互事件之间的对应关系，确定目标文本信息对应的交互事件，将该交互事件作为文本交互信息t1对应的目标交互事件。

综上，在交互指令为语音交互指令的情况下，通过将语音交互信息对应的文本交互信息与预设文本信息进行相似度对比的方式，确定文本交互信息匹配的目标文本信息，并进一步将目标文本信息对应的交互事件，确定为文本交互信息对应的目标交互事件，为用户语音提供语音交互的方式，并通过相似度对比对用户的语音信息进行有效性判断，保障了用户与目标动画交互的准确性。

进一步的，在上述基于交互信息，确定目标交互事件的基础上，考虑到目标动画的更新方式的多样性，为了使目标动画实现多样性更新，本申请实施例，通过执行目标交互事件对目标动画进行更新，具体可以通过如下四种方式或这四种方式任意组合的方式进行实现：

1)通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的音频更新资源；通过调用目标应用的播放接口对所述音频更新资源进行播放的方式，对所述目标动画进行更新。

其中，音频更新资源，具体是指任意格式的音频资源，该音频资源的音频内容可以是音乐或语音等，在此不做限制。具体实施时，在确定目标交互事件的基础上，通过执行目标交互事件获取用以更新目标动画的音频更新资源，并通过播放该音频更新资源对目标动画进行更新。

沿用上例，在目标交互事件为语音交互事件的基础上，通过执行该语音交互事件在动画资源中提取一个语音文件，并调用视频应用的播放接口对该语音文件进行播放的方式对目标动画进行更新。

2)通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的文本更新资源；将所述文本更新资源展示于所述目标动画中的预设位置的方式，对所述目标动画进行更新。

其中，文本更新资源，是指包含字符串的文本，具体的，该字符串可以是通过文字、公式、和/或，符号等组成的。具体的，文字可以是中文、英文、法文等，在此不做限制。具体实施时，在通过执行目标交互事件在动画资源中提取文本更新资源的基础上，确定该文本更新资源对应的预设的展示位置(即预设位置)，并将通过该文本更新资源在目标动画中的该展示位置进行展示的方式，对目标动画进行更新。

沿用上例，在目标交互事件为文本交互事件的基础上，通过执行该文本交互事件在动画资源中提取一个文本信息“将将将将～”，并确定该文本信息对应的展示位置为目标动画中的位置s3，则通过将该文本信息在目标动画中的位置s3进行展示的方式，对目标动画进行更新。更新后的目标动画中展示的文本信息如图4(b)所示。

3)通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的对象动作更新资源；基于所述对象动作更新资源，确定所述目标动画中对象资源的动作轨迹；通过对所述对象资源按照所述动作轨迹进行动作更新的方式，对所述目标动画进行更新。

其中，对象动作更新资源，可以是对对象动作进行变换的变换参数，比如变换部位、旋转角度、摆动幅度等参数。具体实施时，基于这些参数进行计算，即可确定目标动画中对象资源的动作轨迹，再通过执行目标交互事件将目标动画中的对象资源按照该动作轨迹进行动作更新，并通对象资源的动作更新对目标动画进行更新。

沿用上例，在目标交互事件为动作交互事件的基础上，通过执行动作交互事件在动画资源中提取的对象动作参数为“人物模型手部”、“上升”、“160度角”，并基于这些动作参数计算目标动画中人物模型pm1的手部的动作轨迹，通过将该人物模型pm1的手部按照该动作轨迹执行动作的方式，对目标动画进行更新。更新后的目标动画中人物模型如图4(b)所示。

实际应用中，一个交互指令触发的目标交互事件中可以同时触发以上三种交互，因此，基于目标交互事件对于目标动画进行更新，更新后的目标动画具体如图4(b)所示。

此外，该动作轨迹是用户通过手指长按触摸并移动时产生的动作轨迹的情况下，可以通过将人物模型的视线跟随手指触摸区域进行移动的方式，对目标动画进行更新。

4)通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更换更新资源；基于所述更换更新资源对所述目标动画中与所述更换更新资源对应的资源进行更换的方式，对所述目标动画进行更新。

其中，更换更新资源，是指对目标动画进行资源更换的资源，或对目标动画进行资源新增/资源减少的资源。具体的，该更换更新资源，可以是对象模型更新资源、对象服装更新资源、对象发型更新资源、背景更新资源、道具更新资源等，在此不做限制。具体实施时，通过执行目标交互事件提取动画资源中的更换更新资源，并通过提取的更换更新资源对目标动画中，与该更换更新资源对应的旧有资源进行更换的方式，对目标动画进行更新。

沿用上例，在目标交互事件为更换交互事件的基础上，通过执行更换交互事件在动画资源中提取人物模型资源，并通过该人物模型资源对目标动画中人物模型pm1进行更换的方式，对目标动画进行更新，更新后的目标动画中的人物模型为pm2，具体如图4(c)中所示，此外还可以在更新人物模型的同时，触发播放音频更新资源，发出“干杯”的语音，并在目标动画中展示文本信息：“干杯”。

综上，通过执行目标交互事件对目标动画进行更新，实现目标动画与用户在动作、语音，和/或文本方面的动画，使得动画的呈现效果更加丰满，增加了播放页面的可玩性和趣味性。

综上所述，本申请提供的资源处理方法，通过接收针对目标应用中播放页面提交的进入指令，并响应于所述进入指令启动目标应用预先配置的网页浏览控件，以便在目标应用中通过网页浏览控件进行播放页面的展示，具体的，通过网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行程序资源对动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示，在展示播放页面之后，若接收到通过所述播放页面提交的交互指令，则基于交互指令对目标动画进行更新，并展示包含更新后的目标动画的播放页面。实现了与播放页面中的目标动画进行交互，增加了目标动画内容的可玩性以及趣味性。

下述结合附图5，以本申请提供的资源处理方法在看板娘动画的应用为例，对所述资源处理方法进行进一步说明。其中，图5示出了本申请一实施例提供的一种应用于看板娘动画场景的资源处理方法的处理流程图，具体包括以下步骤：

步骤502：启动APP，通过APP提前加载JS资源。

其中，APP，是指客户端中的APP，该APP可以是任意APP，在此不做限制。该JS(JavaScript)资源，可以理解为上述实施例中的程序资源。

步骤504：用户点击APP中的看板娘页面入口，开启看板娘界面。

其中，看板娘页面可以理解为上述实施例中的播放页面。而看板娘页面的入口，可以是APP中“我的”控件所表示的入口。开启看板娘界面，可以理解为上述实施例中的应用界面。

具体的，看板娘，是指虚拟的人物角色，该虚拟人物角色通过对人物模型资源的渲染进行展示。

步骤506：APP显示场景背景图，同时启动WebView。

其中，场景背景图可以理解为上述实施例中的背景图像。具体的，APP在看板娘界面中针对看板娘页面预设的页面展示区域内展示场景背景图。并启动WebView。

步骤508：通过WebView加载看板娘页面关联的JS资源。

具体的，看板娘页面，可以是是H5页面；看板娘关联的JS资源即APP启动时，APP提前加载的JS资源。

步骤510：加载看板娘相关资源。

其中，加载看板娘相关资源可以理解为通过执行JS资源发送动画资源加载请求，请求加载看板娘相关的动画资源。

步骤512：APP拦截请求，使用本地资源。

具体的，是指APP拦截WebView的动画加载请求，并基于该请求，判断本地是否存储该动画加载请求对应的动画资源，若存在，则将本地的动画资源返回给WebView。

步骤514：渲染H5侧背景图与功能区按钮。

在上述获得看板娘相关的动画资源的基础上，通过执行JS资源对动画资源中的背景图以及功能区按钮进行渲染。渲染完成后，由于已经生成了H5侧的背景图，该背景图可以用以替代APP侧背景图，因此，调用APP隐藏APP侧背景图，即隐藏上述步骤506中显示的场景背景图。

步骤516：渲染人物并播放开场动画。

在上述渲染H5侧背景图以及功能区按钮的基础上，对动画资源中的人物模型进行渲染，并在渲染完成之后，在看板娘页面对应的页面展示区域播放看板娘动画。

综上，本申请实施例提供的一种资源处理方法，通过在APP内通过WebView嵌套H5页面进行混合开发，实现看板娘页面的动画展示。由于通过APP的迭代发布对看板娘动画进行更新，需要重新发布APP到应用商店，用户再从应用商店下载更新的APP才能展示更新，而通过WebView内的H5页面可以实时更新，即对H5页面进行单独发布，且发布后立即生效，可以到达一个高效迭代的产品体验，并且这种混合开发模式可以兼容个SDK的效果。

下述结合附图6，以本申请提供的资源处理方法在看板娘动画交互场景的应用为例，对所述资源处理方法进行进一步说明。其中，图6示出了本申请一实施例提供的一种应用于看板娘动画交互场景的资源处理方法的处理流程图，具体包括以下步骤：

步骤602：默认待机看板娘动画。

具体的，默认待机看板娘动画，是指在展示看板娘页面后，默认播放或展示待机状态下的看板娘动画。

步骤604：点击看板娘的头部、手臂或上身。

具体的，是指点击看板娘动画中看板娘的头部、手部或上身。

步骤606：动画展示对应的动作，并调用JSB播放对应的语音，且显示对应的文案。

具体的，由于预先配置了针对点击看板娘头部、手部以及上身的交互条件，因此，在点击上述任意部位都会触发动画执行交互事件，该交互事件除了包括通过动画(看板娘)展示对应的动作之外，也包括通过JSB调用APP的播放接口播放对应的语音；此外，还包括在看板娘页面展示该语音对应的文案。

其中，文案可以理解为上述实施例中的文本信息。

上述步骤602-步骤606是基于用户的点击交互指令执行的动画交互场景。

步骤608：用户说话，发出控制指令。

具体的，用户通过长按看板娘页面中的语音控件，通过JSB调用语音接收接口对用户发出的语音信息进行接收，并接收JSB向页面浏览控件返回控制指令，该控制指令中包含用户的语音信息，该语音信息中可以包含用户指示执行的搜索操作。

步骤610：JSB通过接口返回语音识别后的操作及文案。

通过JSB调用APP的语音识别接口对语音信息进行语音识别，并接收JSB返回语音识别后用户所指示的操作以及文本信息(文案)。

步骤612：判断文案是否正常；

若否，表明该文案无效，则执行下述步骤614；

若是，表明该文案有效，则执行下述步骤618。

具体的，将该文案与预设的文案进行相似度对比，若不存在与该文案相似的预设文案，则确定该文案无效，执行下述步骤614；若不存在与该文案相似的预设文案，则确定该文案有效，执行下述步骤618。

步骤614：看板娘播失败的动画或语音。

具体的，在文案无效的时候，看板娘播放失败的动画或语音。

步骤616：用户编辑错误文案。

在上述播放失败的动画或语音的基础上，提供用户编辑错误文案的接口，或提供用户重新进行语音输入的接口。并在用户编辑错误文案之后，返回指向上述步骤610。

步骤618：执行识别后的操作。

在识别后操作为搜索操作的情况下，跳转至搜索页。

上述步骤608-步骤618是基于用户语音交互指令执行的动画交互场景。

综上，本申请实施例提供的一种资源处理方法，在待机看板娘动画的过程中，可以接收用户的语音交互指令或点击交互指令，并基于这些交互指令，对看板娘动画进行动作、语音以及文案的更新，塑造了更加深动形象的角色，提高内容可玩性和趣味性，打造更加深入人心的品牌和形象。

与上述方法实施例相对应，本申请还提供了资源处理装置实施例，图7示出了本申请一实施例提供的一种资源处理装置的结构示意图。如图7所示，该装置包括：

启动模块702，被配置为接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件；

渲染模块704，被配置为通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示；

更新模块706，被配置为在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。

可选地，所述更新模块706，包括：

解析子模块，被配置为对所述交互指令进行解析，获得所述交互指令对应的交互信息；

第一确定事件子模块，被配置为在所述交互信息满足预设交互条件的情况下，确定所述交互信息对应的目标交互事件；

第一更新子模块，被配置为通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新。

可选地，所述更新模块706，还包括：

第二确定事件子模块，被配置为在所述交互信息不满足预设交互条件的情况下，确定所述交互信息对应的无效事件，将所述无效事件作为目标交互事件；

第二更新子模块，被配置为通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新。

可选地，所述解析子模块，进一步被配置为：

在所述交互指令为语音交互指令的情况下，调用所述目标应用中的语音识别接口对所述语音交互指令携带的语音交互信息进行识别，获得所述语音识别接口返回的文本交互信息，将所述文本交互信息作为所述交互信息；

在所述交互指令为操作交互指令的情况下，对所述操作交互指令进行解析，确定所述操作交互指令对应的操作信息，将所述操作信息作为所述交互信息。

所述第一更新子模块或所述第二更新子模块，进一步被配置为：

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的音频更新资源；通过调用目标应用的播放接口对所述音频更新资源进行播放的方式，对所述目标动画进行更新；和/或

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的文本更新资源；将所述文本更新资源展示于所述目标动画中的预设位置的方式，对所述目标动画进行更新；和/或

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的对象动作更新资源；基于所述对象动作更新资源，确定所述目标动画中对象资源的动作轨迹；通过对所述对象资源按照所述动作轨迹进行动作更新的方式，对所述目标动画进行更新；和/或

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更换更新资源；基于所述更换更新资源对所述目标动画中与所述更换更新资源对应的资源进行更换的方式，对所述目标动画进行更新。

可选地，所述启动模块702，进一步被配置为：

响应于所述进入指令展示所述播放页面对应的应用界面，在所述应用界面中的页面展示区域内展示背景图像，并启动所述目标应用预先配置的网页浏览控件；

相应地，所述更新模块706，进一步被配置为：

调整所述背景图像，并在所述页面展示区域根据渲染结果生成包含所述目标动画的播放页面。

可选地，所述资源处理装置，还包括：

加载模块，被配置为通过目标应用加载程序资源以及动画资源。

可选地，所述加载模块，进一步被配置为：

接收针对目标应用的启动指令；

响应于所述启动指令，启动所述目标应用并确定所述目标应用对应的初始动画；

通过所述目标应用加载所述初始动画的初始程序资源以及初始动画资源；

相应地，所述渲染模块704，进一步被配置为：

在所述初始程序资源中获取所述播放页面关联的程序资源，并通过执行所述程序资源在所述初始动画资源获取所述播放页面关联的动画资源。

可选地，所述加载模块，还被配置为：

接收用户针对所述目标应用提交的登录信息，并向服务端发送所述登录信息；

接收所述服务端基于所述登录信息下发的所述用户对应的用户动画的用户程序资源以及用户动画资源；

根据所述用户程序资源更新所述初始程序资源，获得更新程序资源，以及根据所述用户动画资源更新所述初始动画资源，获得更新动画资源；

相应地，所述渲染模块704，进一步被配置为：

在所述更新程序资源中获取所述播放页面关联的程序资源，并通过执行所述程序资源在所述更新动画资源获取所述播放页面关联的动画资源。

可选地，所述渲染模块704，进一步被配置为：

通过所述网页浏览控件向服务端发送针对所述播放页面关联的程序资源和动画资源的资源加载请求；接收所述服务端响应于所述资源加载请求向所述网页浏览控件返回的所述程序资源和所述动画资源；或

通过所述网页浏览控件在当前设备中获取所述播放页面关联的程序资源和动画资源；或

通过所述网页浏览控件向所述目标应用发送针对所述播放页面关联的程序资源和动画资源的资源加载请求；所述目标应用响应于所述资源加载请求向服务端发送第二资源加载请求，接收所述服务端基于所述第二资源加载请求返回的所述程序资源和所述动画资源；将获取的所述程序资源和所述动画资源返回至所述网页浏览控件；所述网页浏览控件接收所述目标应用返回的所述程序资源和所述动画资源。

可选地，所述渲染模块704，进一步被配置为：

通过所述网页浏览控件发送针对所述播放页面的程序资源加载请求；

基于所述程序资源加载请求获得所述播放页面关联的程序资源；

通过执行所述程序资源向服务端发送针对所述播放页面的动画资源加载请求；

在所述目标应用检测到所述动画资源加载请求的情况下，拦截所述动画资源加载请求；

确定当前设备中是否存在与所述动画资源加载请求携带的动画资源信息匹配的动画资源；

若是，向所述网页浏览控件返回所述动画资源；

所述网页浏览控件接收所述目标应用返回的所述动画资源。

综上所述，本申请提供的资源处理方法，通过接收针对目标应用中播放页面提交的进入指令，并响应于所述进入指令启动目标应用预先配置的网页浏览控件，以便在目标应用中通过网页浏览控件进行播放页面的展示。具体可通过网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行程序资源对动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示，在展示播放页面之后，若接收到通过所述播放页面提交的交互指令，则基于交互指令对目标动画进行更新，并展示包含更新后的目标动画的播放页面。实现了与播放页面中的目标动画进行交互，增加了目标动画内容的可玩性以及趣味性。

上述为本实施例的一种资源处理装置的示意性方案。需要说明的是，该资源处理装置的技术方案与上述的资源处理方法的技术方案属于同一构思，资源处理装置的技术方案未详细描述的细节内容，均可以参见上述资源处理方法的技术方案的描述。

图8示出了根据本说明书一个实施例提供的一种计算设备800的结构框图。该计算设备800的部件包括但不限于存储器810和处理器820。处理器820与存储器810通过总线830相连接，数据库850用于保存数据。

计算设备800还包括接入设备840，接入设备840使得计算设备800能够经由一个或多个网络860通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备840可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC))中的一个或多个，诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口，等等。

在本说明书的一个实施例中，计算设备800的上述部件以及图8中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图8所示的计算设备结构框图仅仅是出于示例的目的，而不是对本说明书范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。

计算设备800可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备800还可以是移动式或静止式的服务器。

其中，处理器820用于执行所述计算机指令时实现所述的资源处理方法的步骤。

上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的资源处理方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述资源处理方法的技术方案的描述。

本申请一实施例还提供一种计算机可读存储介质，其存储有计算机指令，所述计算机指令被处理器执行时实现如前所述资源处理方法的步骤。

上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的资源处理方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述资源处理方法的技术方案的描述。

上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本申请的内容，可作很多的修改和变化。本申请选取并具体描述这些实施例，是为了更好地解释本申请的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。

Claims (14)

1.一种资源处理方法，其特征在于，包括：

接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件；

通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示；

在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。

2.根据权利要求1所述的资源处理方法，其特征在于，所述基于所述交互指令对所述目标动画进行更新，包括：

对所述交互指令进行解析，获得所述交互指令对应的交互信息；

在所述交互信息满足预设交互条件的情况下，确定所述交互信息对应的目标交互事件；

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新。

3.根据权利要求2所述的资源处理方法，其特征在于，所述获得所述交互指令对应的交互信息之后，还包括：

在所述交互信息不满足预设交互条件的情况下，确定所述交互信息对应的无效事件，将所述无效事件作为目标交互事件；

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新。

4.根据权利要求2所述的资源处理方法，其特征在于，所述对所述交互指令进行解析，获得所述交互指令对应的交互信息，包括：

在所述交互指令为语音交互指令的情况下，调用所述目标应用中的语音识别接口对所述语音交互指令携带的语音交互信息进行识别，获得所述语音识别接口返回的文本交互信息，将所述文本交互信息作为所述交互信息；

在所述交互指令为操作交互指令的情况下，对所述操作交互指令进行解析，确定所述操作交互指令对应的操作信息，将所述操作信息作为所述交互信息。

5.根据权利要求2-4任一项所述的资源处理方法，其特征在于，所述通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更新资源，并基于所述更新资源对所述目标动画进行更新，包括如下步骤中的至少一个：

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的音频更新资源；通过调用目标应用的播放接口对所述音频更新资源进行播放的方式，对所述目标动画进行更新；

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的文本更新资源；将所述文本更新资源展示于所述目标动画中的预设位置的方式，对所述目标动画进行更新；

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的对象动作更新资源；基于所述对象动作更新资源，确定所述目标动画中对象资源的动作轨迹；通过对所述对象资源按照所述动作轨迹进行动作更新的方式，对所述目标动画进行更新；

通过执行所述目标交互事件在所述动画资源中提取所述目标交互事件对应的更换更新资源；基于所述更换更新资源对所述目标动画中与所述更换更新资源对应的资源进行更换的方式，对所述目标动画进行更新。

6.根据权利要求1所述的资源处理方法，其特征在于，所述响应于所述进入指令启动所述目标应用预先配置的网页浏览控件，包括：

响应于所述进入指令展示所述播放页面对应的应用界面，在所述应用界面中的页面展示区域内展示背景图像，并启动所述目标应用预先配置的网页浏览控件；

相应地，所述根据渲染结果生成包含目标动画的播放页面并展示，包括：

调整所述背景图像，并在所述页面展示区域根据渲染结果生成包含所述目标动画的播放页面。

7.根据权利要求1所述的资源处理方法，其特征在于，所述接收针对目标应用中播放页面提交的进入指令之前，还包括：

通过目标应用加载程序资源以及动画资源。

8.根据权利要求7所述的资源处理方法，其特征在于，所述通过目标应用加载程序资源以及动画资源，包括：

接收针对目标应用的启动指令；

响应于所述启动指令，启动所述目标应用并确定所述目标应用对应的初始动画；

通过所述目标应用加载所述初始动画的初始程序资源以及初始动画资源；

相应地，所述获取所述播放页面关联的程序资源和动画资源，包括：

在所述初始程序资源中获取所述播放页面关联的程序资源，并通过执行所述程序资源在所述初始动画资源获取所述播放页面关联的动画资源。

9.根据权利要求8所述的资源处理方法，其特征在于，所述通过所述目标应用加载所述初始动画的初始程序资源以及初始动画资源之后，还包括：

接收用户针对所述目标应用提交的登录信息，并向服务端发送所述登录信息；

接收所述服务端基于所述登录信息下发的所述用户对应的用户动画的用户程序资源以及用户动画资源；

根据所述用户程序资源更新所述初始程序资源，获得更新程序资源，以及根据所述用户动画资源更新所述初始动画资源，获得更新动画资源；

相应地，所述获取所述播放页面关联的程序资源和动画资源，包括：

在所述更新程序资源中获取所述播放页面关联的程序资源，并通过执行所述程序资源在所述更新动画资源获取所述播放页面关联的动画资源。

10.根据权利要求1所述的资源处理方法，其特征在于，所述通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，包括：

通过所述网页浏览控件向服务端发送针对所述播放页面关联的程序资源和动画资源的资源加载请求；接收所述服务端响应于所述资源加载请求向所述网页浏览控件返回的所述程序资源和所述动画资源；或

通过所述网页浏览控件在当前设备中获取所述播放页面关联的程序资源和动画资源；或

通过所述网页浏览控件向所述目标应用发送针对所述播放页面关联的程序资源和动画资源的资源加载请求；所述目标应用响应于所述资源加载请求向服务端发送第二资源加载请求，接收所述服务端基于所述第二资源加载请求返回的所述程序资源和所述动画资源；将获取的所述程序资源和所述动画资源返回至所述网页浏览控件；所述网页浏览控件接收所述目标应用返回的所述程序资源和所述动画资源。

11.根据权利要求1所述的资源处理方法，其特征在于，所述通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，包括：

通过所述网页浏览控件发送针对所述播放页面的程序资源加载请求；

基于所述程序资源加载请求获得所述播放页面关联的程序资源；

通过执行所述程序资源向服务端发送针对所述播放页面的动画资源加载请求；

在所述目标应用检测到所述动画资源加载请求的情况下，拦截所述动画资源加载请求；

确定当前设备中是否存在与所述动画资源加载请求携带的动画资源信息匹配的动画资源；

若是，向所述网页浏览控件返回所述动画资源；

所述网页浏览控件接收所述目标应用返回的所述动画资源。

12.一种资源处理装置，其特征在于，包括：

启动模块，被配置为接收针对目标应用中播放页面提交的进入指令，响应于所述进入指令启动所述目标应用预先配置的网页浏览控件；

渲染模块，被配置为通过所述网页浏览控件获取所述播放页面关联的程序资源和动画资源，并执行所述程序资源对所述动画资源进行渲染，根据渲染结果生成包含目标动画的播放页面并展示；

更新模块，被配置为在接收到通过所述播放页面提交的交互指令的情况下，基于所述交互指令对所述目标动画进行更新，并展示包含更新后的目标动画的播放页面。

13.一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，其特征在于，所述处理器执行所述计算机指令时实现权利要求1-11任意一项所述方法的步骤。

14.一种计算机可读存储介质，其存储有计算机指令，其特征在于，所述计算机指令被处理器执行时实现权利要求1-11任意一项所述方法的步骤。

Images