一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法和裝置制造方法
【專(zhuān)利摘要】本發(fā)明公開(kāi)了一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法和裝置，能夠使網(wǎng)頁(yè)瀏覽和視頻觀看互不影響，提高了網(wǎng)頁(yè)顯示方式的靈活性，增強(qiáng)了用戶(hù)體驗(yàn)。本發(fā)明實(shí)施例提供的一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法，為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息，該方法包括：在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示；當(dāng)接收到對(duì)富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行復(fù)本數(shù)據(jù)生成與顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用位置信息將展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置；通過(guò)在展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)富媒體數(shù)據(jù)進(jìn)行顯示。
【專(zhuān)利說(shuō)明】一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】，特別涉及一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法和裝置。
【背景技術(shù)】
[0002]網(wǎng)頁(yè)是承載各種網(wǎng)站應(yīng)用的平臺(tái)，網(wǎng)頁(yè)中可以包含文字、圖片、音視頻等多種資源，網(wǎng)頁(yè)通常都由超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language, HTML)文件構(gòu)成。
[0003]瀏覽網(wǎng)頁(yè)是用戶(hù)從網(wǎng)絡(luò)中獲取信息的一種最常見(jiàn)的方式。當(dāng)網(wǎng)頁(yè)中的內(nèi)容較多，而無(wú)法一次在屏幕上的顯示界面中全部顯示出來(lái)時(shí)，用戶(hù)可以通過(guò)鼠標(biāo)上下滾動(dòng)網(wǎng)頁(yè)來(lái)進(jìn)行瀏覽。
[0004]然而，現(xiàn)有的網(wǎng)頁(yè)顯示方案中仍存在一些問(wèn)題，例如，對(duì)存在視頻資源的網(wǎng)頁(yè)，尤其是瀏覽社交動(dòng)態(tài)時(shí)，當(dāng)用戶(hù)滾動(dòng)網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)，網(wǎng)頁(yè)中視頻播放的界面也會(huì)隨著網(wǎng)頁(yè)一起滾動(dòng)，一旦視頻播放界面滾動(dòng)出網(wǎng)頁(yè)的顯示界面，就會(huì)導(dǎo)致用戶(hù)無(wú)法觀看視頻。當(dāng)用戶(hù)想在觀看視頻的同時(shí)滾動(dòng)網(wǎng)頁(yè)進(jìn)行瀏覽時(shí)就會(huì)出現(xiàn)沖突，用戶(hù)只能兩者之中選擇其一，要么停止瀏覽網(wǎng)頁(yè)而觀看視頻，要么瀏覽網(wǎng)頁(yè)而不觀看視頻?，F(xiàn)有的網(wǎng)頁(yè)顯示方式過(guò)于單一，導(dǎo)致用戶(hù)體驗(yàn)較低。

【發(fā)明內(nèi)容】

[0005]本發(fā)明提供的一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法和裝置，以解決現(xiàn)有網(wǎng)頁(yè)顯示方案顯示方式過(guò)于單一，用戶(hù)體驗(yàn)較低的問(wèn)題。
[0006]為達(dá)到上述目的，本發(fā)明實(shí)施例采用了如下技術(shù)方案:
[0007]本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法，為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息，所述方法包括:
[0008]在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示；
[0009]當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置；
[0010]通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。
[0011]本發(fā)明實(shí)施例還提供了一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)裝置，所述裝置包括:
[0012]設(shè)置單元，用于為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息；
[0013]主體數(shù)據(jù)顯示單元，用于在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示；
[0014]富媒體數(shù)據(jù)顯示單元，用于當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置；通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。[0015]本發(fā)明實(shí)施例的有益效果是:
[0016]本發(fā)明實(shí)施例的技術(shù)方案通過(guò)為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，生成與網(wǎng)頁(yè)的顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面并將展現(xiàn)界面定位在顯示界面前方的技術(shù)手段等，能夠使網(wǎng)頁(yè)滾動(dòng)時(shí)展示界面不會(huì)隨著網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)，從而使用戶(hù)能夠在滾動(dòng)網(wǎng)頁(yè)進(jìn)行瀏覽的同時(shí)觀看網(wǎng)頁(yè)中的視頻，提高了網(wǎng)頁(yè)顯示方式的靈活性，增強(qiáng)了用戶(hù)體驗(yàn)。
【專(zhuān)利附圖】

