CN109242977A - 网页渲染方法、装置及存储介质 - Google Patents

Abstract

本发明实施例提供一种网页渲染方法、装置及存储介质。该网页渲染方法包括：接收作用于预设控件的触发操作，该预设控件位于AR场景中；根据触发操作，获取待渲染的网页；在AR场景中渲染上述网页。本发明实施例可以实现在AR场景中渲染网页。

Description

网页渲染方法、装置及存储介质

技术领域

本发明实施例涉及信息处理技术，尤其涉及一种网页渲染方法、装置及存储介质。

背景技术

随着科学技术的不断发展及用户需求的日益多样化，增强现实(AugmentedReality，简称：AR)技术应运而生。AR技术是一种将真实信息和虚拟信息“无缝”集成的技术，是把原本在现实世界的一定时间空间范围内很难体验到的实体信息，通过电脑等科学技术，模拟仿真后再叠加，将虚拟信息应用到真实世界，被人类感官所感知，从而达到超越现实的感官体验。但由于AR技术仍处于发展初期，因此，其可以应用到真实世界的虚拟信息是有限的。

发明内容

本发明实施例提供一种网页渲染方法、装置及存储介质，以在AR场景中渲染网页。

第一方面，本发明实施例提供一种网页渲染方法，包括：

接收作用于预设控件的触发操作，所述预设控件位于增强现实AR场景中；

根据所述触发操作，获取待渲染的网页；

在所述AR场景中渲染所述网页。

在一种可能的实施方式中，所述根据所述触发操作，获取待渲染的网页，包括：

根据所述触发操作，确定所述待渲染的网页的地址；

根据所述地址获取所述网页。

在一种可能的实施方式中，所述根据所述触发操作，获取待渲染的网页，还包括：

根据所述触发操作，确定所述待渲染的网页的渲染位置及网页大小；

相应地，所述在所述AR场景中渲染所述网页，包括：

在所述AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

在一种可能的实施方式中，所述在所述AR场景中渲染所述网页，包括：

在所述AR场景中，采用网络视图渲染所述网页。

在一种可能的实施方式中，所述网页使用纹理设计。

在一种可能的实施方式中，所述预设控件在所述AR场景中的呈现状态可调控，所述呈现状态包括以下任一项或多项：

呈现位置、呈现大小、呈现角度。

在一种可能的实施方式中，所述预设控件对预设操作的响应通过脚本控制，所述预设操作包括以下任一项或多项：

所述触发操作、网页滚动/滑动对应的操作，网页缩放对应的操作。

在一种可能的实施方式中，所述接收作用于预设控件的触发操作之后，还包括：

周期性执行所述根据所述触发操作，获取待渲染的网页。

第二方面，本发明实施例提供一种网页渲染装置，包括：

接收模块，用于接收作用于预设控件的触发操作，所述预设控件位于增强现实AR场景中；

获取模块，用于根据所述触发操作，获取待渲染的网页；

渲染模块，用于在所述AR场景中渲染所述网页。

在一种可能的实施方式中，所述获取模块具体用于：

根据所述触发操作，确定所述待渲染的网页的地址；

根据所述地址获取所述网页。

在一种可能的实施方式中，所述获取模块，还用于根据所述触发操作，确定所述待渲染的网页的渲染位置及网页大小；相应地，所述渲染模块，具体用于在所述AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

在一种可能的实施方式中，所述渲染模块具体用于：

在所述AR场景中，采用网络视图渲染所述网页。

在一种可能的实施方式中，所述网页使用纹理设计。

在一种可能的实施方式中，所述预设控件在所述AR场景中的呈现状态可调控，所述呈现状态包括以下任一项或多项：

呈现位置、呈现大小、呈现角度。

在一种可能的实施方式中，所述预设控件对预设操作的响应通过脚本控制，所述预设操作包括以下任一项或多项：

所述触发操作、网页滚动/滑动对应的操作，网页缩放对应的操作。

在一种可能的实施方式中，所述获取模块，还用于：

