CN108304590A - 虚拟现实的网页展示方法、装置、设备及计算机可读介质 - Google Patents

Abstract

本发明提出一种虚拟现实的网页展示方法，包括：在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素；响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。本发明实施例通过在VR场景中对网页上的2D元素进行悬浮展示，增强了用户在VR场景中浏览网页时的现实感和科技感，加强对用户的视觉冲击。

Description

虚拟现实的网页展示方法、装置、设备及计算机可读介质

技术领域

本发明涉及虚拟现实技术领域，尤其涉及一种虚拟现实的网页展示方法及装置、设备和计算机可读介质。

背景技术

随着VR(virtual reality，虚拟现实)技术的发展，VR的应用场景越来越广泛。然而当用户在VR场景中浏览web页面时，web页面中可能包括一些二维(two dimensional，2D)元素，例如图片、文字、视频等。

在VR场景中，网页中的2D元素的现实感不强。

发明内容

本发明实施例提供一种虚拟现实的网页展示方法、装置、设备及计算机可读介质，以解决或缓解现有技术中的一个或多个技术问题。

第一方面，本发明实施例提供了一种虚拟现实的网页展示方法，包括：

在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素；

响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

结合第一方面，本发明在第一方面的第一种实施方式中，将所选择的2D元素在所述网页中进行悬浮展示，包括：

通过网页渲染引擎获取所选择的2D元素的纹理数据；

将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

结合第一方面，本发明在第一方面的第二种实施方式中，还包括：

获取对悬浮展示区域的所述2D元素的操作指令；

根据所述操作指令在所述悬浮显示区域对所述2D元素进行展示。

结合第一方面的第二种实施方式，本发明在第一方面的第三种实施方式中，所述操作指令包括：旋转操作指令、放大操作指令、缩小操作指令、拉进操作指令和推远操作指令中的至少一种。

第二方面，本发明实施例提供了一种虚拟现实的网页展示装置，包括：

开启模块，用于在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素；

展示模块，用于响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

结合第二方面，本发明在第二方面的第一种实施方式中，所述展示模块包括：

获取子模块，用于通过网页渲染引擎获取所选择的2D元素的纹理数据；

映射子模块，用于将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

结合第二方面，本发明在第二方面的第二种实施方式中，还包括：

操作指令获取模块，用于获取对悬浮展示区域的所述2D元素的操作指令；

操作指令展示模块，用于根据所述操作指令在所述悬浮显示区域对所述2D元素进行展示。

结合第二方面的第二种实施方式，本发明在第二方面的第三种实施方式中，所述操作指令包括：旋转操作指令、放大操作指令、缩小操作指令、拉进操作指令和推远操作指令中的至少一种。

所述装置的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。所述硬件或软件包括一个或多个与上述功能相对应的模块。

在一个可能的设计中，虚拟现实的网页展示装置的结构中包括处理器和存储器，所述存储器用于存储支持虚拟现实的网页展示装置执行上述第一方面中虚拟现实的网页展示方法的程序，所述处理器被配置为用于执行所述存储器中存储的程序。所述虚拟现实的网页展示装置还可以包括通信接口，用于虚拟现实的网页展示装置与其他设备或通信网络通信。

第三方面，本发明实施例提供了一种计算机可读介质，用于存储虚拟现实的网页展示装置所用的计算机软件指令，其包括用于执行上述第一方面的虚拟现实的网页展示方法所涉及的程序。

本发明实施例通过在VR场景中对网页上的2D元素进行悬浮展示，增强了用户在VR场景中浏览网页时的现实感和科技感，加强对用户的视觉冲击。

上述概述仅仅是为了说明书的目的，并不意图以任何方式进行限制。除上述描述的示意性的方面、实施方式和特征之外，通过参考附图和以下的详细描述，本发明进一步的方面、实施方式和特征将会是容易明白的。

附图说明

在附图中，除非另外规定，否则贯穿多个附图相同的附图标记表示相同或相似的部件或元素。这些附图不一定是按照比例绘制的。应该理解，这些附图仅描绘了根据本发明公开的一些实施方式，而不应将其视为是对本发明范围的限制。

图1为实施例一的虚拟现实的网页展示方法的流程图；

图2为实施例一的步骤S120的流程图；

图3为实施例二的虚拟现实的网页展示方法的流程图；

图4为实施例三的虚拟现实的网页展示装置的框图；

