基于网页副本的交互方法、装置、存储介质和计算机设备与流程

本申请涉及计算机技术领域，特别是涉及一种基于网页副本的交互方法、装置、计算机可读存储介质和计算机设备。

背景技术：

游戏副本是mmog(massivemultiplayeronlinegame，大型多人在线游戏)类型游戏的一种重要游戏方式。游戏副本是游戏中虚拟世界的一部分，通常由一组独立的虚拟场景组成。同一个游戏副本只有一个用户或者一个与用户组成的团队可以进入，从而避免其他用户的干扰。

在传统方式中，游戏副本通常都是在游戏应用中开发，将游戏副本的所有数据编码到游戏应用中实现，传统游戏副本的开发周期较长，副本交互的扩展性和灵活性较低。

技术实现要素：

基于此，有必要针对上述副本交互的扩展性和灵活性较低的技术问题，提供一种基于网页副本的交互方法、装置、计算机可读存储介质和计算机设备。

一种基于网页副本的交互方法，包括：

在应用页面中获取到副本跳转指令时，响应所述副本跳转指令获取网页副本对应的副本数据；

根据所述副本跳转指令从所述应用页面跳转至网页页面，基于所述网页页面展示根据所述副本数据渲染的虚拟交互场景；

接收基于所述虚拟交互场景触发的交互事件，根据所述交互事件执行对应的交互操作；

当操作结果符合所述网页副本对应的结束条件时，从所述网页页面返回所述应用页面。

一种基于网页副本的交互装置，所述装置包括：

数据获取模块，用于在应用页面中获取到副本跳转指令时，响应所述副本跳转指令获取网页副本对应的副本数据；

场景渲染模块，用于根据所述副本跳转指令从所述应用页面跳转至网页页面，基于所述网页页面展示根据所述副本数据渲染的虚拟交互场景；

操作执行模块，用于接收基于所述虚拟交互场景触发的交互事件，根据所述交互事件执行对应的交互操作；

页面返回模块，用于当操作结果符合所述网页副本对应的结束条件时，从所述网页页面返回所述应用页面。

一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

在应用页面中获取到副本跳转指令时，响应所述副本跳转指令获取网页副本对应的副本数据；

根据所述副本跳转指令从所述应用页面跳转至网页页面，基于所述网页页面展示根据所述副本数据渲染的虚拟交互场景；

接收基于所述虚拟交互场景触发的交互事件，根据所述交互事件执行对应的交互操作；

当操作结果符合所述网页副本对应的结束条件时，从所述网页页面返回所述应用页面。

一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

在应用页面中获取到副本跳转指令时，响应所述副本跳转指令获取网页副本对应的副本数据；

根据所述副本跳转指令从所述应用页面跳转至网页页面，基于所述网页页面展示根据所述副本数据渲染的虚拟交互场景；

接收基于所述虚拟交互场景触发的交互事件，根据所述交互事件执行对应的交互操作；

当操作结果符合所述网页副本对应的结束条件时，从所述网页页面返回所述应用页面。

上述基于网页副本的交互方法、装置、计算机可读存储介质和计算机设备，当在应用页面中获取到副本跳转指令时，响应副本跳转指令获取网页副本对应的副本数据，根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。相较于传统的游戏副本，通过网页页面展示虚拟交互场景的网页副本缩短了副本的开发周期。通过接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作，当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。基于网页副本可以执行更多种交互操作，有效的提高了副本交互的扩展性和灵活性。

附图说明

图1为一个实施例中基于网页副本的交互方法的应用环境图；

图2为一个实施例中基于网页副本的交互方法的流程示意图；

图3为一个实施例中包括副本入口的应用页面的界面示意图；

图4为一个实施例中确认跳转网页副本的界面示意图；

图5为一个实施例中网页页面的界面示意图；

图6为另一个实施例中基于网页副本的交互方法的流程示意图；

图7为再一个实施例中基于网页副本的交互方法的流程示意图；

图8为一个实施例中基于网页副本的交互装置的结构框图；

图9为一个实施例中计算机设备的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

图1为一个实施例中基于网页副本的交互方法的应用环境图。参照图1，该基于网页副本的交互方法应用于基于网页副本的交互系统。该基于网页副本的交互系统包括终端110和网页服务器120。终端110和网页服务器120通过网络连接。终端110在应用页面中获取到副本跳转指令时，响应副本跳转指令，从网页服务器120获取网页副本对应的副本数据。终端110根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。终端110接收基于虚拟交互场景触发的交互时间，根据交互时间执行对应的交互操作。当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。终端110具体可以是台式终端或移动终端，移动终端具体可以包括手机、平板电脑、笔记本电脑等中的至少一种。网页服务器120可以是网页对应的服务器，具体可以用独立的服务器或是多个服务器组成的服务器集群来实现。