在接收作用于预设控件的触发操作之后，周期性执行所述根据所述触发操作，获取待渲染的网页。

第三方面，本发明实施例提供一种网页渲染装置，包括：处理器和存储器；所述存储器存储计算机执行指令；所述处理器执行所述计算机执行指令，使得所述处理器执行如第一方面任一项所述的网页渲染方法。

第四方面，本发明实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如第一方面任一项所述的网页渲染方法。

本发明实施例提供的网页渲染方法、装置及存储介质，接收作用于预设控件的触发操作，该预设控件位于AR场景中，并根据触发操作，获取待渲染的网页，之后，在AR场景中渲染上述网页。通过本发明实施例，可以实现网页在AR场景中的渲染。

附图说明

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

图1为本发明一实施例提供的网页渲染方法的流程图；

图2为本发明实施例提供的网页渲染方法中一场景示意图；

图3A为本发明实施例提供的网页渲染方法中另一场景示意图；

图3B为本发明实施例提供的网页渲染方法中又一场景示意图；

图4为本发明另一实施例提供的网页渲染方法的流程图；

图5为本发明一实施例提供的网页渲染装置的结构示意图；

图6为本发明另一实施例提供的网页渲染装置的结构示意图。

具体实施方式

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

本发明实施例提供一种网页渲染方法、装置及存储介质，用以克服目前现有技术不能在AR场景中渲染网页的缺陷，实现网页在AR场景中的实时渲染。本发明实施例可应用于医疗领域、军事领域、网络视频通信领域、工业维修领域，等等。

图1为本发明一实施例提供的网页渲染方法的流程图。本发明实施例提供一种网页渲染方法，该网页渲染方法的执行主体可以为网页渲染装置，该网页渲染装置可以通过软件/硬件的方式实现。实际应用中，该网页渲染装置可以为独立的电子设备，或者，该网页渲染装置还可以集成于AR设备中。该实施例以AR设备为执行主体进行说明。其中，AR设备包括但不限于AR头戴设备，例如，AR眼镜和AR头盔等。

如图1所示，该网页渲染方法包括：

S101、接收作用于预设控件的触发操作。

其中，该预设控件位于AR场景中。在AR场景中可以设置至少一个预设控件，其中，不同的预设控件具有不同的功能。例如，预设控件分别与一网页对应，当接收到作用于该预设控件的触发操作时，获取该网页并进行渲染。

需说明的是，至于预设控件的具体形状，本发明实施例不对其进行限制，其可以具体为正方形、圆形等规则或不规则的形状，也可以为一无边框区域，等等。例如，预设控件为一平面(Plane)节点。另外，预设控件还可以是呈现为一三维立体形状。

可选地，预设控件在AR场景中的呈现状态可调控。其中，呈现状态可以包括以下任一项或多项：呈现位置、呈现大小和呈现角度等。示例地，以世界坐标系为参考，设定预设控件的呈现位置、呈现大小和呈现角度。其中，呈现角度可以理解为对预设控件进行旋转的角度。

另外，对于触发操作的类型，本发明实施例也不予限制，具体可以根据实际用户需求或历史经验进行设置。示例性地，触发操作可以为一点击操作、双击操作、长按操作或长按并在此基础上产生滑动的连续操作，等等。对应地，AR设备响应于接收到作用于AR场景中该预设控件的触发操作，执行S102。

例如，图2为本发明实施例提供的网页渲染方法中一场景示意图。参考图2，用户针对图2所示的AR场景中预设控件21输入触发操作。相应地，AR设备响应于接收到该作用于预设控件21的触发操作，执行S102。图2是以用户手动输入为例进行说明，但本发明实施例不限制具体的操作输入形式，用户还可以通过手持设备，例如手柄，等进行操作输入。

S102、根据触发操作，获取待渲染的网页。

由于预设控件与网页已建立绑定关系，因此，在接收到作用于预设控件的触发操作之后，AR设备即可获取到待渲染的网页。

S103、在AR场景中渲染网页。