图5为实施例四的虚拟现实的网页展示装置的框图；

图6为实施例五的虚拟现实的网页展示设备框图。

具体实施方式

在下文中，仅简单地描述了某些示例性实施例。正如本领域技术人员可认识到的那样，在不脱离本发明的精神或范围的情况下，可通过各种不同方式修改所描述的实施例。因此，附图和描述被认为本质上是示例性的而非限制性的。本发明实施例主要提供了一种通虚拟现实的网页展示的方法及装置，下面分别通过以下实施例进行技术方案的展开描述。

实施例一

请参阅图1，其为本发明实施例一的虚拟现实的网页展示方法的流程图。本实施例一提供了一种虚拟现实的网页展示方法，包括以下步骤：

S110：在虚拟现实场景中开启网页，所述网页中包括至少一个二维(2D)元素。所述2D元素包括：图片、视频和文字中的至少一种。

用户佩戴虚拟现实(VR)设备时，可以在虚拟现实场景中选择自己感兴趣的网页。如果用户选择了某一网页，虚拟现实设备可以获取开启网页的信号，然后在虚拟现实的场景中开启一个网页。在所开启的网页中包括各种信息，其中有一部分的2D元素是二维平面的显示效果。例如：开启一个视频网页，这个网页中的2D元素包括所播放的视频。

S120：响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

如果用于选择了(例如采用单击或双击等操作进行选择)网页中的2D元素，虚拟现实设备可以获取2D元素的选择信号。因此，可以响应该2D元素的选择信号，选中该2D元素所在区域，将该2D元素所在区域从网页区域脱离，并自动悬浮在页面之上。这样，可以提高网页中的2D元素的现实感。

如图2所示，本实施例的所述步骤S120中，具体可以通过以下步骤实现：

S121：通过网页渲染引擎获取所选择的2D元素的纹理数据。

S122：将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

网页渲染引擎在获取到用户所选择的2D元素的纹理数据后，将该纹理数据映射到网页对应的悬浮展示区域。例如，可以通过OpenGL的FBO功能将这个2D元素的纹理数据映射到悬浮的展示区中。这里的OpenGL(Open Graphics Library)为一种图形程序接口，FBO(Frame Buffer Object)为帧缓存对象。其中，悬浮展示区域的位置可以预先设定，也可以通过与用户交互，根据用户的需求来实时地确定。

通过在VR场景中对网页上的2D元素进行悬浮展示，使得网页中的2D元素独立于网页而悬浮展示，增强了用户在VR场景中浏览网页时的现实感和科技感，加强对用户的视觉冲击。

实施例二

如图3所示，本实施例二提供了一种虚拟现实的网页展示方法，包括以下步骤：

S210：在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素。所述2D元素包括：图片、视频和文字中的至少一种。

S220：响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

S230：获取对悬浮展示区域的所述2D元素的操作指令。所述操作指令包括：旋转操作指令、放大操作指令、缩小操作指令、拉进操作指令和推远操作指令中的至少一种。

S240：根据所述操作指令在所述悬浮显示区域对所述2D元素进行展示。

用户在虚拟现实场景中，如果对网页的悬浮展示区域中的2D元素进行了操作，虚拟现实设备可以获取相应的操作指令。例如，如果用户选择对悬浮展示区域中的2D元素进行旋转操作，则虚拟现实设备可以获取旋转操作指令。

此外，用户操作2D元素的方式可以根据实际情况进行设置。如：旋转操作可以采用画圈的手势，放大操作可以采用张开的手势，缩小操作可以采用抓握的手势等。通过对这个独立展示的2D区域进行拉进、推远、旋转、放大、缩小等操作，便于用户按照自己的需求对此2D元素进行观察。

本实施例的步骤S210-S220可以参见上述实施例中的步骤S110和S120的相关描述，故不再赘述。

实施例三

本实施例三提供了一种虚拟现实的网页展示装置。请参阅图4，其为本实施例三的虚拟现实的网页展示装置的框图。

本实施例三提供了一种虚拟现实的网页展示装置，包括：

开启模块110，用于在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素。

展示模块120，用于响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

在一种可能的实现方式中，所述展示模块120包括：

获取子模块121，用于通过网页渲染引擎获取所选择的2D元素的纹理数据。

映射子模块122，将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

本实施例三与实施例一的原理类似，故不再赘述。