如图2所示，在一个实施例中，提供了一种基于网页副本的交互方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2，该基于网页副本的交互方法具体包括如下步骤：

s202，在应用页面中获取到副本跳转指令时，响应副本跳转指令获取网页副本对应的副本数据。

应用页面是指应用程序在终端的操作系统上运行时，终端的显示界面所展示的页面。应用程序(以下简称“应用”)可以是下载并安装在终端本地的客户端应用程序，应用具体可以是多种游戏类型的游戏应用程序。例如，应用程序可以是mmog(massivemultiplayeronlinegame，大型多人在线网络游戏)应用，具体可以包括rpg(role-playinggame，角色扮演游戏)应用和fps(first-personshootinggame，第一人称射击类游戏)应用等。

在运行应用时，终端可以在显示界面展示应用页面，应用页面展示的可以是应用对应的虚拟场景。虚拟场景中可以包括虚拟对象、虚拟目标以及虚拟环境等元素。副本是应用中虚拟场景的一部分，通常由一组独立的虚拟场景组成。应用中可以包括多种不同虚拟场景的副本。一种虚拟场景可以对应建立有多个副本，以供多个用户进入。同一个副本只有一个用户或者一个与用户组成的团队可以进入，从而避免其他用户对虚拟场景中进行的交互造成干扰。

当终端在应用页面中获取到副本跳转指令时，终端可以响应副本跳转指令获取网页副本对应的副本数据。具体的，应用页面中可以包括至少一个副本入口，用户可以通过副本入口触发副本入口对应的副本跳转指令。副本入口可以是多种类型的入口控件。例如，副本入口可以是虚拟场景中的一个虚拟目标，比如可以是一个游戏角色。副本入口也可以是多种类型的图形控件，比如可以是漩涡状图形或门框状图形。副本入口还可以是文本类型的。副本入口具体可以是静态的，也可以是动态的。用户可以通过多种操作方式中的至少一种触发副本入口，以此确定跳转至副本入口对应的副本。例如，用户可以通过点击操作触发副本入口，也可以通过控制虚拟对象移动至副本入口周围触发副本入口。如图3所示，图3为一个实施例中包括副本入口的应用页面对应的界面示意图。应用页面中展示的副本入口为图中的游戏角色302。在跳转之前，用户可以通过输入设备控制虚拟对象304移动至游戏角色302对应的副本入口，通过作为副本入口的游戏角色302触发进入网页副本。

当用户触发应用页面中的副本入口时，终端可以根据触发副本入口的操作生成对应的副本跳转指令。如图4所示，图4为一个实施例中确认跳转网页副本的界面示意图。当用户触发跳转后，终端可以展示如图4所示的对话提示框，提示用户确定是否跳转至网页副本，以此确定跳转触发，终端可以从应用页面跳转至网页页面，以此实现从应用进入网页副本。终端可以响应副本跳转指令，获取副本跳转指令所指向的网页副本对应的副本数据。网页副本是指通过网页展示的游戏副本。网页副本可以是基于多种标准语言中的一种开发的。例如，网页副本可以是基于html(hypertextmarkuplanguage，超级文本标记语言)或javascript等开发的，具体可以是基于html5的网页副本。副本数据可以是网页副本对应的网页数据。终端具体可以通过网络从网页服务器获取网页副本对应的副本数据。副本数据也可以是在下载应用时预先存储在内存中的，终端可以从内存中获取预先存储的网页副本对应的副本数据。

s204，根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。

终端可以根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景，以此实现进入副本入口所对应的网页副本。具体的，应用内置有网页渲染引擎，网页渲染引擎用于解释网页语法并渲染网页。当在应用页面中获取到副本跳转指令时，终端可以根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示副本入口所对应的网页副本。网页副本包括至少一个虚拟交互场景，虚拟交互场景用于与用户进行交互，以此进行游戏。终端获取的副本数据包括网页副本对应的配置文件、虚拟交互场景所对应的虚拟场景数据等。终端可以通过网页渲染引擎，根据副本数据渲染虚拟交互场景，基于网页页面展示渲染出的虚拟交互场景。虚拟交互场景可以为网页页面的部分网页内容。在其中一个实施例中，当用户基于如图4所示的应用界面确认跳转网页副本后，终端可以从应用页面跳转至网页副本对应的网页页面。如图5所示，图5为一个实施例中跳转后的网页页面的界面示意图。终端正在加载网页副本，根据副本数据渲染虚拟交互场景。