例如，如图3A和图3B所示，在AR场景中，预设控件21的附近渲染网页22。其中，预设控件与所渲染的网页之间还可以通过某种显性方式进行连接，以表明该网页是在触发该预设控件后进行渲染的。具体地，显性方式例如为虚线/实线连接网页与预设控件，等等。图3A以实线连接为例进行说明，但本发明实施例不以此为限。且，当预设控件的个数仅为一个时，所渲染的网页和预设控件之间可不进行显性连接，如图3B所示。

进一步地，预设控件21与网页22的相对位置可通过拖拽、滑动等方式实时调整。

实际应用中，所渲染的网页与通常情况下网页在浏览器中的显示方式类似，网页的右上角可以有关闭控件、最小化控件和还原控件等，其中各控件的作用于现有技术类似，此处不再赘述。

可选地，在渲染所述网页之后，还可以通过脚本为对应的预设控件来添加点击、滑动、缩放等手势交互的响应，以此来实现AR场景中用户和网页之间的交互。

本发明实施例中，AR设备在接收到作用于预设控件的触发操作后，该预设控件位于AR场景中，根据触发操作，获取待渲染的网页，并在AR场景中渲染上述网页，从而实现网页在AR场景中的渲染，克服目前在AR场景无法进行网页渲染的缺陷。

在上述实施例中，一种具体的实现方式中，S102、根据触发操作，获取待渲染的网页，可以包括：根据触发操作，确定待渲染的网页的地址；根据该地址获取所述网页。

进一步地，S102、根据触发操作，获取待渲染的网页，还可以包括：根据触发操作，确定待渲染的网页的渲染位置及网页大小。相应地，S103、在AR场景中渲染网页，可以包括：在AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

可以理解，网页的渲染位置、网页大小是预设确定的。在渲染网页时，获取预先设置的该网页的渲染位置及网页大小，并按照该渲染位置及网页大小对网页进行渲染。另需明确的是，网页的渲染位置及网页大小是可以调整的，用户可在AR设备上对其进行自定义设置。

其中，网页的渲染位置和网页大小的设定，也可以以世界坐标系为参考确定，以与真实世界中场景贴合。

具体实现中，建立一个消息通信系统，该消息通信系统可以理解为一接口，研发人员可以通过编写脚本使得消息通信系统将所要渲染的网页的地址、渲染位置、网页大小等配置信息，传递给AR渲染引擎，由该AR渲染引擎实现3D虚拟场景的渲染以及和相机采集到的实时画面的虚实融合，其中，3D虚拟场景的渲染包括上述网页的渲染。

在一些实施例中，S103、在AR场景中渲染网页，可以包括：在AR场景中，采用网络视图(webview)渲染所述网页。

可选地，网页使用纹理设计。其中，纹理可以通过引导用户的视线来展示网页的关键内容，增强所渲染网页的感染力。

图4为本发明另一实施例提供的网页渲染方法的流程图。如图4所示，该实施例中的网页渲染方法可以包括：

S401、接收作用于预设控件的触发操作。

S402、周期性执行根据触发操作，获取待渲染的网页。

S403、在AR场景中渲染网页。

图4所示实施例与图1所示实施例的区别在于：在图4所示实施例中，S401、接收作用于预设控件的触发操作，之后，S402中AR设备可以周期性执行根据触发操作，获取待渲染的网页，且S403中渲染的是最新获取的待渲染的网页。

其中，周期性执行可以是自接收到作用于预设控件的触发操作为计时起点，以预设频率每隔预设时间执行一次S102。

或者，AR设备还可以自接收到作用于预设控件的触发操作为计时起点，在预设时刻执行一次S102。这里，预设时刻之间相隔的时间可以是不同的。例如，预设时刻为5分钟、20分钟、1小时，……，1天，等等，具体视实际需求进行设置。

该实施例是考虑到网页的内容可能是不断更新的，该情况下，需重新在AR场景中渲染该网页，以使在AR场景中所渲染的网页中的内容是更新后的内容。