实施例四

本实施例四对应于实施例一，提供了一种虚拟现实的网页展示装置。请参阅图5，其为本实施例四的虚拟现实的网页展示装置的框图。

本实施例四提供了一种虚拟现实的网页展示装置，包括：

开启模块210，用于在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素。

展示模块220，用于响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

其中，所述展示模块120包括：

获取子模块221，用于通过网页渲染引擎获取所选择的2D元素的纹理数据。

映射子模块222，用于将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

操作指令获取模块230，用于获取对悬浮展示区域的所述2D元素的操作指令；

操作指令展示模块240，用于根据所述操作指令在所述悬浮显示区域对所述2D元素进行展示。

本实施例四的原理与实施例二类似，故不再赘述。

实施例五

本发明实施例五提供一种虚拟现实的网页展示设备，如图6所示，该设备包括：存储器310和处理器320，存储器310内存储有可在处理器320上运行的计算机程序。所述处理器320执行所述计算机程序时实现上述实施例中的虚拟现实的网页展示方法。所述存储器310和处理器320的数量可以为一个或多个。

该设备还包括：

通信接口330，用于与外界设备进行通信，进行数据交互传输。

存储器310可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

如果存储器310、处理器320和通信接口330独立实现，则存储器310、处理器320和通信接口330可以通过总线相互连接并完成相互间的通信。所述总线可以是工业标准体系结构(ISA，Industry Standard Architecture)总线、外部设备互连(PCI，PeripheralComponent)总线或扩展工业标准体系结构(EISA，Extended Industry StandardComponent)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图6中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

可选的，在具体实现上，如果存储器310、处理器320及通信接口330集成在一块芯片上，则存储器310、处理器320及通信接口330可以通过内部接口完成相互间的通信。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，“计算机可读介质”可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。

本发明实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质的更具体的示例至少(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式只读存储器(CDROM)。另外，计算机可读存储介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

在本发明实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于指令执行系统、输入法或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读存储介质中。所述存储介质可以是只读存储器，磁盘或光盘等。

综上所述，本发明通过在VR场景中与普通2D网页展示进行结合，可以对网页上的2D元素进行悬浮展示，增强了用户在进行网页浏览时的现实增强感。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到其各种变化或替换，这些都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种虚拟现实的网页展示方法，其特征在于，包括：

在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素；

响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

2.根据权利要求1所述虚拟现实的网页展示方法，其特征在于，将所选择的2D元素在所述网页中进行悬浮展示，包括：

通过网页渲染引擎获取所选择的2D元素的纹理数据；

将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

3.根据权利要求1所述虚拟现实的网页展示方法，其特征在于，还包括：

获取对悬浮展示区域的所述2D元素的操作指令；

根据所述操作指令在所述悬浮显示区域对所述2D元素进行展示。

4.根据权利要求3所述虚拟现实的网页展示方法，其特征在于，所述操作指令包括：旋转操作指令、放大操作指令、缩小操作指令、拉进操作指令和推远操作指令中的至少一种。

5.一种虚拟现实的网页展示装置，其特征在于，包括：

开启模块，用于在虚拟现实场景中开启网页，所述网页中包括至少一个二维2D元素；

展示模块，用于响应对所述网页中的2D元素的选择信号，将所选择的2D元素在所述网页中进行悬浮展示。

6.根据权利要求5所述虚拟现实的网页展示装置，其特征在于，所述展示模块包括：

获取子模块，用于通过网页渲染引擎获取所选择的2D元素的纹理数据；

映射子模块，用于将所述2D元素的纹理数据映射至所述网页对应的悬浮展示区域。

7.根据权利要求5所述虚拟现实的网页展示装置，其特征在于，还包括

操作指令获取模块，用于获取对悬浮展示区域的所述2D元素的操作指令；

操作指令展示模块，用于根据所述操作指令在所述悬浮显示区域对所述2D元素进行展示。

8.根据权利要求7所述虚拟现实的网页展示装置，其特征在于，所述操作指令包括：旋转操作指令、放大操作指令、缩小操作指令、拉进操作指令和推远操作指令中的至少一种。

9.一种虚拟现实的网页展示设备，其特征在于，所述设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1-4中任一所述的虚拟现实的网页展示方法。

10.一种计算机可读介质，其存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-4中任一所述的虚拟现实的网页展示方法。