相较于传统副本都是基于应用开发的副本，传统副本的开发难度较大，开发周期较长。而且，传统副本是基于应用加载渲染的，在应用页面中进行展示，应用对应的数据较为庞大，在运行应用时对终端内存、处理器等要求较高，可能出现卡顿等现象。而在本实施例中，副本是基于网页开发的，网页副本的开发难度较低，开发周期较短。当获取到副本跳转指令时，终端根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示虚拟交互场景以此进行游戏交互，有效的减小了对终端内存和处理器等性能的要求，保证了网页副本运行的流畅性。基于网页副本的副本交互的扩展性和灵活性也更高。

s206，接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作。

终端可以接收用户基于虚拟交互场景触发的交互事件，触发的交互事件可以是与虚拟交互场景相对应的。网页副本可以根据实际开发需求预先设置有多种交互方式中的至少一种，交互方式相较于传统游戏副本的交互方式更为丰富。用户可以根据网页页面展示渲染的虚拟交互场景进行游戏交互，触发交互事件。具体的，终端可以通过终端对应的输入设备接收用户基于虚拟交互场景触发的交互事件，输入设备具体可以包括终端对应的鼠标、键盘、触控屏以及手柄等中的至少一种。例如，输入设备可以是终端对应的触控屏，终端可以通过触控屏接收到用户基于虚拟交互场景触发的触屏事件，触屏事件具体可以是单击事件、双击事件以及滑动事件等中的至少一种。

交互事件可以包括事件类型和事件属性。事件类型是指虚拟交互场景对应的交互方式描述。例如，当虚拟交互场景中包括虚拟对象时，事件类型可以包括用户通过输入设备控制虚拟交互场景中的虚拟对象行为，具体包括控制虚拟对象移动，控制虚拟对象对虚拟目标进行交互操作等，虚拟目标可以是虚拟交互场景中的npc(non-playercharacter，非玩家角色)等。当虚拟交互场景中不存在虚拟对象时，事件类型可以包括用户针对虚拟交互场景中的场景元素进行的交互方式。比如虚拟交互场景为拼图场景时，事件类型可以是移动拼图元素事件。

事件属性与事件类型是相对应的，事件属性包括事件类型所对应属性的属性参数，事件属性可以根据网页副本的实际需求进行设置，不同的事件类型所对应的事件属性可以是不同的。例如，当事件类型为控制虚拟对象移动事件时，对应的事件属性可以包括虚拟对象标识，以及虚拟对象对应的当前位置坐标和目标位置坐标等。当事件类型为移动拼图元素事件时，事件属性可以包括交互事件所指向的拼图元素，以及拼图元素需要移动的目标位置坐标等。

终端可以根据基于虚拟交互场景触发的交互事件，执行与交互事件相对应的交互操作，以此实现在网页副本中与用户进行游戏交互。具体的，终端可以根据交互事件对应的事件类型和事件属性驱动虚拟交互场景中的场景元素，执行对应的交互操作。例如，当虚拟交互场景具体为拼图场景，交互事件的事件类型为移动拼图元素事件时，终端可以根据事件属性将拼图元素移动至对应的目标位置坐标。当虚拟交互场景具体为对弈场景，事件类型为点击事件时，终端可以根据事件属性将棋子摆放至目标位置。

s208，当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。

终端根据交互事件执行对应的交互操作之后，可以得到执行交互操作所对应的操作结果。终端可以从副本数据中读取网页副本所对应的结束条件，结束条件可以是根据网页副本的实际需求预先设置的条件。网页副本的结束条件也是与网页副本中的虚拟交互场景相对应的，网页副本的结束条件可以是最后一个虚拟交互场景所对应的结束条件。当操作结果符合网页副本所对应的结束条件时，确定网页副本的交互已完成，终端可以退出网页副本，从网页页面返回至应用页面。当操作结果不符合结束条件时，终端可以继续保持虚拟交互场景，以供用户触发交互事件。