其中，预设控件对预设操作的响应通过脚本控制，该预设操作可以包括以下任一项或多项：所述触发操作、网页滚动/滑动对应的操作和网页缩放对应的操作，等等，本发明实施例不以此为限。具体实现可以通过编写脚本，使得上述消息通信系统能够通过指令来控制网页的更新等操作。

下述为本发明装置实施例，可以用于执行本发明上述方法实施例，其实现原理和技术效果类似。

图5为本发明一实施例提供的网页渲染装置的结构示意图。本发明实施例提供一种网页渲染装置，该网页渲染装置可以通过软件和/或硬件的方式实现。实际应用中，该网页渲染装置可以为独立的电子设备，或者，该网页渲染装置还可以集成于AR设备中。其中，AR设备包括但不限于AR头戴设备，例如，AR眼镜和AR头盔等。

如图5所示，网页渲染装置50包括：接收模块51、获取模块52和渲染模块53。其中，

该接收模块51，用于接收作用于预设控件的触发操作。其中，预设控件位于AR场景中。

该获取模块52，用于根据触发操作，获取待渲染的网页。

该渲染模块53，用于在AR场景中渲染上述获取模块52获取的网页。

该实施例，在接收作用于预设控件的触发操作后，该预设控件位于AR场景中，根据触发操作，获取待渲染的网页，之后，在AR场景中渲染上述网页，从而实现网页在AR场景中的渲染。

在上述实施例中，获取模块52可具体用于：

根据触发操作，确定待渲染的网页的地址；

根据该地址获取网页。

可选地，获取模块52，还可以用于根据触发操作，确定待渲染的网页的渲染位置及网页大小。相应地，渲染模块53，可具体用于在AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

一些实施例中，渲染模块53可具体用于：在所述AR场景中，采用网络视图渲染所述网页。

可选地，所述网页使用纹理设计。

进一步地，所述预设控件在所述AR场景中的呈现状态可调控，所述呈现状态可以包括以下任一项或多项：

呈现位置、呈现大小和呈现角度，等等。

可选地，所述预设控件对预设操作的响应通过脚本控制，所述预设操作可以包括以下任一项或多项：

所述触发操作、网页滚动/滑动对应的操作和网页缩放对应的操作等。

更进一步地，获取模块52，还可以用于：

在接收作用于预设控件的触发操作之后，周期性执行所述根据所述触发操作，获取待渲染的网页。

图6为本发明另一实施例提供的网页渲染装置的结构示意图。如图6所示，该网页渲染装置60包括：

至少一个处理器61和存储器62；

所述存储器62存储计算机执行指令；

所述至少一个处理器61执行所述存储器62存储的计算机执行指令，使得所述至少一个处理器61执行如下操作：

接收作用于预设控件的触发操作，所述预设控件位于增强现实AR场景中；

根据所述触发操作，获取待渲染的网页；

在所述AR场景中渲染所述网页。

可选地，所述根据所述触发操作，获取待渲染的网页，可以包括：

根据所述触发操作，确定所述待渲染的网页的地址；

根据所述地址获取所述网页。

进一步地，所述根据所述触发操作，获取待渲染的网页，还可以包括：根据所述触发操作，确定所述待渲染的网页的渲染位置及网页大小。相应地，所述在所述AR场景中渲染所述网页，可以包括：在所述AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

一些实施例中，所述在所述AR场景中渲染所述网页，可以包括：在所述AR场景中，采用网络视图渲染所述网页。

其中，所述网页使用纹理设计。

可选地，所述预设控件在所述AR场景中的呈现状态可调控，所述呈现状态可以包括以下任一项或多项：

呈现位置、呈现大小和呈现角度等。

可选地，所述预设控件对预设操作的响应通过脚本控制，所述预设操作可以包括以下任一项或多项：

所述触发操作、网页滚动/滑动对应的操作和网页缩放对应的操作等。

进一步地，当计算机执行指令被处理器61执行时还使得网页渲染装置60：在接收作用于预设控件的触发操作之后，周期性执行所述根据所述触发操作，获取待渲染的网页。

本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如上所述的网页渲染方法。