【附圖說(shuō)明】
[0017]圖1為本發(fā)明實(shí)施例一提供的一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法流程示意圖；
[0018]圖2為本發(fā)明實(shí)施例二提供的一種簡(jiǎn)化的網(wǎng)頁(yè)節(jié)點(diǎn)結(jié)構(gòu)示意圖；
[0019]圖3為本發(fā)明實(shí)施例三提供的一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0020]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0021]參見(jiàn)圖1，為本發(fā)明實(shí)施例一提供的一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法，所述方法包括:
[0022]11:為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息。
[0023]上述網(wǎng)頁(yè)主體數(shù)據(jù)包括網(wǎng)頁(yè)中顯示的所有數(shù)據(jù)，網(wǎng)頁(yè)主體數(shù)據(jù)包含富媒體數(shù)據(jù)。上述富媒體數(shù)據(jù)可以包括二維、三維的視頻或圖片數(shù)據(jù)、以及音頻數(shù)據(jù)等。上述復(fù)本數(shù)據(jù)為與富媒體數(shù)據(jù)相同的數(shù)據(jù)。復(fù)本數(shù)據(jù)獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)是指復(fù)本數(shù)據(jù)的運(yùn)行不依賴(lài)于網(wǎng)頁(yè)主體數(shù)據(jù)的運(yùn)行，復(fù)本數(shù)據(jù)和網(wǎng)頁(yè)主體數(shù)據(jù)可以分別獨(dú)立運(yùn)行。
[0024]本實(shí)施例同時(shí)設(shè)置富媒體數(shù)據(jù)和相應(yīng)的復(fù)本數(shù)據(jù)，一方面保證了原有網(wǎng)頁(yè)的完整性和美觀性，使本方案能夠較好地兼容現(xiàn)有的網(wǎng)頁(yè)資源；另一方面能夠利用復(fù)本數(shù)據(jù)使富媒體數(shù)據(jù)的展示與網(wǎng)頁(yè)主體數(shù)據(jù)的展示相分離，提高顯示方式的靈活性。
[0025]12:在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示。
[0026]13:當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置。
[0027]根據(jù)富媒體數(shù)據(jù)的類(lèi)型不同上述展現(xiàn)界面也不同，例如，對(duì)于視頻數(shù)據(jù)，上述展現(xiàn)界面為視頻數(shù)據(jù)的播放界面，利用該播放界面向用戶(hù)顯示視頻影像；對(duì)于音頻數(shù)據(jù)，上述展現(xiàn)界面為音頻數(shù)據(jù)的控制界面，利用該控制界面對(duì)音頻的播放進(jìn)度，聲音大小等進(jìn)行控制。
[0028]注:上述復(fù)本數(shù)據(jù)中除了包括用于在展現(xiàn)界面中向用戶(hù)顯示的數(shù)據(jù)(如用于播放的視頻數(shù)據(jù))之外，還包含有用于生成展現(xiàn)界面的數(shù)據(jù)(如界面控制數(shù)據(jù)和界面樣式數(shù)據(jù)等)
[0029]14:通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。
[0030]在具體實(shí)踐中，網(wǎng)頁(yè)主體數(shù)據(jù)在網(wǎng)頁(yè)的顯示界面中的顯示與復(fù)本數(shù)據(jù)在其展現(xiàn)界面中的顯示相互獨(dú)立，互不影響，用戶(hù)在顯示界面中滾動(dòng)瀏覽網(wǎng)頁(yè)主體數(shù)據(jù)同時(shí)，展現(xiàn)界面可以保持在顯示界面前方的預(yù)定位置，處于可見(jiàn)狀態(tài)，向用戶(hù)展示富媒體數(shù)據(jù)，達(dá)到使用戶(hù)在滾動(dòng)瀏覽網(wǎng)頁(yè)的同時(shí)觀看網(wǎng)頁(yè)中的視頻、圖片等富媒體數(shù)據(jù)的技術(shù)效果。
[0031]本發(fā)明實(shí)施例一的技術(shù)方案通過(guò)為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，生成與網(wǎng)頁(yè)的顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并將展現(xiàn)界面定位在顯示界面前方的技術(shù)手段等，能夠使網(wǎng)頁(yè)滾動(dòng)時(shí)展示界面不會(huì)隨著網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)，從而使用戶(hù)能夠在滾動(dòng)網(wǎng)頁(yè)進(jìn)行瀏覽的同時(shí)觀看網(wǎng)頁(yè)中的視頻，提高了網(wǎng)頁(yè)顯示方式的靈活性，增強(qiáng)了用戶(hù)體驗(yàn)。
[0032]下面對(duì)本發(fā)明實(shí)施例二提供的網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法進(jìn)行說(shuō)明。本發(fā)明實(shí)施例二以網(wǎng)頁(yè)主體數(shù)據(jù)為包含富媒體數(shù)據(jù)的社交動(dòng)態(tài)(Feed)為例進(jìn)行說(shuō)明，其中，社交動(dòng)態(tài)為社會(huì)性網(wǎng)絡(luò)服務(wù)(Social Networking Services, SNS)網(wǎng)站或微博網(wǎng)站中，系統(tǒng)將某用戶(hù)的好友最新發(fā)布內(nèi)容按照時(shí)間順序進(jìn)行匯聚，形成的一個(gè)列表結(jié)構(gòu)。主要包括如下處理:
[0033]11:為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息。
[0034]網(wǎng)頁(yè)由HTML節(jié)點(diǎn)組成，各個(gè)HTML節(jié)點(diǎn)之間具有層次結(jié)構(gòu)，最頂層的HTML節(jié)點(diǎn)表示為〈body〉，〈body〉可以包含若干HTML節(jié)點(diǎn)，如<div>或〈span〉，則<div>或〈span〉為位于同一層次的節(jié)點(diǎn)，〈div>或〈span〉為〈body〉的HTML子節(jié)點(diǎn)，〈body〉為<div>或〈span〉的HTML父節(jié)點(diǎn)，HTML子節(jié)點(diǎn)中數(shù)據(jù)的運(yùn)行依賴(lài)于其HTML父節(jié)點(diǎn)中數(shù)據(jù)的運(yùn)行。當(dāng)一個(gè)HTML節(jié)點(diǎn)下包含多個(gè)HTML節(jié)點(diǎn)(具有多個(gè)HTML子節(jié)點(diǎn))時(shí)，也可以將這一個(gè)HTML節(jié)點(diǎn)稱(chēng)為容器節(jié)點(diǎn)。
[0035]本實(shí)施例中，將復(fù)本數(shù)據(jù)的超文本標(biāo)記語(yǔ)言HTML節(jié)點(diǎn)設(shè)置為不從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的HTML節(jié)點(diǎn)的步驟包括:將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)和網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為從屬于相同的HTML父節(jié)點(diǎn)。這種設(shè)置保證了復(fù)本數(shù)據(jù)和網(wǎng)頁(yè)主體數(shù)據(jù)能夠分別獨(dú)立運(yùn)行，從而能夠?qū)?fù)本數(shù)據(jù)運(yùn)行時(shí)生成的展現(xiàn)界面從整體網(wǎng)頁(yè)的顯示界面中抽離出來(lái)形成一個(gè)獨(dú)立的界面，從而保證了展現(xiàn)界面的觀看與社交動(dòng)態(tài)的上下滾動(dòng)瀏覽互不影響。
[0036]具體的，參見(jiàn)圖2，示例性地顯示了一種簡(jiǎn)化的網(wǎng)頁(yè)節(jié)點(diǎn)結(jié)構(gòu)。
[0037]上述將復(fù)本數(shù)據(jù)的超文本標(biāo)記語(yǔ)言HTML節(jié)點(diǎn)設(shè)置為不從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的HTML節(jié)點(diǎn)的步驟可以包括:將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)和網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為從屬于相同的HTML父節(jié)點(diǎn)。例如，對(duì)于網(wǎng)頁(yè)主體數(shù)據(jù)中的視頻數(shù)據(jù)1，若網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置在節(jié)點(diǎn)3，則視頻數(shù)據(jù)I的復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)可以設(shè)置在節(jié)點(diǎn)4，即網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)和視頻數(shù)據(jù)I的復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)從屬于相同的HTML父節(jié)點(diǎn)(節(jié)點(diǎn)1)，其中，圖2中每個(gè)圓圈表示一個(gè)HTML節(jié)點(diǎn)。上述方式，不但能夠保證復(fù)本數(shù)據(jù)與網(wǎng)頁(yè)主體數(shù)據(jù)的相互獨(dú)立，還便于快速查找到復(fù)本數(shù)據(jù)，提高顯示速度。
[0038]可以理解，在上述視頻數(shù)據(jù)I的示例中，視頻數(shù)據(jù)I的復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)可以設(shè)置在節(jié)點(diǎn)2或節(jié)點(diǎn)5的位置上，這種設(shè)置同樣能夠保證復(fù)本數(shù)據(jù)與網(wǎng)頁(yè)主體數(shù)據(jù)的相互獨(dú)立，即只要將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為不直接或者間接從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的位置即可。
[0039]本實(shí)施例在修改網(wǎng)頁(yè)結(jié)構(gòu)時(shí)，只需按照上述方式在網(wǎng)頁(yè)結(jié)構(gòu)中增加復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)即可，網(wǎng)頁(yè)結(jié)構(gòu)中已有HTML節(jié)點(diǎn)的位置保持不變。
[0040]進(jìn)一步的，本實(shí)施例中的位置信息包括指示顯示界面相對(duì)于網(wǎng)頁(yè)的位置的第一位置信息，以及指示預(yù)定位置在顯示界面中位置的第二位置信息，該預(yù)定位置為復(fù)本數(shù)據(jù)所生成的展現(xiàn)界面在顯示界面中顯示的位置。
[0041]當(dāng)頁(yè)面不斷滾動(dòng)時(shí)，顯示界面中的數(shù)據(jù)信息也不斷發(fā)生變化，為了將展現(xiàn)界面定位在顯示界面的前方(一般展現(xiàn)界面不超過(guò)顯示界面的范圍)，通過(guò)上述第一位置信息來(lái)指示顯示界面相對(duì)于網(wǎng)頁(yè)的當(dāng)前位置，即顯示界面在網(wǎng)頁(yè)的當(dāng)前可見(jiàn)區(qū)域中的位置，如顯示界面中各像素點(diǎn)相對(duì)于其最接近的一個(gè)已知位置的像素點(diǎn)的位置，或者，相對(duì)于網(wǎng)頁(yè)的起始像素點(diǎn)的位置。然后，可以利用第二位置信息在當(dāng)前的顯示界面中找到展現(xiàn)界面的預(yù)定位置，如找到預(yù)定位置對(duì)應(yīng)的具體像素點(diǎn)的坐標(biāo)值。
[0042]本實(shí)施例中通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的樣式位置參數(shù)設(shè)置所述第一位置信息，該樣式位置參數(shù)表示為style, position。在傳統(tǒng)的HTML節(jié)點(diǎn)中，style, position沒(méi)有賦值，未被使用，而本實(shí)施例設(shè)置style, position為fixed (固定定位),從而每當(dāng)頁(yè)面滾動(dòng)導(dǎo)致顯示界面相對(duì)于網(wǎng)頁(yè)的位置發(fā)生變化時(shí)，系統(tǒng)能夠自動(dòng)獲取到位于網(wǎng)頁(yè)可見(jiàn)區(qū)域的當(dāng)前顯示界面中的像素點(diǎn)的位置，得到第一位置信息；對(duì)于不支持fixed定位的網(wǎng)頁(yè)，如因特網(wǎng)瀏覽器版本6 (IE6)下的網(wǎng)頁(yè),本實(shí)施例將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)的style, position設(shè)置為絕對(duì)定位(absolute),并通過(guò)監(jiān)控窗口滾動(dòng)(window.0nScroll)事件實(shí)時(shí)計(jì)算出當(dāng)前的顯示界面中像素點(diǎn)的位置，得到第一位置信息。
[0043]本實(shí)施例通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的坐標(biāo)位置參數(shù)設(shè)置所述第二位置信息。該坐標(biāo)位置參數(shù)可以表示為X和y，坐標(biāo)位置參數(shù)表示預(yù)定位置對(duì)應(yīng)的坐標(biāo)點(diǎn)相對(duì)于顯示界面的邊界的值，根據(jù)預(yù)定位置設(shè)置在顯示界面前的具體位置，X和y可以從左(left)、右(right)、頂(top)、底(bottom)四個(gè)屬性參數(shù)中選取，例如，預(yù)定位置設(shè)置在顯示界面的右下角時(shí)，可以選取right屬性參數(shù)作為X，以指示預(yù)定位置相對(duì)于顯示界面右邊界的位置，選取bottom屬性參數(shù)作為y以指示預(yù)定位置相對(duì)于顯示界面頂部邊界的位置。
[0044]為了便于清楚描述本發(fā)明實(shí)施例的技術(shù)方案，在發(fā)明的實(shí)施例中，采用了“第一”、“第二”等字樣對(duì)功能和作用基本相同的相同項(xiàng)或相似項(xiàng)進(jìn)行區(qū)分，本領(lǐng)域技術(shù)人員可以理解“第一”、“第二”等字樣并不對(duì)數(shù)量和執(zhí)行次序進(jìn)行限定。
[0045]12:在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示。
[0046]上述網(wǎng)頁(yè)的顯示界面為用于顯示網(wǎng)頁(yè)中內(nèi)容的界面,例如，該顯示界面為顯示社交動(dòng)態(tài)的界面。
[0047]13:當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置。
[0048]在用戶(hù)通過(guò)點(diǎn)擊網(wǎng)頁(yè)中富媒體數(shù)據(jù)(視頻數(shù)據(jù)I)的播放按鍵，發(fā)送對(duì)視頻數(shù)據(jù)I的顯示指令時(shí)，本實(shí)施例禁止視頻數(shù)據(jù)I的運(yùn)行，而啟動(dòng)視頻數(shù)據(jù)I的復(fù)本數(shù)據(jù)的運(yùn)行。或者，本實(shí)施例在網(wǎng)頁(yè)中為富媒體數(shù)據(jù)的復(fù)本數(shù)據(jù)專(zhuān)門(mén)設(shè)置一個(gè)命令接口，用戶(hù)可以通過(guò)該命令接口直接發(fā)送運(yùn)行復(fù)本數(shù)據(jù)的顯示指令，選擇采用獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的方式播放視頻數(shù)據(jù)I。
[0049]在運(yùn)行復(fù)本數(shù)據(jù)時(shí)，由于復(fù)本數(shù)據(jù)與網(wǎng)頁(yè)主體數(shù)據(jù)相獨(dú)立，所以復(fù)本數(shù)據(jù)所生成的展現(xiàn)界面與網(wǎng)頁(yè)的顯示界面相分離，該展現(xiàn)界面嵌套在顯示界面的前方。
[0050]本實(shí)施例在每次顯示界面相對(duì)于網(wǎng)頁(yè)的位置發(fā)生變化時(shí)，利用第一位置信息定位顯示界面的當(dāng)前位置，如通過(guò)計(jì)算顯示界面中各像素點(diǎn)的當(dāng)前坐標(biāo)值，得到第一位置信息，從而定位顯示界面相對(duì)于整個(gè)網(wǎng)頁(yè)的當(dāng)前位置。
[0051]利用所述第二位置信息在所定位的顯示界面的前方確定所述預(yù)定位置對(duì)應(yīng)的坐標(biāo)點(diǎn)，并以該坐標(biāo)點(diǎn)作為展現(xiàn)界面的頂點(diǎn)來(lái)顯示展現(xiàn)界面。例如，將所確定的坐標(biāo)點(diǎn)作為視頻播放界面的左上角頂點(diǎn)，以該頂點(diǎn)為基礎(chǔ)點(diǎn)將播放界面展現(xiàn)出來(lái)，所展現(xiàn)出的播放界面的具體形狀、大小和外觀與視頻數(shù)據(jù)的自身設(shè)置有關(guān)，與本實(shí)施例關(guān)聯(lián)較小，在此不再討論。
[0052]14:通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。
[0053]本實(shí)施例中一方面網(wǎng)頁(yè)主體數(shù)據(jù)在顯示界面中呈現(xiàn)，與此同時(shí)，另一方面富媒體數(shù)據(jù)在顯示界面之上的展現(xiàn)界面中呈現(xiàn)，展現(xiàn)界面在顯示界面前方的位置固定，不會(huì)隨著顯示界面中網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)。
[0054]進(jìn)一步的，本實(shí)施例還提供了對(duì)網(wǎng)頁(yè)中同時(shí)包括多個(gè)富媒體數(shù)據(jù)時(shí)的處理方式，包括如下:
[0055]若網(wǎng)頁(yè)中包括第一富媒體數(shù)據(jù)和第二富媒體數(shù)據(jù)，則可以按照上述步驟11至14分別單獨(dú)處理第一富媒體數(shù)據(jù)或者第二富媒體數(shù)據(jù)，如為第一富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的第一復(fù)本數(shù)據(jù)，為第二富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的第二復(fù)本數(shù)據(jù)等
坐寸ο
[0056]然而，當(dāng)在運(yùn)行所述第一復(fù)本數(shù)據(jù)的同時(shí)接收到對(duì)所述第二富媒體數(shù)據(jù)的顯示指令時(shí)，本實(shí)施例禁止第一復(fù)本數(shù)據(jù)的運(yùn)行，啟動(dòng)第二復(fù)本數(shù)據(jù)的運(yùn)行。這種處理方式,主要考慮到富媒體數(shù)據(jù)尤其是視頻數(shù)據(jù)的使用時(shí)具有互斥性的特點(diǎn)，用戶(hù)通常不會(huì)同時(shí)觀看兩種不同的視頻數(shù)據(jù)，從而在接收到對(duì)第二富媒體數(shù)據(jù)的顯示指令，即用戶(hù)打開(kāi)新的視頻時(shí)，通過(guò)清除加載在內(nèi)存中的第一復(fù)本數(shù)據(jù)清除的手段等禁止第一復(fù)本數(shù)據(jù)的運(yùn)行，然后調(diào)用并運(yùn)行第二復(fù)本數(shù)據(jù)呈現(xiàn)出新的視頻的播放界面。
[0057]可見(jiàn)，本發(fā)明實(shí)施例的技術(shù)方案通過(guò)為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，生成與網(wǎng)頁(yè)的顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面并將展現(xiàn)界面定位在顯示界面前方的技術(shù)手段等，能夠使網(wǎng)頁(yè)滾動(dòng)時(shí)展示界面不會(huì)隨著網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)，從而使用戶(hù)能夠在滾動(dòng)網(wǎng)頁(yè)進(jìn)行瀏覽的同時(shí)觀看網(wǎng)頁(yè)中的視頻，提高了網(wǎng)頁(yè)顯示方式的靈活性，增強(qiáng)了用戶(hù)體驗(yàn)。
[0058]本發(fā)明實(shí)施例還提供了一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)裝置，參見(jiàn)圖3，所述裝置包括:
[0059]設(shè)置單元31，用于為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息；
[0060]主體數(shù)據(jù)顯示單元32，用于在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示；
[0061]富媒體數(shù)據(jù)顯示單元33，用于當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置；通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。
[0062]進(jìn)一步的，所述設(shè)置單元31包括網(wǎng)頁(yè)結(jié)構(gòu)設(shè)置模塊和位置信息設(shè)置模塊。
[0063]該網(wǎng)頁(yè)結(jié)構(gòu)設(shè)置模塊，用于設(shè)置與所述富媒體數(shù)據(jù)的內(nèi)容相同的復(fù)本數(shù)據(jù)，并將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為不從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的HTML節(jié)點(diǎn)，上述富媒體數(shù)據(jù)的內(nèi)容與復(fù)本數(shù)據(jù)的內(nèi)容相同。具體的，網(wǎng)頁(yè)結(jié)構(gòu)設(shè)置模塊，用于將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)和網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為從屬于相同的HTML父節(jié)點(diǎn)。
[0064]該位置信息包括指示所述顯示界面的當(dāng)前位置的第一位置信息，以及指示所述預(yù)定位置在當(dāng)前的顯示界面中位置的第二位置信息，所述位置信息設(shè)置模塊，用于通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的樣式位置參數(shù)設(shè)置所述第一位置信息，通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的坐標(biāo)位置參數(shù)設(shè)置所述第二位置信息。
[0065]進(jìn)一步的，所述富媒體數(shù)據(jù)顯示單元，用于在每次所述顯示界面的位置發(fā)生變化時(shí)，利用所述第一位置信息定位所述顯示界面的當(dāng)前位置；利用所述第二位置信息在所定位的顯示界面的前方確定所述預(yù)定位置對(duì)應(yīng)的坐標(biāo)點(diǎn)，并以該坐標(biāo)點(diǎn)作為所述展現(xiàn)界面的頂點(diǎn)來(lái)顯示展現(xiàn)界面。
[0066]進(jìn)一步的，所述富媒體數(shù)據(jù)顯示單元，還用于當(dāng)所述顯示指令指示運(yùn)行所述富媒體數(shù)據(jù)時(shí)，禁止所述富媒體數(shù)據(jù)的運(yùn)行，啟動(dòng)所述復(fù)本數(shù)據(jù)的運(yùn)行；當(dāng)所述顯示指令指示運(yùn)行所述復(fù)本數(shù)據(jù)時(shí)，直接啟動(dòng)所述復(fù)本數(shù)據(jù)的運(yùn)行。
[0067]進(jìn)一步的，所述網(wǎng)頁(yè)中包括第一富媒體數(shù)據(jù)和第二富媒體數(shù)據(jù)，為第一富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的第一復(fù)本數(shù)據(jù)，為第二富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的第二復(fù)本數(shù)據(jù)，所述富媒體數(shù)據(jù)顯示單元，還用于當(dāng)在運(yùn)行所述第一復(fù)本數(shù)據(jù)的同時(shí)接收到對(duì)所述第二富媒體數(shù)據(jù)的顯示指令時(shí)，禁止所述第一復(fù)本數(shù)據(jù)的運(yùn)行，啟動(dòng)所述第二復(fù)本數(shù)據(jù)的運(yùn)行。
[0068]本發(fā)明裝置實(shí)施例中各單元和模塊的具體工作方式可以參見(jiàn)本發(fā)明的方法實(shí)施例。本實(shí)施例的裝置能夠?qū)⒁曨l數(shù)據(jù)的展現(xiàn)界面從網(wǎng)頁(yè)主體數(shù)據(jù)(如社交動(dòng)態(tài))的顯示界面中抽離出來(lái)，與社交動(dòng)態(tài)的上下滾動(dòng)瀏覽分離，使用戶(hù)可以同時(shí)瀏覽視頻和社交動(dòng)態(tài)，互不影響。
[0069]由上所述，本發(fā)明實(shí)施例的技術(shù)方案通過(guò)為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，生成與網(wǎng)頁(yè)的顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面并將展現(xiàn)界面定位在顯示界面前方的技術(shù)手段等，能夠使網(wǎng)頁(yè)滾動(dòng)時(shí)展示界面不會(huì)隨著網(wǎng)頁(yè)的滾動(dòng)而滾動(dòng)，從而使用戶(hù)能夠在滾動(dòng)網(wǎng)頁(yè)進(jìn)行瀏覽的同時(shí)觀看網(wǎng)頁(yè)中的視頻，提高了網(wǎng)頁(yè)顯示方式的靈活性，增強(qiáng)了用戶(hù)體驗(yàn)。
[0070]以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。
【權(quán)利要求】
1.一種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)方法，其特征在于，為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息，所述方法包括:在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示；當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置；通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)包括:設(shè)置與所述富媒體數(shù)據(jù)的內(nèi)容相同的復(fù)本數(shù)據(jù)，將復(fù)本數(shù)據(jù)的超文本標(biāo)記語(yǔ)言HTML節(jié)點(diǎn)設(shè)置為不從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的HTML節(jié)點(diǎn)。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述將復(fù)本數(shù)據(jù)的超文本標(biāo)記語(yǔ)言HTML節(jié)點(diǎn)設(shè)置為不從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的HTML節(jié)點(diǎn)包括:將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)和網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為從屬于相同的HTML父節(jié)
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述位置信息包括指示所述顯示界面相對(duì)于網(wǎng)頁(yè)的位置的第一位置信息，以及指示所述預(yù)定位置在顯示界面中位置的第二位置信息，所述為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息包括:通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的樣式位置參數(shù)設(shè)置所述第一位置信息；通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的坐標(biāo)位置參數(shù)設(shè)置所述第二位置信息。`
5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置包括:在每次所述顯示界面相對(duì)于網(wǎng)頁(yè)的位置發(fā)生變化時(shí)，利用所述第一位置信息定位所述顯示界面的當(dāng)前位置；利用所述第二位置信息在所定位的顯示界面的前方確定所述預(yù)定位置對(duì)應(yīng)的坐標(biāo)點(diǎn)，并以該坐標(biāo)點(diǎn)作為所述展現(xiàn)界面的頂點(diǎn)來(lái)顯示展現(xiàn)界面。
6.根據(jù)權(quán)利要求1至5任一項(xiàng)所述的方法，其特征在于，當(dāng)所述顯示指令指示運(yùn)行所述富媒體數(shù)據(jù)時(shí)，禁止所述富媒體數(shù)據(jù)的運(yùn)行，啟動(dòng)所述復(fù)本數(shù)據(jù)的運(yùn)行；當(dāng)所述顯示指令指示運(yùn)行所述復(fù)本數(shù)據(jù)時(shí)，直接啟動(dòng)所述復(fù)本數(shù)據(jù)的運(yùn)行。
7.根據(jù)權(quán)利要求1至5任一項(xiàng)所述的方法，其特征在于，所述網(wǎng)頁(yè)中包括第一富媒體數(shù)據(jù)和第二富媒體數(shù)據(jù)，為第一富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的第一復(fù)本數(shù)據(jù)，為第二富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的第二復(fù)本數(shù)據(jù)，所述方法還包括:當(dāng)在運(yùn)行所述第一復(fù)本數(shù)據(jù)的同時(shí)接收到對(duì)所述第二富媒體數(shù)據(jù)的顯示指令時(shí)，禁止所述第一復(fù)本數(shù)據(jù)的運(yùn)行，啟動(dòng)所述第二復(fù)本數(shù)據(jù)的運(yùn)行。
8.—種網(wǎng)頁(yè)顯示的實(shí)現(xiàn)裝置，其特征在于，所述裝置包括:設(shè)置單元，用于為網(wǎng)頁(yè)中的富媒體數(shù)據(jù)設(shè)置獨(dú)立于網(wǎng)頁(yè)主體數(shù)據(jù)的復(fù)本數(shù)據(jù)，并為所述復(fù)本數(shù)據(jù)的展現(xiàn)界面設(shè)置位置信息；主體數(shù)據(jù)顯示單元，用于在網(wǎng)頁(yè)的顯示界面上對(duì)網(wǎng)頁(yè)主體數(shù)據(jù)進(jìn)行顯示；富媒體數(shù)據(jù)顯示單元，用于當(dāng)接收到對(duì)所述富媒體數(shù)據(jù)的顯示指令時(shí)，運(yùn)行所述復(fù)本數(shù)據(jù)生成與所述顯示界面相分離的復(fù)本數(shù)據(jù)的展現(xiàn)界面，并利用所述位置信息將所述展現(xiàn)界面定位在所述顯示界面前方的預(yù)定位置；通過(guò)在所述展現(xiàn)界面上顯示所述復(fù)本數(shù)據(jù)，以對(duì)所述富媒體數(shù)據(jù)進(jìn)行顯示。
9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述設(shè)置單元包括網(wǎng)頁(yè)結(jié)構(gòu)設(shè)置模塊和位置信息設(shè)置模塊，所述網(wǎng)頁(yè)結(jié)構(gòu)設(shè)置模塊，用于設(shè)置與所述富媒體數(shù)據(jù)的內(nèi)容相同的復(fù)本數(shù)據(jù)，將復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)設(shè)置為不從屬于網(wǎng)頁(yè)主體數(shù)據(jù)的HTML節(jié)點(diǎn)的HTML節(jié)點(diǎn)；所述位置信息包括指示所述顯示界面的當(dāng)前位置的第一位置信息，以及指示所述預(yù)定位置在當(dāng)前的顯示界面中位置的第二位置信息，所述位置信息設(shè)置模塊，用于通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的樣式位置參數(shù)設(shè)置所述第一位置信息，通過(guò)設(shè)置復(fù)本數(shù)據(jù)的HTML節(jié)點(diǎn)中的坐標(biāo)位置參數(shù)設(shè)置所述第二位置信息。
10.根據(jù)權(quán)利要求8或9所述的裝置，其特征在于，所述富媒體數(shù)據(jù)顯示單元，用于在每次所述顯示界面的位置發(fā)生變化時(shí)，利用所述第一位置信息定位所述顯示界面的當(dāng)前位置；利用所述第二位置信息在所定位的顯示界面的前方確定所述預(yù)定位置對(duì)應(yīng)的坐標(biāo)點(diǎn)，并以該坐標(biāo)點(diǎn)作為所述展現(xiàn)界面的頂點(diǎn)來(lái)顯示展現(xiàn)界面。
【文檔編號(hào)】G06F17/30GK103514202SQ201210214728
【公開(kāi)日】2014年1月15日 申請(qǐng)日期:2012年6月25日 優(yōu)先權(quán)日:2012年6月25日
【發(fā)明者】張程, 王熙宇 申請(qǐng)人:北京新媒傳信科技有限公司