例如，当虚拟交互场景为拼图场景时，网页副本对应的结束条件可以是将所有可移动的至少一个拼图元素移动至各自对应的预设位置。当操作结果将拼图元素移动的目标位置均与结束条件的预设位置一致时，确定操作结果符合网页副本对应的结束条件，终端可以退出网页副本，从网页页面返回至应用页面。

在其中一个实施例中，网页页面中包括副本退出控件，终端可以在用户触发副本退出控件时生成副本退出指令。当终端在网页页面中获取到副本退出指令时，终端也可以退出网页副本，从网页页面返回至应用页面，便于用户通过终端控制网页副本，有效的提高了网页副本的灵活性。

在本实施例中，当终端在应用页面中获取到副本跳转指令时，终端可以响应副本跳转指令获取网页副本对应的副本数据，根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。相较于传统的游戏副本，通过网页页面展示虚拟交互场景的网页副本有效的降低了副本开发难度，缩短了副本开发周期。终端通过接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作，当操作结果符合网页副本对应的结束条件时，终端可以从网页页面返回应用页面。终端基于网页副本可以执行更多种交互操作，有效的提高了副本交互的扩展性和灵活性。

在一个实施例中，上述响应副本跳转指令获取网页副本对应的副本数据的步骤包括：根据副本跳转指令获取所指向的副本入口；获取副本入口所对应的网页标识；根据网页标识获取相关联的副本数据。

一个应用中可以包括一个或多个网页副本，在终端运行应用所展示的应用页面中，可以包括至少一个网页副本所对应的副本入口。副本入口可以是多种类型的入口控件。例如，副本入口可以是虚拟场景中的一个虚拟目标，比如可以是一个游戏角色。副本入口也可以是多种类型的图形控件，比如可以是漩涡状图形或门框状图形。副本入口还可以是文本类型的。副本入口具体可以是静态的，也可以是动态的。用户可以通过副本入口触发副本入口对应的副本跳转指令，用户可以通过多种操作方式中的至少一种触发副本入口，以此确定跳转至副本入口对应的副本。例如，用户可以通过点击操作触发副本入口，也可以通过控制虚拟对象移动至副本入口周围触发副本入口。

当终端在应用页面中获取到副本跳转指令时，终端可以根据副本跳转指令获取所指向的副本入口。副本入口与网页副本相对应，每个副本入口可以预先关联有与网页副本相对应的网页标识。终端可以存储有副本入口与网页标识之间的关联关系，副本入口与网页标识之间的关联关系可以通过数据表、关联文件等多种形式中的至少一种进行记载。网页标识可以是用于唯一标记网页内容的标识信息。例如，网页标识具体可以是网页副本所对应的统一资源定位符(uniformresourcelocator，简称url)等。终端可以根据与副本入口相关联的网页地址或链接等网页标识获取对应的副本数据，副本数据即是网页副本基于web端所对应的网页数据。

具体的，终端可以根据网页标识从内存或网页服务器等获取相关联的副本数据。终端可以从终端对应的内存中获取预先存储的与网页标识相关联的副本数据。多个网页副本对应的副本数据可以预先下载并存储在终端对应的内存中，副本数据具体可以基于容器的形式预先配置在终端中。当响应副本跳转指令时，终端可以从本地内存中获取与网页标识相关联的副本数据。

终端还可以从网页服务器获取与网页标识相关联的副本数据。终端可以通过网络访问网页服务器，获取网页服务器返回的与网页标识相关联的副本数据。可以理解的，应用中的至少一个网页副本可以对应同一网页服务器。终端可以通过网页链接等网页标识从网页服务器获取各自对应的副本数据。多个网页副本还可以各自对应不同的网页服务器，终端可以分别从不同的网页服务器获取各自对应的副本数据。

在本实施中，终端可以响应副本跳转指令，根据副本跳转指令获取所指向的副本入口。终端可以获取副本入口所对应的网页标识，根据网页标识获取相关联的副本数据。网页副本是基于web端的副本数据所展示的副本，相较于传统应用副本有效的缩短了副本开发周期，提高了副本交互的扩展性和灵活性。

在一个实施例中，副本数据包括目标文件。如图6所示，提供一种基于网页副本的交互方法，具体可以包括：

s602，在应用页面中获取到副本跳转指令时，响应副本跳转指令获取网页副本对应的副本数据。

s604，根据副本跳转指令从应用页面跳转至网页页面。

s606，基于网页页面展示目标文件。

s608，监听目标文件展示的时间节点。

