專利名稱：一種多媒體信息播放方法和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本申請(qǐng)涉及網(wǎng)絡(luò)數(shù)據(jù)處理領(lǐng)域，特別涉及一種多媒體信息播放方法和系統(tǒng)。
背景技術(shù)：
隨著網(wǎng)絡(luò)技術(shù)迅速發(fā)展，越來(lái)越多的用戶開(kāi)始通過(guò)網(wǎng)頁(yè)瀏覽器播放多媒體信息。當(dāng)用戶通過(guò)點(diǎn)擊或者輸入網(wǎng)絡(luò)地址(Uniform/UniversalResource Locator,URL)向客戶端瀏覽器發(fā)送頁(yè)面請(qǐng)求后，客戶端瀏覽器將該頁(yè)面請(qǐng)求發(fā)送至相應(yīng)的網(wǎng)站服務(wù)器。待網(wǎng)站服務(wù)器返回包含頁(yè)面資源的文件時(shí)，瀏覽器依據(jù)該頁(yè)面資源進(jìn)行加載、解析、渲染等操作，以在客戶端瀏覽器的頁(yè)面上展現(xiàn)包含圖片、文本、控件以及播放器等頁(yè)面元素。但是由于加載和渲染各個(gè)頁(yè)面元素的耗時(shí)較長(zhǎng)，因此，當(dāng)接收到利用某網(wǎng)頁(yè)播放多媒體信息的請(qǐng)求后，瀏覽器仍需要進(jìn)行很長(zhǎng)時(shí)間的頁(yè)面元素的加載和渲染之后才可以執(zhí)行多媒體的播放，從而造成了播放多媒體的延遲。

發(fā)明內(nèi)容
本申請(qǐng)?zhí)峁┮环N多媒體信息播放方法，實(shí)現(xiàn)在用戶通過(guò)網(wǎng)頁(yè)播放多媒體信息時(shí)縮短等待多媒體信息播放的時(shí)間。本申請(qǐng)還提供了一種多媒體信息播放系統(tǒng)，用以保證上述方法在實(shí)際中的實(shí)現(xiàn)及應(yīng)用。為了解決上述問(wèn)題，本申請(qǐng)公開(kāi)了一種多媒體信息播放方法，包括根據(jù)提交的網(wǎng)站地址，獲取與所述網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源，所述網(wǎng)頁(yè)資源至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源，所述頁(yè)面元素的數(shù)據(jù)資源中至少包括播放器的數(shù)據(jù)資源；根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染，當(dāng)檢測(cè)到完成所述播放器的加載及渲染時(shí)，根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息；利用所述播放器播放所述多媒體信息。優(yōu)選的，所述網(wǎng)頁(yè)資源包括網(wǎng)頁(yè)HTML文件，所述HTML文件中至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源。優(yōu)選的，所述根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染包括將獲取到的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)；根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染所述頁(yè)面元素。優(yōu)選的，所述DOM節(jié)點(diǎn)樹(shù)中至少包括播放器的DOM節(jié)點(diǎn)，并且所述播放器的DOM節(jié)點(diǎn)中包括所述播放器的屬性信息；檢測(cè)到完成所述播放器的加載及渲染包括當(dāng)依據(jù)播放器的DOM節(jié)點(diǎn)中的所述播放器的屬性信息，完成在頁(yè)面中展現(xiàn)所述播放器時(shí)，確定所述播放器被加載和渲染完畢。優(yōu)選的，所述DOM節(jié)點(diǎn)樹(shù)中至少包括所述多媒體信息的DOM節(jié)點(diǎn)，所述多媒體信息的DOM節(jié)點(diǎn)至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址；所述根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息包括根據(jù)所述多媒體信息的DOM節(jié)點(diǎn)中的待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息。優(yōu)選的，在利用所述播放器播放所述多媒體信息的同時(shí)，還包括對(duì)未加載完成的其他頁(yè)面元素進(jìn)行加載及渲染，直至完成所有頁(yè)面元素加載及渲染。本申請(qǐng)公開(kāi)了一種多媒體信息播放系統(tǒng)，該系統(tǒng)包括網(wǎng)頁(yè)資源獲取單元，用于根據(jù)提交的網(wǎng)站地址，獲取與所述網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源，所述網(wǎng)頁(yè)資源至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源，所述頁(yè)面元素的數(shù)據(jù)資源中至少包括播放器的數(shù)據(jù)資源；頁(yè)面元素加載及渲染單元，用于根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染；多媒體獲取單元，用于根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息；多媒體播放單元，用于利用所述播放器播放所述多媒體信息。優(yōu)選的，所述網(wǎng)頁(yè)資源獲取單元中所述獲取的網(wǎng)頁(yè)資源包括網(wǎng)頁(yè)HTML文件，所述HTML文件中至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源。優(yōu)選的，所述頁(yè)面元素加載及渲染單元包括HTML文件解析單元，用于將獲取到的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)；加載及渲染單元，用于根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染所述頁(yè)面元素。優(yōu)選的，所述多媒體獲取單元包括播放器檢測(cè)單元，用于檢測(cè)是否完成所述播放器的加載及渲染；所述播放器檢測(cè)單元具體包括當(dāng)依據(jù)播放器的DOM節(jié)點(diǎn)中的所述播放器的屬性信息，完成在頁(yè)面中展現(xiàn)所述播放器時(shí)，確定所述播放器被加載和渲染完畢；信息獲取單元用于根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息。與現(xiàn)有技術(shù)相比，本申請(qǐng)包括以下優(yōu)點(diǎn)在本申請(qǐng)中，根據(jù)提交的網(wǎng)站地址，獲取與所述網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源，并根據(jù)獲取的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染，當(dāng)檢測(cè)到播放器被加載及渲染完畢時(shí)，根據(jù)網(wǎng)頁(yè)資源中的待播放的多媒體信息的網(wǎng)絡(luò)地址獲取多媒體信息，并利用播放器進(jìn)行播放。與現(xiàn)有技術(shù)相比，在該過(guò)程中，當(dāng)播放器被加載及渲染完畢時(shí)即可根據(jù)多媒體信息的網(wǎng)絡(luò)地址獲取多媒體信息并進(jìn)行播放，無(wú)需等待加載及渲染完成剩余的頁(yè)面元素，從而縮短了用戶等待多媒體信息播放的時(shí)間。當(dāng)然，實(shí)施本申請(qǐng)的任一產(chǎn)品并不一定需要同時(shí)達(dá)到以上所述的所有優(yōu)點(diǎn)。


