本申請(qǐng)涉及計(jì)算機(jī)技術(shù)領(lǐng)域,具體涉及網(wǎng)頁(yè)處理技術(shù)領(lǐng)域,尤其涉及用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法和裝置。
背景技術(shù):
虛擬現(xiàn)實(shí)設(shè)備是一種可以創(chuàng)建和體驗(yàn)虛擬世界的計(jì)算機(jī)仿真系統(tǒng),它利用計(jì)算機(jī)生成的三維動(dòng)態(tài)視景和實(shí)體行為的系統(tǒng)仿真使用戶(hù)沉浸到該環(huán)境中。在虛擬現(xiàn)實(shí)場(chǎng)景中進(jìn)行頁(yè)面展示,是虛擬現(xiàn)實(shí)技術(shù)的重要應(yīng)用領(lǐng)域。
然而,目前在虛擬現(xiàn)實(shí)場(chǎng)景中進(jìn)行網(wǎng)頁(yè)展示時(shí),展示的方式是通過(guò)三維空間中簡(jiǎn)單粘貼二維網(wǎng)頁(yè)紋理,以供用戶(hù)進(jìn)行瀏覽與交互,這種方式?jīng)]有充分利用虛擬現(xiàn)實(shí)環(huán)境中三維空間的有利條件來(lái)增強(qiáng)展示的豐富性。
技術(shù)實(shí)現(xiàn)要素:
本申請(qǐng)的目的在于提出一種改進(jìn)的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法和裝置,來(lái)解決以上背景技術(shù)部分提到的技術(shù)問(wèn)題。
第一方面,本申請(qǐng)實(shí)施例提供了一種用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法,該方法包括:將待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊;確定所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域,其中,其中不同頁(yè)面分塊的展示區(qū)域處于所述虛擬現(xiàn)實(shí)場(chǎng)景不同的水平視角范圍;將所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊展示在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域上。
在一些實(shí)施例中,所述將待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊,包括:解析所述頁(yè)面以生成DOM樹(shù);將所述DOM樹(shù)拆分成不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。
在一些實(shí)施例中,所述將所述DOM樹(shù)拆分成不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù),包括:根據(jù)所述DOM樹(shù)確定所述頁(yè)面的頁(yè)面類(lèi)型,其中不同頁(yè)面類(lèi)型對(duì)應(yīng)不同的頁(yè)面分塊方案;執(zhí)行所述頁(yè)面的頁(yè)面類(lèi)型對(duì)應(yīng)的頁(yè)面分塊方案,將所述DOM樹(shù)拆分成不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。
在一些實(shí)施例中,所述頁(yè)面類(lèi)型包括以下至少一項(xiàng):虛擬現(xiàn)實(shí)類(lèi)型頁(yè)面、多媒體類(lèi)型頁(yè)面、文本頁(yè)面。
在一些實(shí)施例中,所述確定所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域,包括:根據(jù)每個(gè)頁(yè)面分塊中的頁(yè)面內(nèi)容,確定頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域。
在一些實(shí)施例中所述將所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊展示在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域上,包括:針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù);基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理;將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。
在一些實(shí)施例中,所述基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制該頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,包括:根據(jù)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)確定頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理中的待展示內(nèi)容以及所述待展示內(nèi)容在頁(yè)面紋理中的展示位置坐標(biāo);在展示位置坐標(biāo)繪制所述待展示內(nèi)容,形成頁(yè)面分塊對(duì)應(yīng)的紋理。
第二方面,本申請(qǐng)實(shí)施例提供了又一種用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法,方法包括:檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作,其中在所述虛擬現(xiàn)實(shí)場(chǎng)景中不同的水平視角范圍所對(duì)應(yīng)的展示區(qū)域分別預(yù)先展示對(duì)頁(yè)面進(jìn)行切分所形成的不同頁(yè)面分塊;當(dāng)檢測(cè)到所述用戶(hù)操作時(shí),根據(jù)所述用戶(hù)操作作用在所述虛擬現(xiàn)實(shí)場(chǎng)景中的位置的三維坐標(biāo)確定所述用戶(hù)操作所作用的目標(biāo)頁(yè)面分塊,并將所述三維坐標(biāo)映射為在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo);將所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo)轉(zhuǎn)換成所述頁(yè)面中的全局坐標(biāo);根據(jù)所轉(zhuǎn)換的全局坐標(biāo)響應(yīng)所述用戶(hù)操作,執(zhí)行相應(yīng)的頁(yè)面操作。
在一些實(shí)施例中,在所述檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作之前,所述方法還包括:解析所述頁(yè)面以生成DOM樹(shù),并將所述DOM樹(shù)拆分成不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù);針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù),并基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,形成紋理樹(shù);將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。
在一些實(shí)施例中,所述將所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo)轉(zhuǎn)換成所述頁(yè)面中的全局坐標(biāo),包括:根據(jù)所述二維坐標(biāo)確定所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊所對(duì)應(yīng)的目標(biāo)紋理中的紋理坐標(biāo);根據(jù)渲染樹(shù)與紋理樹(shù)的映射關(guān)系,將所述紋理坐標(biāo)映射為所述用戶(hù)操作在所述目標(biāo)紋理所對(duì)應(yīng)的目標(biāo)渲染樹(shù)中的相對(duì)坐標(biāo);根據(jù)所述目標(biāo)頁(yè)面分塊在所述頁(yè)面中的位置信息,將所述相對(duì)坐標(biāo)轉(zhuǎn)換為所述操作作用在所述頁(yè)面中的全局坐標(biāo)。
第三方面,本申請(qǐng)實(shí)施例提供了一種用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置,裝置包括:切分單元,用于將待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊;確定單元,用于確定所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域,其中,其中不同頁(yè)面分塊的展示區(qū)域處于所述虛擬現(xiàn)實(shí)場(chǎng)景不同的水平視角范圍;展示單元,用于將所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊展示在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域上。
在一些實(shí)施例中,所述切分單元包括:解析子單元,用于解析所述頁(yè)面以生成DOM樹(shù);拆分子單元,用于將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。
在一些實(shí)施例中,所述拆分子單元進(jìn)一步用于:根據(jù)所述DOM樹(shù)確定所述頁(yè)面的頁(yè)面類(lèi)型,其中不同頁(yè)面類(lèi)型對(duì)應(yīng)不同的頁(yè)面分塊方案;執(zhí)行所述頁(yè)面的頁(yè)面類(lèi)型對(duì)應(yīng)的頁(yè)面分塊方案,將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。
在一些實(shí)施例中,所述頁(yè)面類(lèi)型包括以下至少一項(xiàng):虛擬現(xiàn)實(shí)類(lèi)型頁(yè)面、多媒體類(lèi)型頁(yè)面、文本頁(yè)面。
在一些實(shí)施例中,所述確定單元進(jìn)一步用于:根據(jù)每個(gè)頁(yè)面分塊中的頁(yè)面內(nèi)容,確定頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域。
在一些實(shí)施例中,所述展示單元包括:構(gòu)建單元,用于針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù);紋理繪制單元,用于基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理;場(chǎng)景繪制單元,用于將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。
在一些實(shí)施例中,所述紋理繪制單元進(jìn)一步用于:根據(jù)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)確定頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理中的待展示內(nèi)容以及所述待展示內(nèi)容在頁(yè)面紋理中的展示位置坐標(biāo);在展示位置坐標(biāo)繪制所述待展示內(nèi)容,形成頁(yè)面分塊對(duì)應(yīng)的紋理。
第四方面,本申請(qǐng)實(shí)施例提供又一種用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置,裝置包括:
檢測(cè)單元,用于檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作,其中在所述虛擬現(xiàn)實(shí)場(chǎng)景中不同的水平視角范圍所對(duì)應(yīng)的展示區(qū)域分別預(yù)先展示對(duì)頁(yè)面進(jìn)行切分所形成的不同頁(yè)面分塊;映射單元,用于當(dāng)檢測(cè)到所述用戶(hù)操作時(shí),根據(jù)所述用戶(hù)操作作用在所述虛擬現(xiàn)實(shí)場(chǎng)景中的位置的三維坐標(biāo)確定所述用戶(hù)操作所作用的目標(biāo)頁(yè)面分塊,并將所述三維坐標(biāo)映射為在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo);轉(zhuǎn)換單元,用于將所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo)轉(zhuǎn)換成所述頁(yè)面中的全局坐標(biāo);執(zhí)行單元,用于根據(jù)所轉(zhuǎn)換的全局坐標(biāo)響應(yīng)所述用戶(hù)操作,執(zhí)行相應(yīng)的頁(yè)面操作。
在一些實(shí)施例中,所述裝置還包括展示單元,用于:解析所述頁(yè)面以生成DOM樹(shù),并將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù);針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù),并基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,形成紋理樹(shù);將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。
在一些實(shí)施例中,所述轉(zhuǎn)換單元,包括:確定子單元,用于根據(jù)所述二維坐標(biāo)確定所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊所對(duì)應(yīng)的目標(biāo)紋理中的紋理坐標(biāo);映射子單元,用于根據(jù)渲染樹(shù)與紋理樹(shù)的映射關(guān)系,將所述紋理坐標(biāo)映射為所述用戶(hù)操作在所述目標(biāo)紋理所對(duì)應(yīng)的目標(biāo)渲染樹(shù)中的相對(duì)坐標(biāo);轉(zhuǎn)換子單元,用于根據(jù)所述目標(biāo)頁(yè)面分塊在所述頁(yè)面中的位置信息,將所述相對(duì)坐標(biāo)轉(zhuǎn)換為所述操作作用在所述頁(yè)面中的全局坐標(biāo)。
第五方面,本申請(qǐng)?zhí)峁┮环N虛擬現(xiàn)實(shí)設(shè)備,包括:一個(gè)或多個(gè)處理器;存儲(chǔ)裝置,用于存儲(chǔ)一個(gè)或多個(gè)程序;當(dāng)所述一個(gè)或多個(gè)程序被所述一個(gè)或多個(gè)處理器執(zhí)行,使得所述一個(gè)或多個(gè)處理器實(shí)現(xiàn)如第一方面任一項(xiàng)或第二方面任一項(xiàng)所描述的方法。
第六方面,本申請(qǐng)?zhí)峁┮环N計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序,其特征在于,該程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如第一方面任一項(xiàng)或第二方面任一項(xiàng)所描述的方法。
本申請(qǐng)實(shí)施例提供的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法和裝置,一些實(shí)施例可以通過(guò)將頁(yè)面的不同頁(yè)面分塊展示在虛擬現(xiàn)實(shí)場(chǎng)景中不同水平視角所對(duì)應(yīng)的展示區(qū)域,而用戶(hù)在虛擬現(xiàn)實(shí)場(chǎng)景中可以較容易地在水平方面操作和移動(dòng),從而有利于增強(qiáng)用戶(hù)瀏覽不同頁(yè)面分塊的便利性以及頁(yè)面展示的豐富性。此外,還有一些實(shí)施例可以在頁(yè)面的不同頁(yè)面分塊展示在虛擬現(xiàn)實(shí)場(chǎng)景中不同水平視角所對(duì)應(yīng)的展示區(qū)域時(shí),用戶(hù)可以進(jìn)行水平移動(dòng)或操作后對(duì)任一展示區(qū)域處進(jìn)行操作,即可觸發(fā)設(shè)備執(zhí)行相應(yīng)的頁(yè)面操作,增強(qiáng)了用戶(hù)操作頁(yè)面的便捷性。
附圖說(shuō)明
通過(guò)閱讀參照以下附圖所作的對(duì)非限制性實(shí)施例所作的詳細(xì)描述,本申請(qǐng)的其它特征、目的和優(yōu)點(diǎn)將會(huì)變得更明顯:
圖1是本申請(qǐng)可以應(yīng)用于其中的示例性系統(tǒng)架構(gòu)圖;
圖2是根據(jù)本申請(qǐng)的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法的一個(gè)實(shí)施例的流程圖;
圖3a、3b是根據(jù)圖2所示實(shí)施例中對(duì)頁(yè)面進(jìn)行切分的示意圖;
圖4是是根據(jù)圖2所示實(shí)施例中對(duì)各個(gè)頁(yè)面分塊確定展示區(qū)域的示意圖;
圖5是根據(jù)本申請(qǐng)的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法的又一個(gè)實(shí)施例的流程圖;
圖6是根據(jù)本申請(qǐng)的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置的一個(gè)實(shí)施例的結(jié)構(gòu)示意圖;
圖7是根據(jù)本申請(qǐng)的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置的又一個(gè)實(shí)施例的結(jié)構(gòu)示意圖;
圖8是適于用來(lái)實(shí)現(xiàn)本申請(qǐng)實(shí)施例的虛擬現(xiàn)實(shí)設(shè)備的計(jì)算機(jī)系統(tǒng)的結(jié)構(gòu)示意圖。
具體實(shí)施方式
下面結(jié)合附圖和實(shí)施例對(duì)本申請(qǐng)作進(jìn)一步的詳細(xì)說(shuō)明??梢岳斫獾氖?,此處所描述的具體實(shí)施例僅僅用于解釋相關(guān)發(fā)明,而非對(duì)該發(fā)明的限定。另外還需要說(shuō)明的是,為了便于描述,附圖中僅示出了與有關(guān)發(fā)明相關(guān)的部分。
需要說(shuō)明的是,在不沖突的情況下,本申請(qǐng)中的實(shí)施例及實(shí)施例中的特征可以相互組合。下面將參考附圖并結(jié)合實(shí)施例來(lái)詳細(xì)說(shuō)明本申請(qǐng)。
圖1示出了可以應(yīng)用本申請(qǐng)的應(yīng)用于虛擬現(xiàn)實(shí)設(shè)備的操作方法和裝置的實(shí)施例的示例性系統(tǒng)架構(gòu)100。
如圖1所示,系統(tǒng)架構(gòu)100可以包括虛擬現(xiàn)實(shí)設(shè)備101,網(wǎng)絡(luò)102和服務(wù)器103。網(wǎng)絡(luò)102用以在虛擬現(xiàn)實(shí)設(shè)備101和服務(wù)器103之間提供通信鏈路的介質(zhì)。網(wǎng)絡(luò)102可以包括各種連接類(lèi)型,例如有線(xiàn)、無(wú)線(xiàn)通信鏈路或者光纖電纜等等。
用戶(hù)可以使用虛擬現(xiàn)實(shí)設(shè)備101通過(guò)網(wǎng)絡(luò)102與服務(wù)器103交互,以接收或發(fā)送消息等。虛擬現(xiàn)實(shí)設(shè)備101可以是虛擬現(xiàn)實(shí)眼鏡、虛擬現(xiàn)實(shí)頭盔等各種虛擬現(xiàn)實(shí)設(shè)備,其上可以安裝用于呈現(xiàn)虛擬場(chǎng)景的各種客戶(hù)端應(yīng)用,例如網(wǎng)頁(yè)瀏覽器應(yīng)用。服務(wù)器103可以是提供各種服務(wù)的服務(wù)器,例如用于供虛擬現(xiàn)實(shí)設(shè)備101上獲取頁(yè)面的后臺(tái)服務(wù)器。
需要說(shuō)明的是,本申請(qǐng)實(shí)施例所提供的應(yīng)用于虛擬現(xiàn)實(shí)設(shè)備的操作方法一般由虛擬現(xiàn)實(shí)設(shè)備101執(zhí)行,相應(yīng)地,應(yīng)用于虛擬現(xiàn)實(shí)設(shè)備的操作裝置一般設(shè)置于虛擬現(xiàn)實(shí)設(shè)備101中。
應(yīng)該理解,圖1中的虛擬現(xiàn)實(shí)設(shè)備、網(wǎng)絡(luò)和服務(wù)器的數(shù)目?jī)H僅是示意性的。根據(jù)實(shí)現(xiàn)需要,可以具有任意數(shù)目的虛擬現(xiàn)實(shí)設(shè)備、網(wǎng)絡(luò)和服務(wù)器。在某些情況下,系統(tǒng)架構(gòu)中也可以不使用網(wǎng)絡(luò)和服務(wù)器。
繼續(xù)參考圖2,示出了根據(jù)本申請(qǐng)的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法的一個(gè)實(shí)施例的流程200。該用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法,包括以下步驟:
步驟201,將待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊。
在本實(shí)施例中,用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法運(yùn)行于其上的電子設(shè)備(例如圖1所示的虛擬現(xiàn)實(shí)設(shè)備)可以首先獲取待展示的頁(yè)面,再將頁(yè)面切分為多個(gè)頁(yè)面分塊。在獲取頁(yè)面時(shí),電子設(shè)備可以獲取預(yù)先存儲(chǔ)在本地的頁(yè)面,也可以通過(guò)有線(xiàn)網(wǎng)絡(luò)或無(wú)線(xiàn)網(wǎng)絡(luò)從服務(wù)器獲取頁(yè)面。將頁(yè)面切分為多個(gè)頁(yè)面分塊,可以通過(guò)各種頁(yè)面分塊技術(shù)實(shí)現(xiàn),頁(yè)面分塊技術(shù)可以包括但不限于:基于HTML(HyperText Markup Language,超級(jí)文本標(biāo)記語(yǔ)言)標(biāo)簽的頁(yè)面分塊、基于視覺(jué)相識(shí)度的頁(yè)面分塊、基于重復(fù)模式的頁(yè)面分塊以及上述頁(yè)面分塊技術(shù)的結(jié)合??蛇x的,在對(duì)頁(yè)面進(jìn)行分塊時(shí),可以按照頁(yè)面中的內(nèi)容進(jìn)行頁(yè)面分塊。頁(yè)面切分的場(chǎng)景示意圖可以參考圖3a、3b。圖3a示出了待展示的原始頁(yè)面。電子設(shè)備可以如圖3b所示分析出頁(yè)面中包括導(dǎo)航模塊301、核心內(nèi)容模塊302、次要內(nèi)容模塊加廣告模塊303以及次要內(nèi)容模塊304,并將頁(yè)面切分成導(dǎo)航模塊301、核心內(nèi)容模塊302、次要內(nèi)容加廣告模塊303以及次要內(nèi)容模塊304分別對(duì)應(yīng)的頁(yè)面分塊。
步驟202,確定多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域。
在本實(shí)施例中,基于步驟201中得到的多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊,上述電子設(shè)備(例如圖1所示的虛擬現(xiàn)實(shí)設(shè)備)可以為頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的多個(gè)展示區(qū)域分別一個(gè)對(duì)應(yīng)的展示區(qū)域。其中,其中不同頁(yè)面分塊的展示區(qū)域處于所述虛擬現(xiàn)實(shí)場(chǎng)景不同的水平視角范圍。圖4示出了多個(gè)展示區(qū)域在虛擬現(xiàn)實(shí)場(chǎng)景中的布局示意圖。其中步驟201中將頁(yè)面切分為導(dǎo)航模塊301、核心內(nèi)容模塊302、次要內(nèi)容加廣告模塊303以及次要內(nèi)容模塊304分別對(duì)應(yīng)的頁(yè)面分塊。在步驟202中,可以如圖4所示將各個(gè)模塊對(duì)應(yīng)的頁(yè)面分塊分配在水平視角范圍不同的展示區(qū)域中。在為頁(yè)面分塊分配展示區(qū)域時(shí),可以平均分配。例如,當(dāng)頁(yè)面中分為6個(gè)頁(yè)面分塊時(shí),且虛擬現(xiàn)實(shí)場(chǎng)景所有可供頁(yè)面展示的展示區(qū)域的視角范圍設(shè)定為0到360度,則可以將第1個(gè)頁(yè)面分塊的展示區(qū)域?qū)?yīng)的視角范圍可以是0-60度,第2個(gè)頁(yè)面分塊的展示區(qū)域?qū)?yīng)的視角范圍可以是60-120度,以此類(lèi)推。實(shí)踐中,不同展示區(qū)域的視角范圍的寬度也可以不同。此外,部分視角范圍也可以不設(shè)置為供頁(yè)面分塊展示的展示區(qū)域。例如,第1個(gè)頁(yè)面分塊的展示區(qū)域的視角范圍可以是0-60度,第二個(gè)頁(yè)面分塊的視角范圍為70-120度,此時(shí)60-70度的視角范圍可以不設(shè)置頁(yè)面展示區(qū)域,且第二個(gè)頁(yè)面分塊的展示區(qū)域的視角范圍的寬度50度可以不同于第一個(gè)頁(yè)面分塊的展示區(qū)域的視角范圍的寬度60度。
步驟203,將多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊展示在虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域上。
在本實(shí)施例中,基于步驟201所生成的多個(gè)頁(yè)面分塊以及基于步驟202對(duì)每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中確定的展示區(qū)域,電子設(shè)備可以將頁(yè)面分塊展示在對(duì)應(yīng)的展示區(qū)域中,從而可以實(shí)現(xiàn)頁(yè)面在虛擬現(xiàn)實(shí)場(chǎng)景中的展示。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,步驟201可以具體包括:解析所述頁(yè)面以生成DOM樹(shù);將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。原始的頁(yè)面文檔通常是HTML(HyperText Markup Language,超文本標(biāo)記語(yǔ)言)文檔或XHTML(可擴(kuò)展超文本標(biāo)記語(yǔ)言)文檔。電子設(shè)備可以利用瀏覽器對(duì)HTML文檔或XHTML文檔進(jìn)行解析,以生成DOM樹(shù)。之后,電子設(shè)備可以按照設(shè)定規(guī)則拆分DOM樹(shù),得到DOM子樹(shù)。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,頁(yè)面類(lèi)型包括以下至少一項(xiàng):虛擬現(xiàn)實(shí)類(lèi)型頁(yè)面、多媒體類(lèi)型頁(yè)面、文本頁(yè)面。虛擬現(xiàn)實(shí)類(lèi)型頁(yè)面通常是指以全景視頻或全景圖片為主體內(nèi)容的頁(yè)面,多媒體類(lèi)型頁(yè)面通常是指以普通視頻或音頻為主體內(nèi)容的頁(yè)面,文本頁(yè)面則可以是指以普通圖片或文字為主體內(nèi)容的頁(yè)面。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,上述將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)可以具體包括:根據(jù)所述DOM樹(shù)確定所述頁(yè)面的頁(yè)面類(lèi)型,其中不同頁(yè)面類(lèi)型對(duì)應(yīng)不同的頁(yè)面分塊方案;執(zhí)行所述頁(yè)面的頁(yè)面類(lèi)型對(duì)應(yīng)的頁(yè)面分塊方案,將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。例如,對(duì)于虛擬現(xiàn)實(shí)類(lèi)型頁(yè)面可以設(shè)定一種頁(yè)面分塊方案,對(duì)于多媒體類(lèi)型頁(yè)面則可以設(shè)定另一種頁(yè)面分塊?;陧?yè)面類(lèi)型執(zhí)行對(duì)應(yīng)的頁(yè)面分塊方案,有利于提高頁(yè)面分塊的針對(duì)性。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,上述步驟202可以包括:根據(jù)每個(gè)頁(yè)面分塊中的頁(yè)面內(nèi)容,確定頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域。該實(shí)現(xiàn)方式中,電子設(shè)備可以基于頁(yè)面分塊中的頁(yè)面內(nèi)容分配不同水平視角范圍對(duì)應(yīng)的展示區(qū)域。例如,對(duì)于頁(yè)面內(nèi)容較為重要的頁(yè)面分塊,電子設(shè)備可以將其所對(duì)應(yīng)的展示區(qū)域分配在更有利于用戶(hù)瀏覽的水平視角范圍所對(duì)應(yīng)的展示區(qū)域。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,步驟203可以具體包括:針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù);基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理;將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。首先,對(duì)于每個(gè)頁(yè)面分塊,電子設(shè)備可以使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)。其次,電子設(shè)備可以利用前述過(guò)程對(duì)每個(gè)頁(yè)面分塊構(gòu)建的渲染樹(shù),繪制各個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,從而可以形成多個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理樹(shù)。最后,電子設(shè)備可以將所繪制的頁(yè)面紋理分別繪制頁(yè)面分塊分別對(duì)應(yīng)的展示區(qū)域中。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,上述基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制該頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,包括:根據(jù)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)確定頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理中的待展示內(nèi)容以及所述待展示內(nèi)容在頁(yè)面紋理中的展示位置坐標(biāo);在展示位置坐標(biāo)繪制所述待展示內(nèi)容,形成頁(yè)面分塊對(duì)應(yīng)的紋理。
本申請(qǐng)的上述實(shí)施例提供的方法通過(guò)將頁(yè)面的不同頁(yè)面分塊展示在虛擬現(xiàn)實(shí)場(chǎng)景中不同水平視角所對(duì)應(yīng)的展示區(qū)域,而用戶(hù)在虛擬現(xiàn)實(shí)場(chǎng)景中可以較容易地在水平方面操作和移動(dòng),從而有利于增強(qiáng)用戶(hù)瀏覽不同頁(yè)面分塊的便利性以及頁(yè)面展示的豐富性。
進(jìn)一步參考圖5,其示出了用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法的又一個(gè)實(shí)施例的流程500。該用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法的流程500,包括以下步驟:
步驟501,檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作。
在本實(shí)施例中,用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的方法運(yùn)行于其上的電子設(shè)備(例如圖1所示的虛擬現(xiàn)實(shí)設(shè)備)可以檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作。其中,該虛擬現(xiàn)實(shí)場(chǎng)景中不同的水平視角范圍所對(duì)應(yīng)的展示區(qū)域分別預(yù)先展示對(duì)頁(yè)面進(jìn)行切分所形成的不同頁(yè)面分塊。其中頁(yè)面展示的方式可以參考圖2對(duì)應(yīng)實(shí)施例或任一實(shí)現(xiàn)方式描述的方案,這里不再贅述。上述用戶(hù)操作可以是用戶(hù)通過(guò)自己的身體發(fā)出的各種操作,包括但不限于觸摸操作、凝視操作、語(yǔ)音操作等。在檢測(cè)用戶(hù)操作時(shí),電子設(shè)備可以使用預(yù)先安裝的傳感器進(jìn)行檢測(cè)。例如,可以通過(guò)體感傳感器對(duì)用戶(hù)操作進(jìn)行檢測(cè)。
步驟502,當(dāng)檢測(cè)到用戶(hù)操作時(shí),根據(jù)用戶(hù)操作作用在虛擬現(xiàn)實(shí)場(chǎng)景中的位置的三維坐標(biāo)確定用戶(hù)操作所作用的目標(biāo)頁(yè)面分塊,并將三維坐標(biāo)映射為在目標(biāo)頁(yè)面分塊中的二維坐標(biāo)。
在本實(shí)施例中,當(dāng)基于步驟501檢測(cè)到用戶(hù)操作時(shí),電子設(shè)備可以通過(guò)傳感器確定用戶(hù)操作作用在虛擬現(xiàn)實(shí)場(chǎng)景中的位置的三維坐標(biāo)。之后,電子設(shè)備可以根據(jù)三維坐標(biāo)確定所述用戶(hù)操作所作用的目標(biāo)頁(yè)面分塊,以及將三維坐標(biāo)映射為在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo)。在
步驟503,將用戶(hù)操作作用在目標(biāo)頁(yè)面分塊中的二維坐標(biāo)轉(zhuǎn)換成頁(yè)面中的全局坐標(biāo)。
在本實(shí)施例中,基于步驟502所確定的目標(biāo)頁(yè)面分塊以及所得到的二維坐標(biāo),電子設(shè)備可以通過(guò)目標(biāo)頁(yè)面分塊的坐標(biāo)與未分塊前的頁(yè)面的坐標(biāo)系對(duì)應(yīng)關(guān)系,將二維坐標(biāo)轉(zhuǎn)換為所述頁(yè)面中的全局坐標(biāo)。
步驟504,根據(jù)所轉(zhuǎn)換的全局坐標(biāo)響應(yīng)用戶(hù)操作,執(zhí)行相應(yīng)的頁(yè)面操作。
在本實(shí)施例中,基于步驟503對(duì)用戶(hù)操作所確定的在原始頁(yè)面中的全局坐標(biāo),電子設(shè)備即可以根據(jù)該坐標(biāo)以及基于坐標(biāo)的響應(yīng)規(guī)則響應(yīng)該用戶(hù)操作,從而觸發(fā)電子設(shè)備執(zhí)行對(duì)應(yīng)的頁(yè)面更新操作。通常,頁(yè)面操作可以是更新頁(yè)面或頁(yè)面中的部分內(nèi)容。此時(shí),電子設(shè)備即可重新按照頁(yè)面展示方案重新進(jìn)行展示。
在本實(shí)施例的一些實(shí)施例中,在所述檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作之前,所述方法還包括:解析所述頁(yè)面以生成DOM樹(shù),并將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù);針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù),并基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,形成紋理樹(shù);將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,步驟503可以包括:根據(jù)所述二維坐標(biāo)確定所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊所對(duì)應(yīng)的目標(biāo)紋理中的紋理坐標(biāo);根據(jù)渲染樹(shù)與紋理樹(shù)的映射關(guān)系,將紋理坐標(biāo)映射為所述用戶(hù)操作在所述目標(biāo)紋理所對(duì)應(yīng)的目標(biāo)渲染樹(shù)中的相對(duì)坐標(biāo);根據(jù)所述目標(biāo)頁(yè)面分塊在所述頁(yè)面中的位置信息,將所述相對(duì)坐標(biāo)轉(zhuǎn)換為所述操作作用在所述頁(yè)面中的全局坐標(biāo)。其中,該位置信息可以是目標(biāo)分塊在頁(yè)面中的起始坐標(biāo),該起始坐標(biāo)通常為左上坐標(biāo)。該實(shí)現(xiàn)方式中,確定操作在原始的頁(yè)面中的坐標(biāo)時(shí),只需要按照與展示時(shí)確定展示位置相反的流程并借助展示時(shí)坐標(biāo)之間的映射關(guān)系即可計(jì)算得到。
本申請(qǐng)的上述實(shí)施例提供的方法,在頁(yè)面的不同頁(yè)面分塊展示在虛擬現(xiàn)實(shí)場(chǎng)景中不同水平視角所對(duì)應(yīng)的展示區(qū)域時(shí),用戶(hù)可以進(jìn)行水平移動(dòng)或操作后對(duì)任一展示區(qū)域處進(jìn)行操作,即可觸發(fā)設(shè)備執(zhí)行相應(yīng)的頁(yè)面操作,增強(qiáng)了用戶(hù)操作頁(yè)面的便捷性。
進(jìn)一步參考圖6,作為對(duì)上述各圖所示方法的實(shí)現(xiàn),本申請(qǐng)?zhí)峁┝艘环N用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置的一個(gè)實(shí)施例,該裝置實(shí)施例與圖2所示的方法實(shí)施例相對(duì)應(yīng),該裝置具體可以應(yīng)用于各種虛擬現(xiàn)實(shí)設(shè)備中。
如圖6所示,本實(shí)施例的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置600包括:切分單元601、確定單元602和展示單元603。其中,切分單元601用于將待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊;確定單元602用于確定所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域,其中,其中不同頁(yè)面分塊的展示區(qū)域處于所述虛擬現(xiàn)實(shí)場(chǎng)景不同的水平視角范圍;展示單元603用于將所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊展示在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域上。
在本實(shí)施例中,切分單元601、確定單元602和展示單元603的具體處理可以分別參考圖2對(duì)應(yīng)實(shí)施例中的步驟201、步驟202和步驟203,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,切分單元601可以包括:解析子單元(未示出),用于解析所述頁(yè)面以生成DOM樹(shù);拆分子單元(未示出),用于將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。該實(shí)現(xiàn)方式的具體處理可以參考圖2對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,拆分子單元進(jìn)一步用于:根據(jù)所述DOM樹(shù)確定所述頁(yè)面的頁(yè)面類(lèi)型,其中不同頁(yè)面類(lèi)型對(duì)應(yīng)不同的頁(yè)面分塊方案;執(zhí)行所述頁(yè)面的頁(yè)面類(lèi)型對(duì)應(yīng)的頁(yè)面分塊方案,將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)。該實(shí)現(xiàn)方式的具體處理可以參考圖2對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,所述頁(yè)面類(lèi)型包括以下至少一項(xiàng):虛擬現(xiàn)實(shí)類(lèi)型頁(yè)面、多媒體類(lèi)型頁(yè)面、文本頁(yè)面。該實(shí)現(xiàn)方式的具體處理可以參考圖2對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,確定單元602進(jìn)一步用于:根據(jù)每個(gè)頁(yè)面分塊中的頁(yè)面內(nèi)容,確定頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域。該實(shí)現(xiàn)方式的具體處理可以參考圖2對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,展示單元603包括:構(gòu)建單元(未示出),用于針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù);紋理繪制單元(未示出),用于基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理;場(chǎng)景繪制單元(未示出),用于將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。該實(shí)現(xiàn)方式的具體處理可以參考圖2對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,紋理繪制單元進(jìn)一步用于:根據(jù)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)確定頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理中的待展示內(nèi)容以及所述待展示內(nèi)容在頁(yè)面紋理中的展示位置坐標(biāo);在展示位置坐標(biāo)繪制所述待展示內(nèi)容,形成頁(yè)面分塊對(duì)應(yīng)的紋理。該實(shí)現(xiàn)方式的具體處理可以參考圖2對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
進(jìn)一步參考圖7,作為對(duì)上述各圖所示方法的實(shí)現(xiàn),本申請(qǐng)?zhí)峁┝艘环N用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置的一個(gè)實(shí)施例,該裝置實(shí)施例與圖5所示的方法實(shí)施例相對(duì)應(yīng),該裝置具體可以應(yīng)用于各種虛擬現(xiàn)實(shí)設(shè)備中。
如圖7所示,本實(shí)施例的用于在虛擬現(xiàn)實(shí)場(chǎng)景中操作頁(yè)面的裝置700包括:檢測(cè)單元701、映射單元702、轉(zhuǎn)換單元703和執(zhí)行單元704。其中,檢測(cè)單元701用于檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作,其中在所述虛擬現(xiàn)實(shí)場(chǎng)景中不同的水平視角范圍所對(duì)應(yīng)的展示區(qū)域分別預(yù)先展示對(duì)頁(yè)面進(jìn)行切分所形成的不同頁(yè)面分塊;映射單元702用于當(dāng)檢測(cè)到所述用戶(hù)操作時(shí),根據(jù)所述用戶(hù)操作作用在所述虛擬現(xiàn)實(shí)場(chǎng)景中的位置的三維坐標(biāo)確定所述用戶(hù)操作所作用的目標(biāo)頁(yè)面分塊,并將所述三維坐標(biāo)映射為在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo);轉(zhuǎn)換單元703用于將所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo)轉(zhuǎn)換成所述頁(yè)面中的全局坐標(biāo);而執(zhí)行單元704用于根據(jù)所轉(zhuǎn)換的全局坐標(biāo)響應(yīng)所述用戶(hù)操作,執(zhí)行相應(yīng)的頁(yè)面操作。
在本實(shí)施例中,檢測(cè)單元701、映射單元702、轉(zhuǎn)換單元703和執(zhí)行單元704的具體處理可以參考圖5對(duì)應(yīng)實(shí)施例中的步驟501、步驟502、步驟503以及步驟504,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,裝置700還包括展示單元(未示出),用于:解析所述頁(yè)面以生成DOM樹(shù),并將所述DOM樹(shù)拆分為不同頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù);針對(duì)每個(gè)頁(yè)面分塊,使用所述DOM樹(shù)中與頁(yè)面分塊對(duì)應(yīng)的DOM子樹(shù)構(gòu)建該頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù),并基于每個(gè)頁(yè)面分塊對(duì)應(yīng)的渲染樹(shù)繪制頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理,形成紋理樹(shù);將所述頁(yè)面紋理集合中每個(gè)頁(yè)面分塊對(duì)應(yīng)的頁(yè)面紋理分別繪制在頁(yè)面分塊在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域中。該實(shí)現(xiàn)方式的具體處理可以參考圖5對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
在本實(shí)施例的一些可選實(shí)現(xiàn)方式中,轉(zhuǎn)換單元703可以包括:確定子單元,用于根據(jù)所述二維坐標(biāo)確定所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊所對(duì)應(yīng)的目標(biāo)紋理中的紋理坐標(biāo);映射子單元,用于根據(jù)渲染樹(shù)與紋理樹(shù)的映射關(guān)系,將所述紋理坐標(biāo)映射為所述用戶(hù)操作在所述目標(biāo)紋理所對(duì)應(yīng)的目標(biāo)渲染樹(shù)中的相對(duì)坐標(biāo);轉(zhuǎn)換子單元,用于根據(jù)所述目標(biāo)頁(yè)面分塊在所述頁(yè)面中的位置信息,將所述相對(duì)坐標(biāo)轉(zhuǎn)換為所述操作作用在所述頁(yè)面中的全局坐標(biāo)。該實(shí)現(xiàn)方式的具體處理可以參考圖5對(duì)應(yīng)實(shí)施例中相應(yīng)的實(shí)現(xiàn)方式,這里不再贅述。
本申請(qǐng)還提供了一種虛擬現(xiàn)實(shí)設(shè)備,該虛擬現(xiàn)實(shí)設(shè)備包括:一個(gè)或多個(gè)處理器;存儲(chǔ)裝置,用于存儲(chǔ)一個(gè)或多個(gè)程序,當(dāng)一個(gè)或多個(gè)程序被一個(gè)或多個(gè)處理器執(zhí)行,使得一個(gè)或多個(gè)處理器實(shí)現(xiàn)圖2或圖5對(duì)應(yīng)的實(shí)施例或?qū)嵤├腥我豢蛇x實(shí)現(xiàn)方式所描述的方法。圖8示出了適于用來(lái)實(shí)現(xiàn)本申請(qǐng)實(shí)施例的虛擬現(xiàn)實(shí)設(shè)備的計(jì)算機(jī)系統(tǒng)800的結(jié)構(gòu)示意圖。圖8示出的設(shè)備僅僅是一個(gè)示例,不應(yīng)對(duì)本申請(qǐng)實(shí)施例的功能和使用范圍帶來(lái)任何限制。
如圖8所示,系統(tǒng)結(jié)構(gòu)800包括處理器801,其可以根據(jù)從外存部分807加載到內(nèi)存802中的程序和數(shù)據(jù)而執(zhí)行各種適當(dāng)?shù)膭?dòng)作和處理。處理器801、內(nèi)存802通過(guò)總線(xiàn)803彼此相連。輸入/輸出(I/O)接口804也連接至總線(xiàn)803。
以下部件連接至I/O接口804:包括傳感器等的輸入部分805;包括諸如虛擬現(xiàn)實(shí)顯示器以及揚(yáng)聲器等的輸出部分806;包括硬盤(pán)等的外存部分808;以及包括諸如無(wú)線(xiàn)wifi網(wǎng)卡等網(wǎng)絡(luò)接口卡的通信部分808。通信部分808經(jīng)由諸如因特網(wǎng)的網(wǎng)絡(luò)執(zhí)行通信處理。
特別地,根據(jù)本公開(kāi)的實(shí)施例,上文參考流程圖描述的過(guò)程可以被實(shí)現(xiàn)為計(jì)算機(jī)軟件程序。例如,本公開(kāi)的實(shí)施例包括一種計(jì)算機(jī)程序產(chǎn)品,其包括有形地包含在機(jī)器可讀介質(zhì)上的計(jì)算機(jī)程序,該計(jì)算機(jī)程序包含用于執(zhí)行流程圖所示的方法的程序代碼。在這樣的實(shí)施例中,該計(jì)算機(jī)程序可以通過(guò)通信部分808從網(wǎng)絡(luò)上被下載和安裝,和/或從外存部分807被安裝。附圖中的流程圖和框圖,圖示了按照本申請(qǐng)各種實(shí)施例的系統(tǒng)、方法和計(jì)算機(jī)程序產(chǎn)品的可能實(shí)現(xiàn)的體系架構(gòu)、功能和操作。在這點(diǎn)上,流程圖或框圖中的每個(gè)方框可以代表一個(gè)模塊、程序段、或代碼的一部分,該模塊、程序段、或代碼的一部分包含一個(gè)或多個(gè)用于實(shí)現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意,在有些作為替換的實(shí)現(xiàn)中,方框中所標(biāo)注的功能也可以以不同于附圖中所標(biāo)注的順序發(fā)生。例如,兩個(gè)接連地表示的方框?qū)嶋H上可以基本并行地執(zhí)行,它們有時(shí)也可以按相反的順序執(zhí)行,這依所涉及的功能而定。也要注意的是,框圖和/或流程圖中的每個(gè)方框、以及框圖和/或流程圖中的方框的組合,可以用執(zhí)行規(guī)定的功能或操作的專(zhuān)用的基于硬件的系統(tǒng)來(lái)實(shí)現(xiàn),或者可以用專(zhuān)用硬件與計(jì)算機(jī)指令的組合來(lái)實(shí)現(xiàn)。
描述于本申請(qǐng)實(shí)施例中所涉及到的單元可以通過(guò)軟件的方式實(shí)現(xiàn),也可以通過(guò)硬件的方式來(lái)實(shí)現(xiàn)。所描述的單元也可以設(shè)置在處理器中,例如,可以描述為:一種處理器包括切分單元、確定單元和展示單元。其中,這些單元的名稱(chēng)在某種情況下并不構(gòu)成對(duì)該單元本身的限定,例如,展示單元還可以被描述為“待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊的單元”。
作為另一方面,本申請(qǐng)還提供了一種計(jì)算機(jī)可讀介質(zhì),該計(jì)算機(jī)可讀介質(zhì)可以是上述實(shí)施例中描述的虛擬現(xiàn)實(shí)設(shè)備中所包含的;也可以是單獨(dú)存在,而未裝配入該虛擬現(xiàn)實(shí)設(shè)備中。上述計(jì)算機(jī)可讀介質(zhì)承載有一個(gè)或者多個(gè)程序,當(dāng)上述一個(gè)或者多個(gè)程序被該裝置執(zhí)行時(shí),使得該虛擬現(xiàn)實(shí)設(shè)備:將待展示的頁(yè)面切分為多個(gè)頁(yè)面分塊;確定所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊在虛擬現(xiàn)實(shí)場(chǎng)景中的展示區(qū)域,其中,其中不同頁(yè)面分塊的展示區(qū)域處于所述虛擬現(xiàn)實(shí)場(chǎng)景不同的水平視角范圍;將所述多個(gè)頁(yè)面分塊中的每個(gè)頁(yè)面分塊展示在所述虛擬現(xiàn)實(shí)場(chǎng)景中對(duì)應(yīng)的展示區(qū)域上?;蛘?,上述計(jì)算機(jī)可讀介質(zhì)承載有一個(gè)或者多個(gè)程序,當(dāng)上述一個(gè)或者多個(gè)程序被該裝置執(zhí)行時(shí),使得該虛擬現(xiàn)實(shí)設(shè)備:檢測(cè)作用于虛擬現(xiàn)實(shí)場(chǎng)景中的用戶(hù)操作,其中在所述虛擬現(xiàn)實(shí)場(chǎng)景中不同的水平視角范圍所對(duì)應(yīng)的展示區(qū)域分別預(yù)先展示對(duì)頁(yè)面進(jìn)行切分所形成的不同頁(yè)面分塊;當(dāng)檢測(cè)到所述用戶(hù)操作時(shí),根據(jù)所述用戶(hù)操作作用在所述虛擬現(xiàn)實(shí)場(chǎng)景中的位置的三維坐標(biāo)確定所述用戶(hù)操作所作用的目標(biāo)頁(yè)面分塊,并將所述三維坐標(biāo)映射為在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo);將所述用戶(hù)操作作用在所述目標(biāo)頁(yè)面分塊中的二維坐標(biāo)轉(zhuǎn)換成所述頁(yè)面中的全局坐標(biāo);根據(jù)所轉(zhuǎn)換的全局坐標(biāo)響應(yīng)所述用戶(hù)操作,執(zhí)行相應(yīng)的頁(yè)面操作。
需要說(shuō)明的是,本申請(qǐng)所述的計(jì)算機(jī)可讀介質(zhì)可以是計(jì)算機(jī)可讀信號(hào)介質(zhì)或者計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)或者是上述兩者的任意組合。計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)例如可以是——但不限于——電、磁、光、電磁、紅外線(xiàn)、或半導(dǎo)體的系統(tǒng)、裝置或器件,或者任意以上的組合。計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)的更具體的例子可以包括但不限于:具有一個(gè)或多個(gè)導(dǎo)線(xiàn)的電連接、便攜式計(jì)算機(jī)磁盤(pán)、硬盤(pán)、隨機(jī)訪(fǎng)問(wèn)存儲(chǔ)器(RAM)、只讀存儲(chǔ)器(ROM)、可擦式可編程只讀存儲(chǔ)器(EPROM或閃存)、光纖、便攜式緊湊磁盤(pán)只讀存儲(chǔ)器(CD-ROM)、光存儲(chǔ)器件、磁存儲(chǔ)器件、或者上述的任意合適的組合。在本申請(qǐng)中,計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)可以是任何包含或存儲(chǔ)程序的有形介質(zhì),該程序可以被指令執(zhí)行系統(tǒng)、裝置或者器件使用或者與其結(jié)合使用。而在本申請(qǐng)中,計(jì)算機(jī)可讀的信號(hào)介質(zhì)可以包括在基帶中或者作為載波一部分傳播的數(shù)據(jù)信號(hào),其中承載了計(jì)算機(jī)可讀的程序代碼。這種傳播的數(shù)據(jù)信號(hào)可以采用多種形式,包括但不限于電磁信號(hào)、光信號(hào)或上述的任意合適的組合。計(jì)算機(jī)可讀的信號(hào)介質(zhì)還可以是計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)以外的任何計(jì)算機(jī)可讀介質(zhì),該計(jì)算機(jī)可讀介質(zhì)可以發(fā)送、傳播或者傳輸用于由指令執(zhí)行系統(tǒng)、裝置或者器件使用或者與其結(jié)合使用的程序。計(jì)算機(jī)可讀介質(zhì)上包含的程序代碼可以用任何適當(dāng)?shù)慕橘|(zhì)傳輸,包括但不限于:無(wú)線(xiàn)、電線(xiàn)、光纜、RF等等,或者上述的任意合適的組合。
以上描述僅為本申請(qǐng)的較佳實(shí)施例以及對(duì)所運(yùn)用技術(shù)原理的說(shuō)明。本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解,本申請(qǐng)中所涉及的發(fā)明范圍,并不限于上述技術(shù)特征的特定組合而成的技術(shù)方案,同時(shí)也應(yīng)涵蓋在不脫離上述發(fā)明構(gòu)思的情況下,由上述技術(shù)特征或其等同特征進(jìn)行任意組合而形成的其它技術(shù)方案。例如上述特征與本申請(qǐng)中公開(kāi)的(但不限于)具有類(lèi)似功能的技術(shù)特征進(jìn)行互相替換而形成的技術(shù)方案。