s610，当目标文件展示至目标时间节点时，展示目标时间节点对应的虚拟交互场景。

s612,接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作。

s614，当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。

网页副本对应的副本数据可以包括目标文件，终端可以从副本数据中读取目标文件，当根据副本跳转指令从应用页面跳转至网页页面之后，终端可以基于网页页面展示目标文件。其中，目标文件具体可以包括但不限于视频文件、动画文件以及图像文件等中的至少一种。动画文件具体可以是矢量动画。图像文件具体可以包括静态图像和动态图像。例如，当目标文件具体可以是基于html5的视频文件时，终端可以通过视频标签接口(applicationprogramminginterface，简称api)获取并在网页页面展示视频文件。目标文件可以是根据应用的游戏情节制作的，目标文件的内容与应用的游戏情节相关联。例如，目标文件可以是根据实际需求，基于应用的游戏情节拍摄或制作的图像、视频或动画。终端可以通过目标文件引入虚拟交互场景，扩展了网页副本的交互方式，增加了网页副本的趣味性，有效的提高了用户体验。

终端可以在开始展示目标文件之后，监听目标文件展示的时间节点。具体的，终端可以基于目标文件的不同，采用多种方式监听目标文件展示的时间节点。例如，当目标文件为视频文件时，终端可以监听视频文件展示时的视频属性。比如终端具体可以监听视频对应的currenttime属性。根据视频属性确定视频文件展示的时间节点。当目标文件为动画文件或者图像文件时，终端可以在展示动画文件或图像文件时，通过计时器开始计时，得到动画文件或者图像文件展示的时间节点。

网页副本对应的副本数据包括配置文件，配置文件中记载有至少一个虚拟交互场景所对应的交互时间节点。交互时间节点是指在开发网页副本时根据实际需求预先设置的展示虚拟交互场景进行游戏的时间节点。当目标文件展示至交互时间节点时，终端可以展示对应的虚拟交互场景。不同的交互时间节点可以展示对应不同的虚拟交互场景。终端可以将监听到的时间节点与预先设置的至少一个交互时间节点进行比对。当监听到的时间节点与其中任意一个交互时间节点一致时，确定比对成功，终端可以将比对成功的时间节点记作目标时间节点，展示目标时间节点所对应的虚拟交互场景。当监听到的时间节点与其中任意一个交互时间节点均不一致时，确定比对失败，终端可以继续监听目标文件展示的时间节点，直到目标文件展示至交换时间节点。

在本实施例中，副本数据包括目标文件，终端可以基于网页页面展示目标文件，并且在展示目标文件的过程中监听目标文件展示的时间节点。当目标文件展示至目标时间节点时，终端可以展示目标时间节点对应的虚拟交互场景。终端可以通过目标文件引入虚拟交互场景，扩展了网页副本的交互方式，增加了网页副本的趣味性，有效的提高了用户体验。

在一个实施例中，如图7所示，提供一种基于网页副本的交互方法，具体可以包括：

s702，在应用页面中获取到副本跳转指令时，响应副本跳转指令获取网页副本对应的副本数据。

s704，根据副本跳转指令从应用页面跳转至网页页面。

s706，基于网页页面展示目标文件。

s708，监听目标文件展示的时间节点。

s710，当目标文件展示至目标时间节点时，从副本数据中获取目标时间节点对应的虚拟场景数据。

s712，根据虚拟场景数据渲染目标时间节点对应的虚拟交互场景。

s714，根据多个图层并行展示目标文件和虚拟交互场景。

s716,接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作。

s718，当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。

网页副本可以包括至少一个虚拟交互场景。对应的，网页副本对应的副本数据可以包括至少一个虚拟交互场景所对应的虚拟场景数据。副本数据还可以包括交互时间节点与虚拟场景数据之间的映射关系，以此控制在目标文件展示至交互时间节点时展示存在映射关系的虚拟交互场景。当终端监听到目标文件展示的时间节点与交互时间节点一致时，终端可以确定时间节点作为目标时间节点。终端可以根据交互时间节点与虚拟场景数据之间的映射关系，从副本数据中获取与目标时间节点相对应的虚拟场景数据。