為了更清楚地說(shuō)明本申請(qǐng)實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本申請(qǐng)的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖I是本申請(qǐng)的一種多媒體信息播放方法實(shí)施例I的流程圖；圖2是本申請(qǐng)的一種多媒體信息播放方法實(shí)施例2的流程圖；圖3是本申請(qǐng)的一種多媒體信息播放系統(tǒng)實(shí)施例I的結(jié)構(gòu)示意圖；圖4是本申請(qǐng)的一種多媒體信息播放系統(tǒng)實(shí)施例2的結(jié)構(gòu)示意圖。
具體實(shí)施例方式下面將結(jié)合本申請(qǐng)實(shí)施例中的附圖,對(duì)本申請(qǐng)實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本申請(qǐng)一部分實(shí)施例，而不是全部的實(shí)施例。基于本申請(qǐng)中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本申請(qǐng)保護(hù)的范圍。本申請(qǐng)可用于眾多通用或?qū)Ｓ玫挠?jì)算裝置環(huán)境或配置中。例如個(gè)人計(jì)算機(jī)、服務(wù)器計(jì)算機(jī)、手持設(shè)備或便攜式設(shè)備、平板型設(shè)備、多處理器裝置、包括以上任何裝置或設(shè)備的分布式計(jì)算環(huán)境等等。本申請(qǐng)可以在由計(jì)算機(jī)執(zhí)行的計(jì)算機(jī)可執(zhí)行指令的一般上下文中描述，例如程序模塊。一般地，程序模塊包括執(zhí)行特定任務(wù)或?qū)崿F(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對(duì)象、組件、數(shù)據(jù)結(jié)構(gòu)等等。也可以在分布式計(jì)算環(huán)境中實(shí)踐本申請(qǐng)，在這些分布式計(jì)算環(huán)境中，由通過(guò)通信網(wǎng)絡(luò)而被連接的遠(yuǎn)程處理設(shè)備來(lái)執(zhí)行任務(wù)。在分布式計(jì)算環(huán)境中，程序模塊可以位于包括存儲(chǔ)設(shè)備在內(nèi)的本地和遠(yuǎn)程計(jì)算機(jī)存儲(chǔ)介質(zhì)中。請(qǐng)參考圖1，示出了本申請(qǐng)一種多媒體信息播放方法實(shí)施例I的流程圖，可以包括以下步驟步驟101 :根據(jù)提交的網(wǎng)站地址，獲取與網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源。在具體實(shí)現(xiàn)時(shí)，用戶可以通過(guò)點(diǎn)擊網(wǎng)站地址鏈接，或者通過(guò)在客戶端的瀏覽器地址欄中輸入相應(yīng)的網(wǎng)站地址來(lái)發(fā)起網(wǎng)站訪問(wèn)請(qǐng)求，以實(shí)現(xiàn)在網(wǎng)頁(yè)瀏覽器上瀏覽相應(yīng)的信息或者觀看相應(yīng)的多媒體。相應(yīng)的，客戶端瀏覽器檢測(cè)到用戶通過(guò)點(diǎn)擊或者輸入方式提交的網(wǎng)站地址時(shí)，進(jìn)而觸發(fā)向網(wǎng)站地址對(duì)應(yīng)的網(wǎng)站服務(wù)器發(fā)起下發(fā)該網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源的請(qǐng)求，以獲取到與該網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源。其中，一個(gè)網(wǎng)站地址對(duì)應(yīng)一套網(wǎng)頁(yè)資源，而網(wǎng)頁(yè)資源中包含展現(xiàn)相應(yīng)頁(yè)面所需的各種頁(yè)面元素信息，如頁(yè)面控件、標(biāo)簽、文字、圖片、音視頻等均為頁(yè)面元素。為了能夠在頁(yè)面瀏覽器中播放相應(yīng)的多媒體信息，在本實(shí)施例中，該網(wǎng)頁(yè)資源中至少包括用戶所需要播放的多媒體信息的網(wǎng)絡(luò)地址以及待播放多媒體信息的頁(yè)面上的頁(yè)面元素的數(shù)據(jù)資源，即在頁(yè)面上展現(xiàn)這些頁(yè)面元素所需的數(shù)據(jù)信息。并且，在該頁(yè)面元素的數(shù)據(jù)資源中至少包括播放多媒體信息所需的播放器的數(shù)據(jù)資源。步驟102 :根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染，當(dāng)檢測(cè)到完成播放器的加載及渲染時(shí)，根據(jù)待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息。
瀏覽器根據(jù)從網(wǎng)站服務(wù)器上獲取的網(wǎng)頁(yè)資源，對(duì)該網(wǎng)頁(yè)資源中的各個(gè)頁(yè)面元素進(jìn)行加載及渲染。其中，對(duì)于一個(gè)頁(yè)面元素而言，對(duì)該頁(yè)面元素的加載及渲染是同時(shí)進(jìn)行的。具體的，瀏覽器從網(wǎng)站服務(wù)器上獲取頁(yè)面元素的數(shù)據(jù)資源并將該數(shù)據(jù)資源載入當(dāng)前頁(yè)面。在載入過(guò)程中，所獲取的頁(yè)面元素的數(shù)據(jù)資源中可能內(nèi)嵌有其他資源地址，瀏覽器在檢測(cè)到這些內(nèi)嵌的資源地址時(shí)，根據(jù)該資源地址再次從網(wǎng)站服務(wù)器上獲取該地址所對(duì)應(yīng)的數(shù)據(jù)資源。將網(wǎng)站服務(wù)器上頁(yè)面元素的數(shù)據(jù)資源載入當(dāng)前頁(yè)面的過(guò)程即為瀏覽器對(duì)頁(yè)面元素的加載過(guò)程。同時(shí)，在瀏覽器加載頁(yè)面元素的數(shù)據(jù)資源時(shí)，根據(jù)頁(yè)面元素的數(shù)據(jù)資源中對(duì)各個(gè)頁(yè)面元素的屬性的定義，瀏覽器對(duì)該頁(yè)面元素進(jìn)行渲染。其中，瀏覽器對(duì)頁(yè)面元素的渲染指的是根據(jù)頁(yè)面元素的屬性對(duì)頁(yè)面元素進(jìn)行繪制及顯示。其中，頁(yè)面元素的屬性可以包括該頁(yè)面元素在頁(yè)面上顯示的位置、大小、顏色等信息。比如，瀏覽器渲染某一張圖片時(shí)，根據(jù)該圖片所對(duì)應(yīng)的數(shù)據(jù)資源中對(duì)該圖片的大小、顏色等屬性的定義繪制該圖片，并在繪制完成后將圖片顯示在頁(yè)面的預(yù)設(shè)位置上。本實(shí)施例中，在瀏覽器對(duì)頁(yè)面元素的加載及渲染的過(guò)程中，當(dāng)檢測(cè)到頁(yè)面元素中的播放器被加載及渲染完成時(shí)，瀏覽器則根據(jù)網(wǎng)頁(yè)資源中的多媒體信息的網(wǎng)絡(luò)地址從網(wǎng)站服務(wù)器上獲取與該網(wǎng)絡(luò)地址對(duì)應(yīng)的多媒體信息的數(shù)據(jù)資源。其中，播放器被加載及渲染完成指的是在當(dāng)前頁(yè)面中，播放器完整地展現(xiàn)在該頁(yè)面中，用戶可以通過(guò)點(diǎn)擊展現(xiàn)出來(lái)的播放器上的播放按鈕使播放器運(yùn)行。步驟103 :利用播放器播放該多媒體信息。根據(jù)從網(wǎng)站服務(wù)器上獲取的多媒體信息的數(shù)據(jù)資源，利用播放器播放該多媒體信
肩、O在播放器被加載及渲染完畢后，用戶點(diǎn)擊播放器上的播放按鈕，播放所獲取到的多媒體信息。當(dāng)然，在播放器被加載及渲染完畢后，用戶可以不通過(guò)手動(dòng)點(diǎn)擊播放按鈕實(shí)現(xiàn)多媒體信息的播放，根據(jù)播放器屬性的定義，在檢測(cè)到該播放器被加載及渲染完成時(shí)，瀏覽器根據(jù)待播放的多媒體信息的網(wǎng)絡(luò)地址獲取多媒體信息，并且在獲取到多媒體信息時(shí)播放器可以自動(dòng)播放該多媒體信息。本實(shí)施例提供的一種多媒體信息播放方法，在加載及渲染頁(yè)面元素的過(guò)程中，當(dāng)檢測(cè)到播放器被加載及渲染完畢時(shí)，即可根據(jù)多媒體信息的網(wǎng)絡(luò)地址從網(wǎng)站服務(wù)器上獲取多媒體信息，并且在獲取到該多媒體信息之后即可通過(guò)播放器播放。如果在當(dāng)前頁(yè)面上所有的頁(yè)面元素均被加載及渲染完之后再播放多媒體信息，那么該過(guò)程將需要耗費(fèi)較長(zhǎng)的時(shí)間。因此，本申請(qǐng)實(shí)施例提供的多媒體信息播放方法使得用戶無(wú)需等待所有頁(yè)面元素全部被加載及渲染完，僅當(dāng)檢測(cè)到播放器被加載及渲染完成時(shí)，根據(jù)多媒體信息的網(wǎng)絡(luò)地址獲取多媒體信息，通過(guò)播放器播放多媒體信息，加快了多媒體信息的播放進(jìn)程，大大縮短了用戶等待多媒體信息播放的時(shí)間。請(qǐng)參閱圖2，示出了一種多媒體信息播放方法實(shí)施例2的方法流程圖，本實(shí)施例具體是在實(shí)施例I提供的一種多媒體信息播放方法的步驟中，對(duì)各個(gè)步驟做出進(jìn)一步詳細(xì)地說(shuō)明，本實(shí)施例2可以包括以下步驟
步驟201 :根據(jù)提交的網(wǎng)站地址，獲取與網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源。其中，本實(shí)施的步驟201與實(shí)施例I中的步驟101相似，詳細(xì)內(nèi)容請(qǐng)參見(jiàn)實(shí)施例I中的步驟101，再此不作贅述。更為具體的，在本實(shí)施例中，網(wǎng)頁(yè)資源可以是網(wǎng)頁(yè)HTML (HypertextMarkupLanguage，超文本標(biāo)記語(yǔ)言)文件，該HTML文件中至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源。步驟202 :將獲取到的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)。瀏覽器將獲取到的網(wǎng)頁(yè)HTML文件利用DOM (Document ObjectModel，文檔對(duì)象模型)解析器對(duì)該HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)。其中，DOM節(jié)點(diǎn)樹(shù)指的是一種數(shù)據(jù)結(jié)構(gòu)，該樹(shù)是由一個(gè)一個(gè)的節(jié)點(diǎn)及他們之間的層次關(guān)系組成。該樹(shù)的每個(gè)節(jié)點(diǎn)均稱為DOM節(jié)點(diǎn)。DOM節(jié)點(diǎn)是以層次結(jié)構(gòu)而組織的節(jié)點(diǎn)或信息片斷的集合，并且一個(gè)DOM節(jié)點(diǎn)對(duì)應(yīng)了 HTML文件中的一個(gè)元素，在該元素的DOM節(jié)點(diǎn)中包括該元素的網(wǎng)絡(luò)地址及屬性信息。例如，某個(gè)DOM節(jié)點(diǎn)是視頻元素的DOM節(jié)點(diǎn)，在該DOM節(jié)點(diǎn)中包括了該視頻的網(wǎng)絡(luò)地址及該視頻的屬性信息，例如該視頻的大小，是否有顯示條
坐寸ο根據(jù)DOM節(jié)點(diǎn)樹(shù)的層次結(jié)構(gòu)，開(kāi)發(fā)人員可以在DOM節(jié)點(diǎn)樹(shù)中有方向的查找出所需的信息，并且，開(kāi)發(fā)人員也可通過(guò)該DOM節(jié)點(diǎn)樹(shù)訪問(wèn)、修改、刪除、創(chuàng)建樹(shù)上的DOM節(jié)點(diǎn)。瀏覽器根據(jù)獲取到的HTML文件中數(shù)據(jù)信息構(gòu)建DOM節(jié)點(diǎn)樹(shù)，在該DOM節(jié)點(diǎn)樹(shù)中包括了所獲取的HTML文件中的當(dāng)前頁(yè)面上待顯示的所有頁(yè)面元素的DOM節(jié)點(diǎn)。其中，根據(jù)HTML文件構(gòu)建DOM節(jié)點(diǎn)樹(shù)的過(guò)程與現(xiàn)有的瀏覽器根據(jù)獲取到的HTML文件構(gòu)建DOM節(jié)點(diǎn)樹(shù)的過(guò)程相同，在此不做贅述。步驟203 :根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染頁(yè)面元素。DOM節(jié)點(diǎn)樹(shù)將HTML文件中的所有頁(yè)面元素結(jié)構(gòu)化分布在當(dāng)前頁(yè)面上，瀏覽器根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染頁(yè)面元素。其中，瀏覽器加載及渲染頁(yè)面元素的DOM節(jié)點(diǎn)的順序由當(dāng)前頁(yè)面設(shè)計(jì)人員設(shè)定。在瀏覽器加載及渲染當(dāng)前頁(yè)面上的頁(yè)面元素時(shí)，通常以由頁(yè)面頂端至底端的順序加載及渲染頁(yè)面元素。在預(yù)設(shè)的頁(yè)面元素加載及渲染的順序下，瀏覽器對(duì)DOM節(jié)點(diǎn)樹(shù)中的各個(gè)頁(yè)面元素的DOM節(jié)點(diǎn)進(jìn)行加載及渲染的過(guò)程具體為瀏覽器根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)及頁(yè)面元素的DOM節(jié)點(diǎn)中的該頁(yè)面元素的屬性信息對(duì)該頁(yè)面元素進(jìn)行繪制及顯示。例如，DOM節(jié)點(diǎn)樹(shù)上的某個(gè)標(biāo)簽的DOM節(jié)點(diǎn)中設(shè)置了該標(biāo)簽在該頁(yè)面的某個(gè)區(qū)域上顯示，同時(shí)規(guī)定了該標(biāo)簽的尺寸、位置、文本內(nèi)容等屬性信息，瀏覽器根據(jù)該標(biāo)簽的屬性信息加載及渲染該標(biāo)簽，并最終在該頁(yè)面設(shè)定的位置上展現(xiàn)出該標(biāo)簽。再例如，當(dāng)DOM節(jié)點(diǎn)樹(shù)上存在某個(gè)圖片的DOM節(jié)點(diǎn)時(shí)，該節(jié)點(diǎn)中則可以設(shè)置該圖片的網(wǎng)絡(luò)地址，及該圖片的尺寸、顏色等屬性信息，瀏覽器根據(jù)該圖片的網(wǎng)絡(luò)地址從服務(wù)器上獲取該圖片，同時(shí)，根據(jù)圖片的屬性信息對(duì)獲取到的圖片進(jìn)行相關(guān)渲染。在加載及渲染播放器的過(guò)程中，瀏覽器根據(jù)DOM節(jié)點(diǎn)樹(shù)上播放器的DOM節(jié)點(diǎn)中該播放器的屬性信息對(duì)該播放器進(jìn)行加載及渲染。例如，播放器的DOM節(jié)點(diǎn)中的屬性信息設(shè)置了該播放器在頁(yè)面的中間某個(gè)區(qū)域上顯示，或者設(shè)置了播放器的尺寸、播放方式等屬性，瀏覽器根據(jù)播放器的屬性信息對(duì)該播放器進(jìn)行加載及渲染，最終將該播放器以規(guī)定的位置及尺寸等屬性展現(xiàn)在頁(yè)面上。步驟204 :當(dāng)檢測(cè)到播放器被加載及渲染完成時(shí)，根據(jù)待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息。當(dāng)瀏覽器根據(jù)該播放器的DOM節(jié)點(diǎn)中該播放器屬性信息加載及渲染完該播放器時(shí)，在該播放器的DOM節(jié)點(diǎn)中以預(yù)設(shè)的結(jié)束標(biāo)識(shí)指示瀏覽器對(duì)該播放器已加載及渲染完畢。具體的，該播放器被加載及渲染完成在頁(yè)面上表現(xiàn)為該播放器依據(jù)DOM節(jié)點(diǎn)樹(shù)中設(shè)置的播放器的屬性信息在頁(yè)面上展現(xiàn)完畢。當(dāng)瀏覽器檢測(cè)到該播放器被加載及渲染完畢時(shí)，用戶可以通過(guò)點(diǎn)擊該播放器上的播放按鈕使播放器運(yùn)行。當(dāng)該播放器被加載及渲染完畢時(shí)，瀏覽器根據(jù)DOM節(jié)點(diǎn)樹(shù)中多媒體信息的DOM節(jié)點(diǎn)中待播放的多媒體信息的網(wǎng)絡(luò)地址，從服務(wù)器上獲取該多媒體信息的數(shù)據(jù)資源。步驟205 :利用播放器播放多媒體信息。當(dāng)瀏覽器獲取到待播放的多媒體信息的數(shù)據(jù)資源時(shí)，播放器開(kāi)始播放該多媒體信
肩、O需要說(shuō)明的是，在播放器被加載及渲染完成的同時(shí)，根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)，瀏覽器按預(yù)設(shè)的順序仍對(duì)未加載及渲染完成的頁(yè)面元素進(jìn)行加載及渲染。在該頁(yè)面元素被加載及渲染的同時(shí)，瀏覽器繼續(xù)從網(wǎng)站服務(wù)器上獲取多媒體信息的數(shù)據(jù)資源并依據(jù)用戶的設(shè)定進(jìn)行播放。本實(shí)施例提供的一種多媒體信息播放方法，通過(guò)對(duì)獲取的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)結(jié)構(gòu)，并根據(jù)DOM節(jié)點(diǎn)樹(shù)結(jié)構(gòu)對(duì)頁(yè)面元素的DOM節(jié)點(diǎn)進(jìn)行加載及渲染。當(dāng)檢測(cè)到播放器被加載及渲染完成時(shí),根據(jù)多媒體信息的網(wǎng)絡(luò)地址獲取多媒體信息并通過(guò)播放器播放該多媒體信息。本申請(qǐng)?zhí)峁┑姆椒ㄊ褂^看多媒體信息的用戶無(wú)需等待所有頁(yè)面元素全部加載及渲染完，縮短了用戶等待多媒體信息播放的時(shí)間，方便了用戶觀看多媒體信息。與本申請(qǐng)中一種多媒體信息播放方法實(shí)施例I對(duì)應(yīng),本申請(qǐng)還提供了一種多媒體信息播放系統(tǒng)，請(qǐng)參閱圖3，示出了本申請(qǐng)?zhí)峁┑囊环N多媒體信息播放系統(tǒng)實(shí)施例I的結(jié)構(gòu)示意圖，該系統(tǒng)可以包括以下結(jié)構(gòu)網(wǎng)頁(yè)資源獲取單元301、頁(yè)面元素加載及渲染單元302、多媒體獲取單元303及多媒體播放單元304。其中，網(wǎng)頁(yè)資源獲取單元301，用于根據(jù)提交的網(wǎng)站地址，獲取與網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源。在本實(shí)施例中，該網(wǎng)頁(yè)資源至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源，并且頁(yè)面元素的數(shù)據(jù)資源中至少包括播放器的數(shù)據(jù)資源。頁(yè)面元素加載及渲染單元302，用于根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染。多媒體獲取單元303，用于當(dāng)檢測(cè)到完成播放器的加載及渲染時(shí)，根據(jù)待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息。
多媒體播放單兀304,用于利用播放器播放多媒體信息。在本實(shí)施例提供的一種多媒體信息播放系統(tǒng)中，根據(jù)網(wǎng)頁(yè)獲取單元獲取到的網(wǎng)頁(yè)資源，頁(yè)面元素加載及渲染單元對(duì)網(wǎng)頁(yè)資源中的頁(yè)面元素進(jìn)行加載及渲染，其中，當(dāng)完成了播放器的加載及渲染時(shí)，多媒體獲取單元根據(jù)待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息，多媒體播放單元利用播放器對(duì)多媒體信息進(jìn)行播放。在實(shí)施例中，當(dāng)檢測(cè)到完成播放器的加載及渲染時(shí)，即可通過(guò)多媒體播放單元對(duì)多媒體信息進(jìn)行播放，在既定的頁(yè)面元素加載及渲染順序下，省去了等待播放器之后的剩余頁(yè)面元素的加載及渲染時(shí)間，加快了播放多媒體的進(jìn)程，使用戶及早地觀看到多媒體信息。與本申請(qǐng)中一種多媒體信息播放方法實(shí)施例2對(duì)應(yīng)，本申請(qǐng)還提供了另一種多媒體信息播放系統(tǒng)，請(qǐng)參閱圖4，示出了本申請(qǐng)?zhí)峁┑囊环N多媒體信息播放系統(tǒng)實(shí)施例2的結(jié)構(gòu)示意圖，在多媒體信息播放系統(tǒng)實(shí)施例的結(jié)構(gòu)基礎(chǔ)上，該系統(tǒng)還可以包括以下結(jié)構(gòu)HTML文件解析單元401、加載及渲染單元402、播放器檢測(cè)單元403、信息獲取單元404。在本實(shí)施例中，網(wǎng)頁(yè)資源獲取單元301獲取的網(wǎng)頁(yè)資源可以為網(wǎng)頁(yè)HTML文件，該HTML文件中至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源。其中，頁(yè)面元素加載及渲染單元302包括HTML文件解析單元401及加載及渲染單元 402。HTML文件解析單元401用于將獲取到的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)。加載及渲染單元402根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染頁(yè)面元素。多媒體獲取單元303包括播放器檢測(cè)單元403及信息獲取單元404。其中，播放器檢測(cè)單元403用于檢測(cè)是否完成播放器的加載及渲染。該單元的檢測(cè)過(guò)程具體包括當(dāng)依據(jù)播放器的DOM節(jié)點(diǎn)中的所述播放器的屬性信息，完成在頁(yè)面中展現(xiàn)所述播放器時(shí)，確定所述播放器被加載和渲染完畢。信息獲取單元404 :用于根據(jù)待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息。當(dāng)信息獲取單元404獲取到多媒體信息時(shí)，多媒體播放單元304利用播放器播放該多媒體信息。在一種多媒體信息播放系統(tǒng)實(shí)施例I的基礎(chǔ)上，本實(shí)施例提供的多媒體播放系統(tǒng)通過(guò)HTML文件解析單元對(duì)獲取的HTML文件進(jìn)行解析并構(gòu)建DOM節(jié)點(diǎn)樹(shù)，加載及渲染單元根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染頁(yè)面元素。當(dāng)播放器檢測(cè)單元檢測(cè)到完成播放器的加載及渲染時(shí)，信息獲取單元根據(jù)多媒體信息的網(wǎng)絡(luò)地址獲取多媒體信息，多媒體播放單元通過(guò)播放器播放該多媒體信息。本申請(qǐng)?zhí)峁┑南到y(tǒng)使觀看多媒體信息的用戶無(wú)需等待所有頁(yè)面元素全部加載及渲染完，縮短了用戶等待多媒體信息播放的時(shí)間，方便了用戶觀看多媒體信息。對(duì)于前述的各方法實(shí)施例，為了簡(jiǎn)單描述，故將其都表述為一系列的動(dòng)作組合，但是本領(lǐng)域技術(shù)人員應(yīng)該知悉，本申請(qǐng)并不受所描述的動(dòng)作順序的限制，因?yàn)橐罁?jù)本申請(qǐng)，某些步驟可以采用其他順序或者同時(shí)進(jìn)行。其次，本領(lǐng)域技術(shù)人員也應(yīng)該知悉，說(shuō)明書(shū)中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例，所涉及的動(dòng)作和模塊并不一定是本申請(qǐng)所必須的。需要說(shuō)明的是，本說(shuō)明書(shū)中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見(jiàn)即可。對(duì)于裝置類實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡(jiǎn)單，相關(guān)之處參見(jiàn)方法實(shí)施例的部分說(shuō)明即可。最后，還需要說(shuō)明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語(yǔ)僅僅用來(lái)將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開(kāi)來(lái)，而不一定要求或者暗示這些實(shí)體或操作 之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語(yǔ)“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過(guò)程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒(méi)有明確列出的其他要素，或者是還包括為這種過(guò)程、方法、物品或者設(shè)備所固有的要素。在沒(méi)有更多限制的情況下，由語(yǔ)句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過(guò)程、方法、物品或者設(shè)備中還存在另外的相同要素。為了描述的方便，描述以上裝置時(shí)以功能分為各種單元分別描述。當(dāng)然，在實(shí)施本申請(qǐng)時(shí)可以把各單元的功能在同一個(gè)或多個(gè)軟件和/或硬件中實(shí)現(xiàn)。以上對(duì)本申請(qǐng)所提供的一種檢索方法、裝置及系統(tǒng)進(jìn)行了詳細(xì)介紹，本文中應(yīng)用了具體個(gè)例對(duì)本申請(qǐng)的原理及實(shí)施方式進(jìn)行了闡述，以上實(shí)施例的說(shuō)明只是用于幫助理解本申請(qǐng)的方法及其核心思想；同時(shí)，對(duì)于本領(lǐng)域的一般技術(shù)人員，依據(jù)本申請(qǐng)的思想，在具體實(shí)施方式
及應(yīng)用范圍上均會(huì)有改變之處，綜上所述，本說(shuō)明書(shū)內(nèi)容不應(yīng)理解為對(duì)本申請(qǐng)的限制。
權(quán)利要求
1.一種多媒體信息播放方法，其特征在于，包括 根據(jù)提交的網(wǎng)站地址，獲取與所述網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源，所述網(wǎng)頁(yè)資源至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源，所述頁(yè)面元素的數(shù)據(jù)資源中至少包括播放器的數(shù)據(jù)資源； 根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染，當(dāng)檢測(cè)到完成所述播放器的加載及渲染時(shí)，根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息； 利用所述播放器播放所述多媒體信息。
2.根據(jù)權(quán)利要求I所述的方法，其特征在于，所述網(wǎng)頁(yè)資源包括網(wǎng)頁(yè)HTML文件，所述HTML文件中至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染包括 將獲取到的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)； 根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染所述頁(yè)面元素。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述DOM節(jié)點(diǎn)樹(shù)中至少包括播放器的DOM節(jié)點(diǎn)，并且所述播放器的DOM節(jié)點(diǎn)中包括所述播放器的屬性信息； 檢測(cè)到完成所述播放器的加載及渲染包括 當(dāng)依據(jù)播放器的DOM節(jié)點(diǎn)中的所述播放器的屬性信息，完成在頁(yè)面中展現(xiàn)所述播放器時(shí)，確定所述播放器被加載和渲染完畢。
5.根據(jù)權(quán)利要求3所述方法，其特征在于，所述DOM節(jié)點(diǎn)樹(shù)中至少包括所述多媒體信息的DOM節(jié)點(diǎn)，所述多媒體信息的DOM節(jié)點(diǎn)至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址； 所述根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息包括 根據(jù)所述多媒體信息的DOM節(jié)點(diǎn)中的待播放的多媒體信息的網(wǎng)絡(luò)地址獲取待播放的多媒體信息。
6.根據(jù)權(quán)利要求I至5任意一項(xiàng)所述的方法，其特征在于，在利用所述播放器播放所述多媒體信息的同時(shí)，還包括 對(duì)未加載完成的其他頁(yè)面元素進(jìn)行加載及渲染，直至完成所有頁(yè)面元素加載及渲染。
7.一種多媒體信息播放系統(tǒng)，其特征在于，該系統(tǒng)包括 網(wǎng)頁(yè)資源獲取單元，用于根據(jù)提交的網(wǎng)站地址，獲取與所述網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源，所述網(wǎng)頁(yè)資源至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源，所述頁(yè)面元素的數(shù)據(jù)資源中至少包括播放器的數(shù)據(jù)資源； 頁(yè)面元素加載及渲染單元，用于根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染； 多媒體獲取單元，用于根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息； 多媒體播放單元，用于利用所述播放器播放所述多媒體信息。
8.根據(jù)權(quán)利要求7所述的系統(tǒng)，其特征在于，所述網(wǎng)頁(yè)資源獲取單元中所述獲取的網(wǎng)頁(yè)資源包括 網(wǎng)頁(yè)HTML文件，所述HTML文件中至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源。
9.根據(jù)權(quán)利要求8所述的系統(tǒng)，其特征在于，所述頁(yè)面元素加載及渲染單元包括HTML文件解析單元，用于將獲取到的網(wǎng)頁(yè)HTML文件進(jìn)行解析，構(gòu)建DOM節(jié)點(diǎn)樹(shù)； 加載及渲染單元，用于根據(jù)DOM節(jié)點(diǎn)樹(shù)的結(jié)構(gòu)加載及渲染所述頁(yè)面元素。
10.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述多媒體獲取單元包括 播放器檢測(cè)單元，用于檢測(cè)是否完成所述播放器的加載及渲染； 所述播放器檢測(cè)單元具體包括當(dāng)依據(jù)播放器的DOM節(jié)點(diǎn)中的所述播放器的屬性信息，完成在頁(yè)面中展現(xiàn)所述播放器時(shí)，確定所述播放器被加載和渲染完畢； 信息獲取單元用于根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息。
全文摘要
本發(fā)明提供了一種多媒體信息播放方法和系統(tǒng)，所述方法包括根據(jù)提交的網(wǎng)站地址，獲取與所述網(wǎng)站地址對(duì)應(yīng)的網(wǎng)頁(yè)資源，所述網(wǎng)頁(yè)資源至少包括待播放的多媒體信息的網(wǎng)絡(luò)地址及頁(yè)面元素的數(shù)據(jù)資源，所述頁(yè)面元素的數(shù)據(jù)資源中至少包括播放器的數(shù)據(jù)資源；根據(jù)獲取到的網(wǎng)頁(yè)資源進(jìn)行頁(yè)面元素的加載及渲染，當(dāng)檢測(cè)到完成所述播放器的加載及渲染時(shí)，根據(jù)所述待播放的多媒體信息的網(wǎng)絡(luò)地址獲取所述待播放的多媒體信息；利用所述播放器播放所述多媒體信息。本發(fā)明提供的一種多媒體信息播放方法縮短了用戶在利用網(wǎng)頁(yè)播放多媒體信息時(shí)等待多媒體信息的播放時(shí)間，使用戶盡早地觀看多媒體信息。本發(fā)明還提供了一種多媒體信息播放系統(tǒng)，以實(shí)現(xiàn)該方法的實(shí)際應(yīng)用。
文檔編號(hào)G06F17/30GK102929971SQ201210390648
公開(kāi)日2013年2月13日 申請(qǐng)日期2012年10月15日 優(yōu)先權(quán)日2012年10月15日
發(fā)明者趙庚辰, 吉東波, 路海峰 申請(qǐng)人:長(zhǎng)春指南針科技有限公司