在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个单元中。上述模块成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

应理解，上述处理器可以是中央处理单元(Central Processing Unit，简称：CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，简称：DSP)、专用集成电路(Application Specific Integrated Circuit，简称：ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合发明所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。

存储器可能包含高速RAM存储器，也可能还包括非易失性存储NVM，例如至少一个磁盘存储器，还可以为U盘、移动硬盘、只读存储器、磁盘或光盘等。

上述存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。存储介质可以是通用或专用计算机能够存取的任何可用介质。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (18)

1.一种网页渲染方法，其特征在于，包括：

接收作用于预设控件的触发操作，所述预设控件位于增强现实AR场景中；

根据所述触发操作，获取待渲染的网页；

在所述AR场景中渲染所述网页。

2.根据权利要求1所述的方法，其特征在于，所述根据所述触发操作，获取待渲染的网页，包括：

根据所述触发操作，确定所述待渲染的网页的地址；

根据所述地址获取所述网页。

3.根据权利要求2所述的方法，其特征在于，所述根据所述触发操作，获取待渲染的网页，还包括：

根据所述触发操作，确定所述待渲染的网页的渲染位置及网页大小；

相应地，所述在所述AR场景中渲染所述网页，包括：

在所述AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

4.根据权利要求1所述的方法，其特征在于，所述在所述AR场景中渲染所述网页，包括：

在所述AR场景中，采用网络视图渲染所述网页。

5.根据权利要求1所述的方法，其特征在于，所述网页使用纹理设计。

6.根据权利要求1所述的方法，其特征在于，所述预设控件在所述AR场景中的呈现状态可调控，所述呈现状态包括以下任一项或多项：

呈现位置、呈现大小和呈现角度。

7.根据权利要求1所述的方法，其特征在于，所述预设控件对预设操作的响应通过脚本控制，所述预设操作包括以下任一项或多项：

所述触发操作、网页滚动/滑动对应的操作，网页缩放对应的操作。

8.根据权利要求1至7任一项所述的方法，其特征在于，所述接收作用于预设控件的触发操作之后，还包括：

周期性执行所述根据所述触发操作，获取待渲染的网页。

9.一种网页渲染装置，其特征在于，包括：

接收模块，用于接收作用于预设控件的触发操作，所述预设控件位于增强现实AR场景中；

获取模块，用于根据所述触发操作，获取待渲染的网页；

渲染模块，用于在所述AR场景中渲染所述网页。

10.根据权利要求9所述的装置，其特征在于，所述获取模块具体用于：

根据所述触发操作，确定所述待渲染的网页的地址；

根据所述地址获取所述网页。

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

所述获取模块，还用于根据所述触发操作，确定所述待渲染的网页的渲染位置及网页大小；

相应地，所述渲染模块，具体用于在所述AR场景中的所述渲染位置，按照所述网页大小渲染所述网页。

12.根据权利要求9所述的装置，其特征在于，所述渲染模块具体用于：

在所述AR场景中，采用网络视图渲染所述网页。

13.根据权利要求9所述的装置，其特征在于，所述网页使用纹理设计。

14.根据权利要求9所述的装置，其特征在于，所述预设控件在所述AR场景中的呈现状态可调控，所述呈现状态包括以下任一项或多项：

呈现位置、呈现大小、呈现角度。

15.根据权利要求9所述的装置，其特征在于，所述预设控件对预设操作的响应通过脚本控制，所述预设操作包括以下任一项或多项：

所述触发操作、网页滚动/滑动对应的操作和网页缩放对应的操作。

16.根据权利要求9至15任一项所述的装置，其特征在于，所述获取模块，还用于：

在接收作用于预设控件的触发操作之后，周期性执行所述根据所述触发操作，获取待渲染的网页。

17.一种网页渲染装置，其特征在于，包括：

处理器和存储器；

其中，所述存储器存储计算机执行指令；

所述处理器执行所述计算机执行指令，使得所述处理器执行如权利要求1至8任一项所述的网页渲染方法。

18.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1至8任一项所述的网页渲染方法。