终端可以根据获取的虚拟场景数据渲染目标时间节点对应的虚拟交互场景。其中，虚拟场景数据具体可以包括虚拟场景模型。虚场景模型可以是按照标准语言和数据结构对虚拟场景描述的数学模型。终端可以根据虚拟场景数据渲染对应的虚拟交互场景。例如，当网页副本是基于html5开发的时，终端可以通过html5的canvas元素在网页页面上渲染输出虚拟交互场景。终端可以根据网页页面的多个图层并行展示目标文件和虚拟交互场景。在其中一个实施例中，终端还可以暂停展示目标文件，基于一个图层展示虚拟交互场景。

在其中一个实施例中，虚拟场景数据可以包括虚拟交互场景对应的多层级三维模型和模型贴图。终端具体可以加载虚拟交互场景渲染所需的每个物体对应的多层级三维模型和模型贴图，符合投射条件的三维模型所对应模型贴图投射了第一目标层级三维模型的光影数据。其中，每个物体对应的多层级三维模型和多层级模型贴图分别为渲染虚拟交互场景所需的一种场景素材。物体是指虚拟交互场景中的虚拟物品。多层级三维模型包括多层级单体模型。单体模型是指单个物体的三维模型。光影数据是指能够使三维模型呈现明暗对比效果的数据。第一目标层级是预先指定的用于提取光影数据的单体模型的层级。投射条件是指判断一个层级的三维模型是否需要投射来自第一目标层级模型的光影数据的条件。投射条件具体可以是三维模型中所包含光影数据丰富度小于阈值，或者三维模型的层级低于或等于预设层级等。

终端可以确定位于虚拟摄像机拍摄范围内的每个物体与虚拟摄像机的距离。虚拟摄像机是指虚拟交互场景中位于虚拟对象周围的三维模型。当采用第一人称视角时，虚拟摄像机位于虚拟对象的头部附近或位于虚拟对象的头部。当采用第三人称视角时，虚拟摄像机位于虚拟对象的后方。终端可以根据距离确定相应物体在网页页面的显示层级，基于显示层级从加载的场景渲染所需的多层级三维模型和模型贴图中确定显示层级对应的三维模型和模型贴图，基于显示层级的三维模型及对应模型贴图在网页页面渲染相应物体，得到并且基于网页页面展示虚拟交互场景。

在本实施例中，终端可以从副本数据中获取目标时间节点对应的虚拟场景数据，根据虚拟场景数据渲染目标时间节点对应的虚拟交互场景，根据多个图层并行展示目标文件和虚拟交互场景。终端在目标文件展示至目标时间节点时渲染对应的虚拟交互场景进行展示，基于虚拟交互场景与用户进行交互，有效的提高了网页副本交互的扩展性和灵活性。

在一个实施例中，目标文件包括目标视频，上述基于网页副本的交互方法还包括：当在展示目标视频的过程中触发视频跳转指令时，获取目标视频展示的当前时间节点；根据目标视频对应的视频帧序列，获取与当前时间节点对应的目标时间节点；将目标视频跳转至目标时间节点对应的视频帧进行展示。

目标文件具体可以包括视频文件，视频文件中记载了目标视频。目标视频可以是基于应用的游戏情节制作或拍摄的，目标视频的视频内容与游戏情节相关联。终端可以在跳转至网页副本时，加载并基于网页页面展示目标视频。终端可以通过目标视频引入虚拟交互场景，扩展了网页副本的交互方式，增加了网页副本的趣味性，有效的提高了用户体验。

在展示目标视频的过程中，网页页面还可以包括视频跳转控件。用户可以通过视频跳转控件触发视频跳转指令，视频跳转指令用于指示终端控制目标视频跳转，提高了网页副本交互的灵活性。当在展示目标视频的过程中触发视频跳转指令时，终端可以获取目标视频展示的当前时间节点。终端具体可以通过获取目标视频对应的视频属性或通过计时器计时等多种方式中的至少一种，获取目标视频展示的当前时间节点。当前时间节点是指触发视频跳转指令时目标视频对应的时间节点。

终端可以获取目标视频对应的视频帧序列。视频帧序列是指目标视频包括的多帧目标图像，按照出现的时间先后顺序排列的图像序列，每个时间节点可以对应一帧视频图像。网页副本对应的配置文件中包括预先设置的至少一个交互时间节点。终端可以按照目标视频的时间排序，获取当前时间节点之后的，并且与当前时间节点最接近的交互时间节点，记作目标时间节点。终端可以根据视频帧序列获取目标时间节点对应的视频帧，将目标视频跳转至目标时间节点对应的视频帧进行展示，跳过当前时间节点与目标时间节点之间的视频帧。

