CN106910250A - 用于在虚拟现实场景中操作页面的方法和装置 - Google Patents
用于在虚拟现实场景中操作页面的方法和装置 Download PDFInfo
- Publication number
- CN106910250A CN106910250A CN201710113953.2A CN201710113953A CN106910250A CN 106910250 A CN106910250 A CN 106910250A CN 201710113953 A CN201710113953 A CN 201710113953A CN 106910250 A CN106910250 A CN 106910250A
- Authority
- CN
- China
- Prior art keywords
- page
- segment
- virtual reality
- tree
- reality scenario
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/006—Mixed reality
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
本申请公开了用于在虚拟现实场景中操作页面的方法和装置。该方法的一具体实施方式包括:将待展示的页面切分为多个页面分块;确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。该实施方式增强了页面在虚拟现实场景中展示的丰富性。
Description
技术领域
本申请涉及计算机技术领域,具体涉及网页处理技术领域,尤其涉及用于在虚拟现实场景中操作页面的方法和装置。
背景技术
虚拟现实设备是一种可以创建和体验虚拟世界的计算机仿真系统,它利用计算机生成的三维动态视景和实体行为的系统仿真使用户沉浸到该环境中。在虚拟现实场景中进行页面展示,是虚拟现实技术的重要应用领域。
然而,目前在虚拟现实场景中进行网页展示时,展示的方式是通过三维空间中简单粘贴二维网页纹理,以供用户进行浏览与交互,这种方式没有充分利用虚拟现实环境中三维空间的有利条件来增强展示的丰富性。
发明内容
本申请的目的在于提出一种改进的用于在虚拟现实场景中操作页面的方法和装置,来解决以上背景技术部分提到的技术问题。
第一方面,本申请实施例提供了一种用于在虚拟现实场景中操作页面的方法,该方法包括:将待展示的页面切分为多个页面分块;确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。
在一些实施例中,所述将待展示的页面切分为多个页面分块,包括:解析所述页面以生成DOM树;将所述DOM树拆分成不同页面分块对应的DOM子树。
在一些实施例中,所述将所述DOM树拆分成不同页面分块对应的DOM子树,包括:根据所述DOM树确定所述页面的页面类型,其中不同页面类型对应不同的页面分块方案;执行所述页面的页面类型对应的页面分块方案,将所述DOM树拆分成不同页面分块对应的DOM子树。
在一些实施例中,所述页面类型包括以下至少一项:虚拟现实类型页面、多媒体类型页面、文本页面。
在一些实施例中,所述确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,包括:根据每个页面分块中的页面内容,确定页面分块在虚拟现实场景中的展示区域。
在一些实施例中所述将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上,包括:针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树;基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理;将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
在一些实施例中,所述基于每个页面分块对应的渲染树绘制该页面分块对应的页面纹理,包括:根据页面分块对应的渲染树确定页面分块对应的页面纹理中的待展示内容以及所述待展示内容在页面纹理中的展示位置坐标;在展示位置坐标绘制所述待展示内容,形成页面分块对应的纹理。
第二方面,本申请实施例提供了又一种用于在虚拟现实场景中操作页面的方法,方法包括:检测作用于虚拟现实场景中的用户操作,其中在所述虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块;当检测到所述用户操作时,根据所述用户操作作用在所述虚拟现实场景中的位置的三维坐标确定所述用户操作所作用的目标页面分块,并将所述三维坐标映射为在所述目标页面分块中的二维坐标;将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标;根据所转换的全局坐标响应所述用户操作,执行相应的页面操作。
在一些实施例中,在所述检测作用于虚拟现实场景中的用户操作之前,所述方法还包括:解析所述页面以生成DOM树,并将所述DOM树拆分成不同页面分块对应的DOM子树;针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树,并基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理,形成纹理树;将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
在一些实施例中,所述将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标,包括:根据所述二维坐标确定所述用户操作作用在所述目标页面分块所对应的目标纹理中的纹理坐标;根据渲染树与纹理树的映射关系,将所述纹理坐标映射为所述用户操作在所述目标纹理所对应的目标渲染树中的相对坐标;根据所述目标页面分块在所述页面中的位置信息,将所述相对坐标转换为所述操作作用在所述页面中的全局坐标。
第三方面,本申请实施例提供了一种用于在虚拟现实场景中操作页面的装置,装置包括:切分单元,用于将待展示的页面切分为多个页面分块;确定单元,用于确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;展示单元,用于将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。
在一些实施例中,所述切分单元包括:解析子单元,用于解析所述页面以生成DOM树;拆分子单元,用于将所述DOM树拆分为不同页面分块对应的DOM子树。
在一些实施例中,所述拆分子单元进一步用于:根据所述DOM树确定所述页面的页面类型,其中不同页面类型对应不同的页面分块方案;执行所述页面的页面类型对应的页面分块方案,将所述DOM树拆分为不同页面分块对应的DOM子树。
在一些实施例中,所述页面类型包括以下至少一项:虚拟现实类型页面、多媒体类型页面、文本页面。
在一些实施例中,所述确定单元进一步用于:根据每个页面分块中的页面内容,确定页面分块在虚拟现实场景中的展示区域。
在一些实施例中,所述展示单元包括:构建单元,用于针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树;纹理绘制单元,用于基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理;场景绘制单元,用于将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
在一些实施例中,所述纹理绘制单元进一步用于:根据页面分块对应的渲染树确定页面分块对应的页面纹理中的待展示内容以及所述待展示内容在页面纹理中的展示位置坐标;在展示位置坐标绘制所述待展示内容,形成页面分块对应的纹理。
第四方面,本申请实施例提供又一种用于在虚拟现实场景中操作页面的装置,装置包括:
检测单元,用于检测作用于虚拟现实场景中的用户操作,其中在所述虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块;映射单元,用于当检测到所述用户操作时,根据所述用户操作作用在所述虚拟现实场景中的位置的三维坐标确定所述用户操作所作用的目标页面分块,并将所述三维坐标映射为在所述目标页面分块中的二维坐标;转换单元,用于将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标;执行单元,用于根据所转换的全局坐标响应所述用户操作,执行相应的页面操作。
在一些实施例中,所述装置还包括展示单元,用于:解析所述页面以生成DOM树,并将所述DOM树拆分为不同页面分块对应的DOM子树;针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树,并基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理,形成纹理树;将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
在一些实施例中,所述转换单元,包括:确定子单元,用于根据所述二维坐标确定所述用户操作作用在所述目标页面分块所对应的目标纹理中的纹理坐标;映射子单元,用于根据渲染树与纹理树的映射关系,将所述纹理坐标映射为所述用户操作在所述目标纹理所对应的目标渲染树中的相对坐标;转换子单元,用于根据所述目标页面分块在所述页面中的位置信息,将所述相对坐标转换为所述操作作用在所述页面中的全局坐标。
第五方面,本申请提供一种虚拟现实设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如第一方面任一项或第二方面任一项所描述的方法。
第六方面,本申请提供一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如第一方面任一项或第二方面任一项所描述的方法。
本申请实施例提供的用于在虚拟现实场景中操作页面的方法和装置,一些实施例可以通过将页面的不同页面分块展示在虚拟现实场景中不同水平视角所对应的展示区域,而用户在虚拟现实场景中可以较容易地在水平方面操作和移动,从而有利于增强用户浏览不同页面分块的便利性以及页面展示的丰富性。此外,还有一些实施例可以在页面的不同页面分块展示在虚拟现实场景中不同水平视角所对应的展示区域时,用户可以进行水平移动或操作后对任一展示区域处进行操作,即可触发设备执行相应的页面操作,增强了用户操作页面的便捷性。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1是本申请可以应用于其中的示例性系统架构图;
图2是根据本申请的用于在虚拟现实场景中操作页面的方法的一个实施例的流程图;
图3a、3b是根据图2所示实施例中对页面进行切分的示意图;
图4是是根据图2所示实施例中对各个页面分块确定展示区域的示意图;
图5是根据本申请的用于在虚拟现实场景中操作页面的方法的又一个实施例的流程图;
图6是根据本申请的用于在虚拟现实场景中操作页面的装置的一个实施例的结构示意图;
图7是根据本申请的用于在虚拟现实场景中操作页面的装置的又一个实施例的结构示意图;
图8是适于用来实现本申请实施例的虚拟现实设备的计算机系统的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的应用于虚拟现实设备的操作方法和装置的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括虚拟现实设备101,网络102和服务器103。网络102用以在虚拟现实设备101和服务器103之间提供通信链路的介质。网络102可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用虚拟现实设备101通过网络102与服务器103交互,以接收或发送消息等。虚拟现实设备101可以是虚拟现实眼镜、虚拟现实头盔等各种虚拟现实设备,其上可以安装用于呈现虚拟场景的各种客户端应用,例如网页浏览器应用。服务器103可以是提供各种服务的服务器,例如用于供虚拟现实设备101上获取页面的后台服务器。
需要说明的是,本申请实施例所提供的应用于虚拟现实设备的操作方法一般由虚拟现实设备101执行,相应地,应用于虚拟现实设备的操作装置一般设置于虚拟现实设备101中。
应该理解,图1中的虚拟现实设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的虚拟现实设备、网络和服务器。在某些情况下,系统架构中也可以不使用网络和服务器。
继续参考图2,示出了根据本申请的用于在虚拟现实场景中操作页面的方法的一个实施例的流程200。该用于在虚拟现实场景中操作页面的方法,包括以下步骤:
步骤201,将待展示的页面切分为多个页面分块。
在本实施例中,用于在虚拟现实场景中操作页面的方法运行于其上的电子设备(例如图1所示的虚拟现实设备)可以首先获取待展示的页面,再将页面切分为多个页面分块。在获取页面时,电子设备可以获取预先存储在本地的页面,也可以通过有线网络或无线网络从服务器获取页面。将页面切分为多个页面分块,可以通过各种页面分块技术实现,页面分块技术可以包括但不限于:基于HTML(HyperText Markup Language,超级文本标记语言)标签的页面分块、基于视觉相识度的页面分块、基于重复模式的页面分块以及上述页面分块技术的结合。可选的,在对页面进行分块时,可以按照页面中的内容进行页面分块。页面切分的场景示意图可以参考图3a、3b。图3a示出了待展示的原始页面。电子设备可以如图3b所示分析出页面中包括导航模块301、核心内容模块302、次要内容模块加广告模块303以及次要内容模块304,并将页面切分成导航模块301、核心内容模块302、次要内容加广告模块303以及次要内容模块304分别对应的页面分块。
步骤202,确定多个页面分块中的每个页面分块在虚拟现实场景中的展示区域。
在本实施例中,基于步骤201中得到的多个页面分块中的每个页面分块,上述电子设备(例如图1所示的虚拟现实设备)可以为页面分块在虚拟现实场景中的多个展示区域分别一个对应的展示区域。其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围。图4示出了多个展示区域在虚拟现实场景中的布局示意图。其中步骤201中将页面切分为导航模块301、核心内容模块302、次要内容加广告模块303以及次要内容模块304分别对应的页面分块。在步骤202中,可以如图4所示将各个模块对应的页面分块分配在水平视角范围不同的展示区域中。在为页面分块分配展示区域时,可以平均分配。例如,当页面中分为6个页面分块时,且虚拟现实场景所有可供页面展示的展示区域的视角范围设定为0到360度,则可以将第1个页面分块的展示区域对应的视角范围可以是0-60度,第2个页面分块的展示区域对应的视角范围可以是60-120度,以此类推。实践中,不同展示区域的视角范围的宽度也可以不同。此外,部分视角范围也可以不设置为供页面分块展示的展示区域。例如,第1个页面分块的展示区域的视角范围可以是0-60度,第二个页面分块的视角范围为70-120度,此时60-70度的视角范围可以不设置页面展示区域,且第二个页面分块的展示区域的视角范围的宽度50度可以不同于第一个页面分块的展示区域的视角范围的宽度60度。
步骤203,将多个页面分块中的每个页面分块展示在虚拟现实场景中对应的展示区域上。
在本实施例中,基于步骤201所生成的多个页面分块以及基于步骤202对每个页面分块在虚拟现实场景中确定的展示区域,电子设备可以将页面分块展示在对应的展示区域中,从而可以实现页面在虚拟现实场景中的展示。
在本实施例的一些可选实现方式中,步骤201可以具体包括:解析所述页面以生成DOM树;将所述DOM树拆分为不同页面分块对应的DOM子树。原始的页面文档通常是HTML(HyperText Markup Language,超文本标记语言)文档或XHTML(可扩展超文本标记语言)文档。电子设备可以利用浏览器对HTML文档或XHTML文档进行解析,以生成DOM树。之后,电子设备可以按照设定规则拆分DOM树,得到DOM子树。
在本实施例的一些可选实现方式中,页面类型包括以下至少一项:虚拟现实类型页面、多媒体类型页面、文本页面。虚拟现实类型页面通常是指以全景视频或全景图片为主体内容的页面,多媒体类型页面通常是指以普通视频或音频为主体内容的页面,文本页面则可以是指以普通图片或文字为主体内容的页面。
在本实施例的一些可选实现方式中,上述将所述DOM树拆分为不同页面分块对应的DOM子树可以具体包括:根据所述DOM树确定所述页面的页面类型,其中不同页面类型对应不同的页面分块方案;执行所述页面的页面类型对应的页面分块方案,将所述DOM树拆分为不同页面分块对应的DOM子树。例如,对于虚拟现实类型页面可以设定一种页面分块方案,对于多媒体类型页面则可以设定另一种页面分块。基于页面类型执行对应的页面分块方案,有利于提高页面分块的针对性。
在本实施例的一些可选实现方式中,上述步骤202可以包括:根据每个页面分块中的页面内容,确定页面分块在虚拟现实场景中的展示区域。该实现方式中,电子设备可以基于页面分块中的页面内容分配不同水平视角范围对应的展示区域。例如,对于页面内容较为重要的页面分块,电子设备可以将其所对应的展示区域分配在更有利于用户浏览的水平视角范围所对应的展示区域。
在本实施例的一些可选实现方式中,步骤203可以具体包括:针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树;基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理;将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。首先,对于每个页面分块,电子设备可以使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树。其次,电子设备可以利用前述过程对每个页面分块构建的渲染树,绘制各个页面分块对应的页面纹理,从而可以形成多个页面分块对应的页面纹理树。最后,电子设备可以将所绘制的页面纹理分别绘制页面分块分别对应的展示区域中。
在本实施例的一些可选实现方式中,上述基于每个页面分块对应的渲染树绘制该页面分块对应的页面纹理,包括:根据页面分块对应的渲染树确定页面分块对应的页面纹理中的待展示内容以及所述待展示内容在页面纹理中的展示位置坐标;在展示位置坐标绘制所述待展示内容,形成页面分块对应的纹理。
本申请的上述实施例提供的方法通过将页面的不同页面分块展示在虚拟现实场景中不同水平视角所对应的展示区域,而用户在虚拟现实场景中可以较容易地在水平方面操作和移动,从而有利于增强用户浏览不同页面分块的便利性以及页面展示的丰富性。
进一步参考图5,其示出了用于在虚拟现实场景中操作页面的方法的又一个实施例的流程500。该用于在虚拟现实场景中操作页面的方法的流程500,包括以下步骤:
步骤501,检测作用于虚拟现实场景中的用户操作。
在本实施例中,用于在虚拟现实场景中操作页面的方法运行于其上的电子设备(例如图1所示的虚拟现实设备)可以检测作用于虚拟现实场景中的用户操作。其中,该虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块。其中页面展示的方式可以参考图2对应实施例或任一实现方式描述的方案,这里不再赘述。上述用户操作可以是用户通过自己的身体发出的各种操作,包括但不限于触摸操作、凝视操作、语音操作等。在检测用户操作时,电子设备可以使用预先安装的传感器进行检测。例如,可以通过体感传感器对用户操作进行检测。
步骤502,当检测到用户操作时,根据用户操作作用在虚拟现实场景中的位置的三维坐标确定用户操作所作用的目标页面分块,并将三维坐标映射为在目标页面分块中的二维坐标。
在本实施例中,当基于步骤501检测到用户操作时,电子设备可以通过传感器确定用户操作作用在虚拟现实场景中的位置的三维坐标。之后,电子设备可以根据三维坐标确定所述用户操作所作用的目标页面分块,以及将三维坐标映射为在所述目标页面分块中的二维坐标。在
步骤503,将用户操作作用在目标页面分块中的二维坐标转换成页面中的全局坐标。
在本实施例中,基于步骤502所确定的目标页面分块以及所得到的二维坐标,电子设备可以通过目标页面分块的坐标与未分块前的页面的坐标系对应关系,将二维坐标转换为所述页面中的全局坐标。
步骤504,根据所转换的全局坐标响应用户操作,执行相应的页面操作。
在本实施例中,基于步骤503对用户操作所确定的在原始页面中的全局坐标,电子设备即可以根据该坐标以及基于坐标的响应规则响应该用户操作,从而触发电子设备执行对应的页面更新操作。通常,页面操作可以是更新页面或页面中的部分内容。此时,电子设备即可重新按照页面展示方案重新进行展示。
在本实施例的一些实施例中,在所述检测作用于虚拟现实场景中的用户操作之前,所述方法还包括:解析所述页面以生成DOM树,并将所述DOM树拆分为不同页面分块对应的DOM子树;针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树,并基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理,形成纹理树;将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
在本实施例的一些可选实现方式中,步骤503可以包括:根据所述二维坐标确定所述用户操作作用在所述目标页面分块所对应的目标纹理中的纹理坐标;根据渲染树与纹理树的映射关系,将纹理坐标映射为所述用户操作在所述目标纹理所对应的目标渲染树中的相对坐标;根据所述目标页面分块在所述页面中的位置信息,将所述相对坐标转换为所述操作作用在所述页面中的全局坐标。其中,该位置信息可以是目标分块在页面中的起始坐标,该起始坐标通常为左上坐标。该实现方式中,确定操作在原始的页面中的坐标时,只需要按照与展示时确定展示位置相反的流程并借助展示时坐标之间的映射关系即可计算得到。
本申请的上述实施例提供的方法,在页面的不同页面分块展示在虚拟现实场景中不同水平视角所对应的展示区域时,用户可以进行水平移动或操作后对任一展示区域处进行操作,即可触发设备执行相应的页面操作,增强了用户操作页面的便捷性。
进一步参考图6,作为对上述各图所示方法的实现,本申请提供了一种用于在虚拟现实场景中操作页面的装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种虚拟现实设备中。
如图6所示,本实施例的用于在虚拟现实场景中操作页面的装置600包括:切分单元601、确定单元602和展示单元603。其中,切分单元601用于将待展示的页面切分为多个页面分块;确定单元602用于确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;展示单元603用于将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。
在本实施例中,切分单元601、确定单元602和展示单元603的具体处理可以分别参考图2对应实施例中的步骤201、步骤202和步骤203,这里不再赘述。
在本实施例的一些可选实现方式中,切分单元601可以包括:解析子单元(未示出),用于解析所述页面以生成DOM树;拆分子单元(未示出),用于将所述DOM树拆分为不同页面分块对应的DOM子树。该实现方式的具体处理可以参考图2对应实施例中相应的实现方式,这里不再赘述。
在本实施例的一些可选实现方式中,拆分子单元进一步用于:根据所述DOM树确定所述页面的页面类型,其中不同页面类型对应不同的页面分块方案;执行所述页面的页面类型对应的页面分块方案,将所述DOM树拆分为不同页面分块对应的DOM子树。该实现方式的具体处理可以参考图2对应实施例中相应的实现方式,这里不再赘述。
在本实施例的一些可选实现方式中,所述页面类型包括以下至少一项:虚拟现实类型页面、多媒体类型页面、文本页面。该实现方式的具体处理可以参考图2对应实施例中相应的实现方式,这里不再赘述。
在本实施例的一些可选实现方式中,确定单元602进一步用于:根据每个页面分块中的页面内容,确定页面分块在虚拟现实场景中的展示区域。该实现方式的具体处理可以参考图2对应实施例中相应的实现方式,这里不再赘述。
在本实施例的一些可选实现方式中,展示单元603包括:构建单元(未示出),用于针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树;纹理绘制单元(未示出),用于基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理;场景绘制单元(未示出),用于将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。该实现方式的具体处理可以参考图2对应实施例中相应的实现方式,这里不再赘述。
在本实施例的一些可选实现方式中,纹理绘制单元进一步用于:根据页面分块对应的渲染树确定页面分块对应的页面纹理中的待展示内容以及所述待展示内容在页面纹理中的展示位置坐标;在展示位置坐标绘制所述待展示内容,形成页面分块对应的纹理。该实现方式的具体处理可以参考图2对应实施例中相应的实现方式,这里不再赘述。
进一步参考图7,作为对上述各图所示方法的实现,本申请提供了一种用于在虚拟现实场景中操作页面的装置的一个实施例,该装置实施例与图5所示的方法实施例相对应,该装置具体可以应用于各种虚拟现实设备中。
如图7所示,本实施例的用于在虚拟现实场景中操作页面的装置700包括:检测单元701、映射单元702、转换单元703和执行单元704。其中,检测单元701用于检测作用于虚拟现实场景中的用户操作,其中在所述虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块;映射单元702用于当检测到所述用户操作时,根据所述用户操作作用在所述虚拟现实场景中的位置的三维坐标确定所述用户操作所作用的目标页面分块,并将所述三维坐标映射为在所述目标页面分块中的二维坐标;转换单元703用于将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标;而执行单元704用于根据所转换的全局坐标响应所述用户操作,执行相应的页面操作。
在本实施例中,检测单元701、映射单元702、转换单元703和执行单元704的具体处理可以参考图5对应实施例中的步骤501、步骤502、步骤503以及步骤504,这里不再赘述。
在本实施例的一些可选实现方式中,装置700还包括展示单元(未示出),用于:解析所述页面以生成DOM树,并将所述DOM树拆分为不同页面分块对应的DOM子树;针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树,并基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理,形成纹理树;将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。该实现方式的具体处理可以参考图5对应实施例中相应的实现方式,这里不再赘述。
在本实施例的一些可选实现方式中,转换单元703可以包括:确定子单元,用于根据所述二维坐标确定所述用户操作作用在所述目标页面分块所对应的目标纹理中的纹理坐标;映射子单元,用于根据渲染树与纹理树的映射关系,将所述纹理坐标映射为所述用户操作在所述目标纹理所对应的目标渲染树中的相对坐标;转换子单元,用于根据所述目标页面分块在所述页面中的位置信息,将所述相对坐标转换为所述操作作用在所述页面中的全局坐标。该实现方式的具体处理可以参考图5对应实施例中相应的实现方式,这里不再赘述。
本申请还提供了一种虚拟现实设备,该虚拟现实设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现图2或图5对应的实施例或实施例中任一可选实现方式所描述的方法。图8示出了适于用来实现本申请实施例的虚拟现实设备的计算机系统800的结构示意图。图8示出的设备仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图8所示,系统结构800包括处理器801,其可以根据从外存部分807加载到内存802中的程序和数据而执行各种适当的动作和处理。处理器801、内存802通过总线803彼此相连。输入/输出(I/O)接口804也连接至总线803。
以下部件连接至I/O接口804:包括传感器等的输入部分805;包括诸如虚拟现实显示器以及扬声器等的输出部分806;包括硬盘等的外存部分808;以及包括诸如无线wifi网卡等网络接口卡的通信部分808。通信部分808经由诸如因特网的网络执行通信处理。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括有形地包含在机器可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分808从网络上被下载和安装,和/或从外存部分807被安装。附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括切分单元、确定单元和展示单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,展示单元还可以被描述为“待展示的页面切分为多个页面分块的单元”。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的虚拟现实设备中所包含的;也可以是单独存在,而未装配入该虚拟现实设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该装置执行时,使得该虚拟现实设备:将待展示的页面切分为多个页面分块;确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该装置执行时,使得该虚拟现实设备:检测作用于虚拟现实场景中的用户操作,其中在所述虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块;当检测到所述用户操作时,根据所述用户操作作用在所述虚拟现实场景中的位置的三维坐标确定所述用户操作所作用的目标页面分块,并将所述三维坐标映射为在所述目标页面分块中的二维坐标;将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标;根据所转换的全局坐标响应所述用户操作,执行相应的页面操作。
需要说明的是,本申请所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (14)
1.一种用于在虚拟现实场景中操作页面的方法,其特征在于,所述方法包括:
将待展示的页面切分为多个页面分块;
确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;
将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。
2.根据权利要求1所述的方法,其特征在于,所述将待展示的页面切分为多个页面分块,包括:
解析所述页面以生成文档对象模型DOM树;
将所述DOM树拆分为不同页面分块对应的DOM子树。
3.根据权利要求2所述的方法,其特征在于,所述将所述DOM树拆分为不同页面分块对应的DOM子树,包括:
根据所述DOM树确定所述页面的页面类型,其中不同页面类型对应不同的页面分块方案;
执行所述页面的页面类型对应的页面分块方案,将所述DOM树拆分为不同页面分块对应的DOM子树。
4.根据权利要求3所述的方法,其特征在于,所述页面类型包括以下至少一项:虚拟现实类型页面、多媒体类型页面、文本页面。
5.根据权利要求2所述的方法,其特征在于,所述确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,包括:
根据每个页面分块中的页面内容,确定页面分块在虚拟现实场景中的展示区域。
6.根据权利要求2所述的方法,其特征在于,所述将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上,包括:
针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树;
基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理;
将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
7.根据权利要求6所述的方法,其特征在于,所述基于每个页面分块对应的渲染树绘制该页面分块对应的页面纹理,包括:
根据页面分块对应的渲染树确定页面分块对应的页面纹理中的待展示内容以及所述待展示内容在页面纹理中的展示位置坐标;
在展示位置坐标绘制所述待展示内容,形成页面分块对应的纹理。
8.一种用于在虚拟现实场景中操作页面的方法,其特征在于,所述方法包括:
检测作用于虚拟现实场景中的用户操作,其中在所述虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块;
当检测到所述用户操作时,根据所述用户操作作用在所述虚拟现实场景中的位置的三维坐标确定所述用户操作所作用的目标页面分块,并将所述三维坐标映射为在所述目标页面分块中的二维坐标;
将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标;
根据所转换的全局坐标响应所述用户操作,执行相应的页面操作。
9.根据权利要求8所述的方法,其特征在于,在所述检测作用于虚拟现实场景中的用户操作之前,所述方法还包括:
解析所述页面以生成DOM树,并将所述DOM树拆分成不同页面分块对应的DOM子树;
针对每个页面分块,使用所述DOM树中与页面分块对应的DOM子树构建该页面分块对应的渲染树,并基于每个页面分块对应的渲染树绘制页面分块对应的页面纹理,形成纹理树;
将所述页面纹理集合中每个页面分块对应的页面纹理分别绘制在页面分块在所述虚拟现实场景中对应的展示区域中。
10.根据权利要求9所述的方法,其特征在于,所述将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标,包括:
根据所述二维坐标确定所述用户操作作用在所述目标页面分块所对应的目标纹理中的纹理坐标;
根据渲染树与纹理树的映射关系,将所述纹理坐标映射为所述用户操作在所述目标纹理所对应的目标渲染树中的相对坐标;
根据所述目标页面分块在所述页面中的位置信息,将所述相对坐标转换为所述操作作用在所述页面中的全局坐标。
11.一种用于在虚拟现实场景中操作页面的装置,其特征在于,所述装置包括:
切分单元,用于将待展示的页面切分为多个页面分块;
确定单元,用于确定所述多个页面分块中的每个页面分块在虚拟现实场景中的展示区域,其中,其中不同页面分块的展示区域处于所述虚拟现实场景不同的水平视角范围;
展示单元,用于将所述多个页面分块中的每个页面分块展示在所述虚拟现实场景中对应的展示区域上。
12.一种用于在虚拟现实场景中操作页面的装置,其特征在于,所述装置包括:
检测单元,用于检测作用于虚拟现实场景中的用户操作,其中在所述虚拟现实场景中不同的水平视角范围所对应的展示区域分别预先展示对页面进行切分所形成的不同页面分块;
映射单元,用于当检测到所述用户操作时,根据所述用户操作作用在所述虚拟现实场景中的位置的三维坐标确定所述用户操作所作用的目标页面分块,并将所述三维坐标映射为在所述目标页面分块中的二维坐标;
转换单元,用于将所述用户操作作用在所述目标页面分块中的二维坐标转换成所述页面中的全局坐标;
执行单元,用于根据所转换的全局坐标响应所述用户操作,执行相应的页面操作。
13.一种虚拟现实设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-10中任一所述的方法。
14.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-10中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710113953.2A CN106910250A (zh) | 2017-02-28 | 2017-02-28 | 用于在虚拟现实场景中操作页面的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710113953.2A CN106910250A (zh) | 2017-02-28 | 2017-02-28 | 用于在虚拟现实场景中操作页面的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106910250A true CN106910250A (zh) | 2017-06-30 |
Family
ID=59208104
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710113953.2A Pending CN106910250A (zh) | 2017-02-28 | 2017-02-28 | 用于在虚拟现实场景中操作页面的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106910250A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109859328A (zh) * | 2017-11-30 | 2019-06-07 | 百度在线网络技术(北京)有限公司 | 一种场景切换方法、装置、设备和介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101770324A (zh) * | 2008-12-31 | 2010-07-07 | 商泰软件(上海)有限公司 | 一种实现三维图形界面互动式操作的方法 |
CN102306174A (zh) * | 2011-08-24 | 2012-01-04 | 百度在线网络技术(北京)有限公司 | 一种基于网页元素与用户进行互动的方法与设备 |
CN102841790A (zh) * | 2012-07-02 | 2012-12-26 | 北京大学 | 面向异构终端的Web应用界面动态适配方法 |
CN104735464A (zh) * | 2015-03-31 | 2015-06-24 | 华为技术有限公司 | 一种全景视频交互传输方法、服务器和客户端 |
CN105677275A (zh) * | 2015-12-31 | 2016-06-15 | 北京小鸟看看科技有限公司 | 一种界面布局方法和环绕式界面系统 |
US20160300387A1 (en) * | 2015-04-09 | 2016-10-13 | Cinemoi North America, LLC | Systems and methods to provide interactive virtual environments |
-
2017
- 2017-02-28 CN CN201710113953.2A patent/CN106910250A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101770324A (zh) * | 2008-12-31 | 2010-07-07 | 商泰软件(上海)有限公司 | 一种实现三维图形界面互动式操作的方法 |
CN102306174A (zh) * | 2011-08-24 | 2012-01-04 | 百度在线网络技术(北京)有限公司 | 一种基于网页元素与用户进行互动的方法与设备 |
CN102841790A (zh) * | 2012-07-02 | 2012-12-26 | 北京大学 | 面向异构终端的Web应用界面动态适配方法 |
CN104735464A (zh) * | 2015-03-31 | 2015-06-24 | 华为技术有限公司 | 一种全景视频交互传输方法、服务器和客户端 |
US20160300387A1 (en) * | 2015-04-09 | 2016-10-13 | Cinemoi North America, LLC | Systems and methods to provide interactive virtual environments |
CN105677275A (zh) * | 2015-12-31 | 2016-06-15 | 北京小鸟看看科技有限公司 | 一种界面布局方法和环绕式界面系统 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109859328A (zh) * | 2017-11-30 | 2019-06-07 | 百度在线网络技术(北京)有限公司 | 一种场景切换方法、装置、设备和介质 |
CN109859328B (zh) * | 2017-11-30 | 2023-06-23 | 百度在线网络技术(北京)有限公司 | 一种场景切换方法、装置、设备和介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
CN102915375B (zh) | 一种基于布局分区的网页加载方法 | |
CN103873277B (zh) | 一种分层的网络拓扑可视化方法及系统 | |
Cecconi et al. | Adaptive zooming in web cartography | |
CN106484408A (zh) | 一种基于html5的节点关系图显示方法及系统 | |
CN109508681A (zh) | 生成人体关键点检测模型的方法和装置 | |
CN106095437B (zh) | 用户界面从右到左rtl的布局方式的实现方法及装置 | |
CN103157281B (zh) | 一种二维游戏场景显示的方法和设备 | |
CN104850388B (zh) | 网页绘制方法及装置 | |
CN104798094B (zh) | 确定内容项目显示环境的配置 | |
CN104424232B (zh) | 一种网页标注方法和装置 | |
US20210012455A1 (en) | Method and device for loading image | |
CN105096368B (zh) | 三维对象处理方法和相关装置 | |
CN106021421A (zh) | 一种加速网页渲染的方法及装置 | |
CN104484361B (zh) | 信息的展现方法及装置 | |
CN106776939A (zh) | 一种图像无损标注方法及系统 | |
CN111240669B (zh) | 界面生成方法、装置、电子设备及计算机存储介质 | |
Lam et al. | M2a: A framework for visualizing information from mobile web to mobile augmented reality | |
CN103914129A (zh) | 一种人机交互系统及方法 | |
CN109753546A (zh) | 矢量地图生成方法、装置、电子设计及计算机可读介质 | |
CN110097063A (zh) | 电子设备的数据处理方法、介质、装置和计算设备 | |
CN109472852A (zh) | 点云图像的显示方法及装置、设备及存储介质 | |
CN111597466A (zh) | 展示方法、装置和电子设备 | |
CN201780586U (zh) | 远程医疗在线画板系统 | |
CN104156421B (zh) | 页面的展现方法、装置及系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170630 |
|
RJ01 | Rejection of invention patent application after publication |