在本实施例中，当在展示目标视频的过程中触发视频跳转指令时，终端可以获取目标视频展示的当前时间节点，获取与当前时间节点对应的目标时间节点。终端可以跳过当前时间节点与目标时间节点之间的视频帧，将目标视频跳转至目标时间节点对应的视频帧进行展示，有效提高了网页副本交互的灵活性。

在一个实施例中，在根据交互时间执行对应的交互操作之后，上述基于网页副本的交互方法还包括：检测目标文件对应的展示状态；当展示状态为展示过程中时，继续展示目标文件，直到目标文件展示结束时，从网页页面返回至应用页面。

网页副本可以包括多个虚拟交互场景，对应在展示目标文件的过程中存在多个交互时间节点。终端在根据交互时间执行对应的交互操作之后，可以得到对应的操作结果。终端可以根据虚拟交互场景对应的结束条件对得到的操作结果进行校验。当操作结果符合虚拟交互场景对应的结束条件时，确定校验成功，表示虚拟交互场景对应的交互结束。在其中一个实施例中，当操作结果不符合虚拟交互场景对应的结束条件时，确定校验失败，终端可以继续等待接收基于虚拟交互场景触发的交互事件，重复根据交互事件执行对应交互操作得到的操作结果进行校验。例如，当虚拟交互场景为对弈场景时，对弈场景的结束条件可以是将棋子摆放至预设位置。终端可以根据接收到的交互事件将棋子摆放至用户指示的目标位置。当目标位置与预设位置一致时，确定操作结果符合虚拟交互场景对应的结束条件。

终端可以在虚拟交互场景对应的交互结束后，检测目标文件对应的展示状态。目标文件对应的展示状态可以包括展示过程中、暂停展示以及展示结束等。当终端通过多个图层并行展示目标文件和虚拟交互场景时，目标文件对应的展示状态为展示过程中，目标文件展示结束后将展示过程中切换为展示结束。当终端在展示虚拟交互场景时暂停展示目标文件时，终端可以在开始展示虚拟交互场景、结束展示虚拟交互场景以及结束展示目标文件时切换目标文件的展示状态。

当虚拟交互场景对应的交互结束时，终端可以检测目标文件对应的展示状态。当展示状态为展示过程中时，表示后续还包括目标文件可以展示，终端可以继续展示目标文件。当网页副本包括多个虚拟交互场景时，终端在继续展示目标文件的过程中可以继续展示后续的虚拟交互场景，直到目标文件展示结束。终端可以退出网页副本，从网页页面返回至应用页面。当虚拟交互场景对应的交互结束，目标文件对应的展示状态为展示结束时，终端可以直接从网页页面返回至应用页面。

在本实施例中，终端可以检测目标文件对应的展示状态，当展示状态为展示过程中时，继续展示目标文件，直到目标文件展示结束，从网页页面返回至应用页面，有效的提高了退出网页副本的灵活性。

在一个实施例中，在当操作结果符合网页副本对应的结束条件时之后，上述基于网页副本的交互方法还包括：将操作结果上传至应用服务器，使得应用服务器根据操作结果进行资源分配；接收应用服务器返回的资源分配结果，基于应用页面展示资源分配结果。

当操作结果符合网页副本对应的结束条件时，终端可以将操作结果上传至应用服务器，使得应用服务器根据操作结果进行资源分配。其中，应用服务器是指在终端运行的应用所对应的服务器或服务器集群。应用服务器可以用于处理多个终端对应应用的应用数据，包括根据终端上传的操作结果进行资源分配。资源是指应用中的虚拟资源，虚拟资源具体可以包括但不限于游戏账户数值、虚拟货币、虚拟装备、虚拟对象经验等中的至少一种。

终端可以在每个虚拟交互场景对应的交互结束之后，上传虚拟交互场景对应的操作结果。终端也可以在所有虚拟交互场景对应的交互结束之后，将所有虚拟交互场景对应操作结果统一上传至应用服务器。应用服务器可以根据终端在网页副本中执行操作所得到的操作结果进行资源分配。

在其中一个实施例中，网页副本对应的网页端可以根据应用对应的应用接口，将操作结果发送至应用。终端可以根据应用对应的预先设置的资源分配规则，根据操作结果进行资源分配。

终端可以接收应用服务器返回的资源分配结果，资源分配结果可以包括分配的资源类型以及资源参数等信息。终端可以基于应用页面展示接收到的资源分配结果。在其中一个实施例中，终端还可以在从网页页面返回至应用页面之前，基于网页页面展示资源分配结果。

在本实施例中，终端可以将操作结果上传至应用服务器，使得应用服务器根据操作结果进行资源分配。终端可以接收应用服务器进行资源分配后返回的资源分配结果，基于应用页面展示资源分配结果，从而实现了对网页副本中的操作结果进行数据结算和游戏反馈，保证了网页副本的有效性。

图2、图6和图7为一些实施例中基于网页副本的交互方法的流程示意图。应该理解的是，虽然图2、图6和图7的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2、图6和图7中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

如图8所示，在一个实施例中，提供了一种基于网页副本的交互装置800，该装置包括数据获取模块802、场景渲染模块804、操作执行模块806和页面返回模块808，其中：

数据获取模块802，用于在应用页面中获取到副本跳转指令时，响应副本跳转指令获取网页副本对应的副本数据。

场景渲染模块804，用于根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。

操作执行模块806，用于接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作。

页面返回模块808，用于当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。

在本实施例中，当终端在应用页面中获取到副本跳转指令时，终端可以响应副本跳转指令获取网页副本对应的副本数据，根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。相较于传统的游戏副本，通过网页页面展示虚拟交互场景的网页副本有效的降低了副本开发难度，缩短了副本开发周期。终端通过接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作，当操作结果符合网页副本对应的结束条件时，终端可以从网页页面返回应用页面。终端基于网页副本可以执行更多种交互操作，有效的提高了副本交互的扩展性和灵活性。

在一个实施例中，副本数据包括目标文件，上述场景渲染模块804还用于基于网页页面展示目标文件；监听目标文件展示的时间节点；当目标文件展示至目标时间节点时，展示目标时间节点对应的虚拟交互场景。

在一个实施例中，上述场景渲染模块804还用于从副本数据中获取目标时间节点对应的虚拟场景数据；根据虚拟场景数据渲染目标时间节点对应的虚拟交互场景；根据多个图层并行展示目标文件和虚拟交互场景。

在一个实施例中，目标文件包括目标视频，上述基于网页副本的交互装置800还包括视频跳转模块，用于当在展示目标视频的过程中触发视频跳转指令时，获取目标视频展示的当前时间节点；根据目标视频对应的视频帧序列，获取与当前时间节点对应的目标时间节点；将目标视频跳转至目标时间节点对应的视频帧进行展示。

在一个实施例中，上述数据获取模块802还用于根据副本跳转指令获取所指向的副本入口；获取副本入口所对应的网页标识；根据网页标识获取相关联的副本数据。

在一个实施例中，上述页面返回模块808还用于检测目标文件对应的展示状态；当展示状态为展示过程中时，继续展示目标文件，直到目标文件展示结束时，从网页页面返回至应用页面。

在一个实施例中，上述基于网页副本的交互装置800还包括资源分配模块，用于将操作结果上传至应用服务器，使得应用服务器根据操作结果进行资源分配；接收应用服务器返回的资源分配结果，基于应用页面展示资源分配结果。

图9示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图9所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现基于网页副本的交互方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行基于网页副本的交互方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图9中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的基于网页副本的交互装置可以实现为一种计算机程序的形式，计算机程序可在如图9所示的计算机设备上运行。计算机设备的存储器中可存储组成该基于网页副本的交互装置的各个程序模块，比如，图8所示的数据获取模块802、场景渲染模块804、操作执行模块806和页面返回模块808。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的基于网页副本的交互方法中的步骤。

例如，图9所示的计算机设备可以通过如图8所示的基于网页副本的交互装置中的数据获取模块802执行在应用页面中获取到副本跳转指令时，响应副本跳转指令获取网页副本对应的副本数据。计算机设备可通过场景渲染模块804执行根据副本跳转指令从应用页面跳转至网页页面，基于网页页面展示根据副本数据渲染的虚拟交互场景。计算机设备可通过操作执行模块806执行接收基于虚拟交互场景触发的交互事件，根据交互事件执行对应的交互操作。计算机设备可通过页面返回模块808执行当操作结果符合网页副本对应的结束条件时，从网页页面返回应用页面。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述基于网页副本的交互方法的步骤。此处基于网页副本的交互方法的步骤可以是上述各个实施例的基于网页副本的交互方法中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述基于网页副本的交互方法的步骤。此处基于网页副本的交互方法的步骤可以是上述各个实施例的基于网页副本的交互方法中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。