網(wǎng)頁(yè)內(nèi)容顯示方法及系統(tǒng)的制作方法
【專利摘要】一種網(wǎng)頁(yè)內(nèi)容顯示方法，包括：檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容；如果所述網(wǎng)頁(yè)中有多媒體內(nèi)容則在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。上述網(wǎng)頁(yè)內(nèi)容顯示方法中，如果網(wǎng)頁(yè)中有多媒體內(nèi)容，則在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將網(wǎng)頁(yè)的預(yù)覽窗口中的多媒體內(nèi)容突出顯示，方便用戶能夠看清楚網(wǎng)頁(yè)中的多媒體內(nèi)容，不需要點(diǎn)擊或?qū)⑹髽?biāo)移動(dòng)到相應(yīng)的預(yù)覽網(wǎng)頁(yè)以放大查看，既節(jié)省了用戶的操作時(shí)間，又減少了對(duì)計(jì)算機(jī)的資源占用，改善了計(jì)算機(jī)的運(yùn)行性能。此外，還提供一種網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)。
【專利說明】網(wǎng)頁(yè)內(nèi)容顯示方法及系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)，特別是涉及一種網(wǎng)頁(yè)內(nèi)容顯示方法及系統(tǒng)。
【背景技術(shù)】
[0002]隨著計(jì)算機(jī)硬件技術(shù)的發(fā)展，計(jì)算機(jī)的多任務(wù)處理能力越來(lái)越強(qiáng)，因此很多用戶在使用計(jì)算機(jī)時(shí)越來(lái)越習(xí)慣于開啟多個(gè)網(wǎng)頁(yè)進(jìn)行工作、娛樂等。然而，較多的窗口會(huì)使得任務(wù)欄過于密集，對(duì)此，有的操作系統(tǒng)提供了將多個(gè)網(wǎng)頁(yè)在任務(wù)欄上合并在一起，當(dāng)用戶將鼠標(biāo)移到任務(wù)欄上對(duì)應(yīng)的瀏覽器時(shí)，可以提供該瀏覽器打開網(wǎng)頁(yè)的縮略圖預(yù)覽，當(dāng)瀏覽器開啟有多個(gè)網(wǎng)頁(yè)時(shí)，可以以網(wǎng)頁(yè)打開的先后順序平鋪顯示。
[0003]這種合并預(yù)覽的方式，一方面克服了任務(wù)欄“擁擠”的問題，另一方面也使得用戶可以快速了解相應(yīng)網(wǎng)頁(yè)的內(nèi)容，方便網(wǎng)頁(yè)的切換，節(jié)省每個(gè)網(wǎng)頁(yè)都去點(diǎn)擊打開查看的時(shí)間。然而，這種傳統(tǒng)的預(yù)覽方式由于采用縮略圖的形式，要看清楚網(wǎng)頁(yè)中的具體內(nèi)容難度較大，有時(shí)候不得不點(diǎn)擊或?qū)⑹髽?biāo)移動(dòng)到相應(yīng)的預(yù)覽網(wǎng)頁(yè)以放大查看，一方面會(huì)占用用戶的操作時(shí)間，另一方面也會(huì)占用計(jì)算機(jī)的資源，對(duì)計(jì)算性能造成影響。

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

[0004]基于此，有必要針對(duì)在任務(wù)欄合并預(yù)覽的方式網(wǎng)頁(yè)內(nèi)容看不清楚的問題，提供一種網(wǎng)頁(yè)內(nèi)容顯示方法及系統(tǒng)。
[0005]一種網(wǎng)頁(yè)內(nèi)容顯示方法，包括:
[0006]檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容；
[0007]在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
[0008]一種網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng),包括:
[0009]檢測(cè)模塊，用于檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容；
[0010]顯示模塊，與所述檢測(cè)模塊相連，在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
[0011]上述網(wǎng)頁(yè)內(nèi)容顯示方法及系統(tǒng)中，如果網(wǎng)頁(yè)中有多媒體內(nèi)容，則在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將網(wǎng)頁(yè)的預(yù)覽窗口中的多媒體內(nèi)容突出顯示，方便用戶能夠看清楚網(wǎng)頁(yè)中的多媒體內(nèi)容，不需要點(diǎn)擊或?qū)⑹髽?biāo)移動(dòng)到相應(yīng)的預(yù)覽網(wǎng)頁(yè)以放大查看，既節(jié)省了用戶的操作時(shí)間，又減少了對(duì)計(jì)算機(jī)的資源占用，改善了計(jì)算機(jī)的運(yùn)行性能。
【專利附圖】

【附圖說明】
[0012]圖1為第一實(shí)施方式的網(wǎng)頁(yè)內(nèi)容顯示方法的流程圖；
[0013]圖2為第二實(shí)施方式的網(wǎng)頁(yè)內(nèi)容顯示方法的流程圖；
[0014]圖3為將多媒體內(nèi)容突出顯示在網(wǎng)頁(yè)的預(yù)覽窗口中的流程圖；
[0015]圖4為第一實(shí)施方式的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)的模塊圖；[0016]圖5為第二實(shí)施方式的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)的模塊圖；
[0017]圖6為顯示模塊的示意圖；
[0018]圖7為第三實(shí)施方式的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)的模塊圖。
【具體實(shí)施方式】
[0019]由于用戶的互聯(lián)網(wǎng)接入帶寬越來(lái)越大，用戶瀏覽網(wǎng)頁(yè)逐漸由文字閱讀轉(zhuǎn)向?qū)Χ嗝襟w內(nèi)容的訪問。傳統(tǒng)的合并預(yù)覽方式由于采用縮略圖的形式，對(duì)于圖片、視頻等多媒體內(nèi)容大多只有一個(gè)輪廓，而對(duì)于音樂等多媒體內(nèi)容的播放界面則更小，因此多媒體內(nèi)容在縮略圖中通常看不清楚，也無(wú)法進(jìn)行操作。對(duì)此，以下實(shí)施方式中，對(duì)網(wǎng)頁(yè)中的多媒體內(nèi)容進(jìn)行突出顯示(網(wǎng)頁(yè)中的文字部分由于本來(lái)就無(wú)法看清，突出顯示局部又沒有意義)，使用戶快速了解網(wǎng)頁(yè)中的多媒體內(nèi)容。
[0020]如圖1所示，一種網(wǎng)頁(yè)內(nèi)容顯示方法，包括如下步驟:
[0021]步驟S110，檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容。多媒體內(nèi)容可以是視頻、動(dòng)畫、音樂等。本實(shí)施例中，根據(jù)網(wǎng)頁(yè)的html源代碼的html標(biāo)簽確定網(wǎng)頁(yè)中是否有多媒體內(nèi)容。在一般情況下，如果網(wǎng)頁(yè)中要包含多媒體內(nèi)容，那么html源代碼中將會(huì)包含<object>、〈embed>或<img>標(biāo)簽。使用瀏覽器,例如Internet Explorer提供的內(nèi)核接口，當(dāng)一個(gè)網(wǎng)頁(yè)加載完成后，遍歷這個(gè)網(wǎng)頁(yè)的DOM (Document Object Model,文檔對(duì)象模型)樹結(jié)構(gòu),從中尋找出包含多媒體內(nèi)容的標(biāo)簽，判斷標(biāo)簽屬性，如果符合多媒體內(nèi)容的特征，則可認(rèn)為該網(wǎng)頁(yè)中包含多媒體內(nèi)容。
[0022]步驟S120，如果網(wǎng)頁(yè)中有多媒體內(nèi)容則在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將多媒體內(nèi)容突出顯示在網(wǎng)頁(yè)的預(yù)覽窗口中。突出顯示可以是將顯示多媒體內(nèi)容的部分填滿整個(gè)預(yù)覽窗口，也可以是占據(jù)整個(gè)預(yù)覽窗口的80%或90%的區(qū)域等。對(duì)于多媒體內(nèi)容的突出顯示，可以使用嵌入在網(wǎng)頁(yè)中對(duì)應(yīng)類型的多媒體播放器控件來(lái)實(shí)現(xiàn)，也可以使用有較強(qiáng)兼容性的單一的多媒體播放器控件來(lái)實(shí)現(xiàn)，這取決與用戶計(jì)算機(jī)的瀏覽器和計(jì)算機(jī)多媒體播放器的配置。
[0023]上述網(wǎng)頁(yè)內(nèi)容顯示方法中，如果網(wǎng)頁(yè)中有多媒體內(nèi)容，則在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將網(wǎng)頁(yè)的預(yù)覽窗口中的多媒體內(nèi)容突出顯示，方便用戶能夠看清楚網(wǎng)頁(yè)中的多媒體內(nèi)容，不需要點(diǎn)擊或?qū)⑹髽?biāo)移動(dòng)到相應(yīng)的預(yù)覽網(wǎng)頁(yè)以放大查看，既節(jié)省了用戶的操作時(shí)間，又減少了對(duì)計(jì)算機(jī)的資源占用，改善了計(jì)算機(jī)的運(yùn)行性能。
[0024]以下以常用的計(jì)算機(jī)配置和常見的多媒體類型對(duì)上述網(wǎng)頁(yè)內(nèi)容顯示方法進(jìn)行更具體的說明，使本領(lǐng)域技術(shù)人員能夠清楚了解網(wǎng)頁(yè)內(nèi)容顯示方法的具體實(shí)現(xiàn)方式，由于計(jì)算機(jī)多媒體內(nèi)容的格式非常多并且層出不窮，因此，以下舉例說明的類型不能解釋為上述網(wǎng)頁(yè)內(nèi)容顯示方法僅能用于這幾種類型的多媒體內(nèi)容，本領(lǐng)域技術(shù)人員根據(jù)具體類型的多媒體內(nèi)容作出的變形仍然屬于本專利的保護(hù)范圍。
[0025]在通常的計(jì)算機(jī)中，不同的多媒體內(nèi)容對(duì)應(yīng)的多媒體播放器是不同的，因此，為了正常的使用嵌入在網(wǎng)頁(yè)中的多媒體播放器控件播放多媒體內(nèi)容，如圖2所示，本實(shí)施例中，上述網(wǎng)頁(yè)內(nèi)容顯示方法包括如下步驟:
[0026]步驟S210，檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容。多媒體內(nèi)容可以是視頻、動(dòng)畫、音樂等。本實(shí)施例中，根據(jù)網(wǎng)頁(yè)的html源代碼的html標(biāo)簽確定網(wǎng)頁(yè)中是否有多媒體內(nèi)容。在一般情況下，如果網(wǎng)頁(yè)中要包含多媒體內(nèi)容，那么html源代碼中將會(huì)包含<object>、〈embed>或<img>標(biāo)簽。使用瀏覽器,例如Internet Explorer提供的內(nèi)核接口，當(dāng)一個(gè)網(wǎng)頁(yè)加載完成后，遍歷這個(gè)網(wǎng)頁(yè)的DOM (Document Object Model,文檔對(duì)象模型)樹結(jié)構(gòu),從中尋找出包含多媒體內(nèi)容的標(biāo)簽，判斷標(biāo)簽屬性，如果符合多媒體內(nèi)容的特征，則可認(rèn)為該網(wǎng)頁(yè)中包含多媒體內(nèi)容。
[0027]步驟S220，檢測(cè)多媒體內(nèi)容的多媒體播放器控件類型。如果網(wǎng)頁(yè)中有多媒體內(nèi)容，可以根據(jù)多媒體內(nèi)容的html標(biāo)簽的屬性確定多媒體播放器控件類型。例如對(duì)于〈object〉標(biāo)簽，使用classid屬性(classid是〈object〉標(biāo)簽的一個(gè)屬性，不同的classid對(duì)應(yīng)的控件類型在Windows系統(tǒng)下的IE瀏覽器中是已經(jīng)確定的對(duì)應(yīng)關(guān)系),對(duì)于〈embed〉標(biāo)簽,使用type屬性。對(duì)于多媒體播放控件類型的判定，舉例說明如下表:
[0028]
【權(quán)利要求】
1.一種網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，包括: 檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容； 在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，根據(jù)所述網(wǎng)頁(yè)的html源代碼的html標(biāo)簽確定所述網(wǎng)頁(yè)中是否有多媒體內(nèi)容。
3.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，還包括檢測(cè)所述多媒體內(nèi)容的多媒體播放器控件類型及根據(jù)所述多媒體播放器控件類型獲得對(duì)應(yīng)多媒體播放器控件接口的步驟，所述將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中的步驟中根據(jù)所述多媒體播放器控件接口將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
4.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，根據(jù)所述多媒體內(nèi)容的html標(biāo)簽的屬性確定所述多媒體播放器控件類型。
5.根據(jù)權(quán)利要求4所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，所述根據(jù)所述多媒體播放器控件類型獲得對(duì)應(yīng)多媒體播放器控件接口的步驟包括: 通過瀏覽器的接口獲取所述多媒體內(nèi)容的html標(biāo)簽的COM接口 HTMLObjectElement，利用所述IHTMLObjectElement接口查詢所述多媒體播放器控件接口。
6.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，所述將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中的步驟包括: 通過所述多媒體播放器控件接口獲得多媒體播放器控件窗口的位置及大??； 將所述多媒體播放器控件窗口縮放至填滿整個(gè)所述預(yù)覽窗口。
7.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，所述將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中的步驟包括: 通過所述多媒體播放器控件接口獲得多媒體播放器控件窗口的位置及大小； 判斷所述多媒體播放器控件窗口是否在瀏覽器窗口的可見范圍之內(nèi)，如果是，則將所述多媒體播放器控件窗口縮放至填滿整個(gè)所述預(yù)覽窗口，否則不將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
8.根據(jù)權(quán)利要求1至7中任意一項(xiàng)所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，還包括在所述預(yù)覽窗口中添加播放控制按鈕的步驟。
9.根據(jù)權(quán)利要求8所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，所述播放控制按鈕根據(jù)所述多媒體內(nèi)容的播放狀態(tài)調(diào)整顯示狀態(tài)。
10.根據(jù)權(quán)利要求8所述的網(wǎng)頁(yè)內(nèi)容顯示方法，其特征在于，所述播放控制按鈕被按下時(shí)模擬鍵盤消息。
11.一種網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，包括: 檢測(cè)模塊，用于檢測(cè)網(wǎng)頁(yè)中是否有多媒體內(nèi)容； 顯示模塊，與所述檢測(cè)模塊相連，在用戶使用任務(wù)欄快速預(yù)覽功能時(shí)將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
12.根據(jù)權(quán)利要求11所述的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，所述檢測(cè)模塊根據(jù)所述網(wǎng)頁(yè)的html源代碼的html標(biāo)簽確定所述網(wǎng)頁(yè)中是否有多媒體內(nèi)容。
13.根據(jù)權(quán)利要求11所述的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，還包括控件類型模塊及接口獲取模塊， 所述控件類型模塊用于檢測(cè)所述多媒體內(nèi)容的多媒體播放器控件類型； 所述接口獲取模塊與所述控件類型模塊相連根據(jù)所述多媒體播放器控件類型獲得對(duì)應(yīng)多媒體播放器控件接口； 其中所述顯示模塊根據(jù)所述多媒體播放器控件接口將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
14.根據(jù)權(quán)利要求13所述的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，所述控件類型模塊根據(jù)所述多媒體內(nèi)容的html標(biāo)簽的屬性確定所述多媒體播放器控件類型。
15.根據(jù)權(quán)利要求14所述的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，所述接口獲取模塊通過瀏覽器的接口獲取所述多媒體內(nèi)容的html標(biāo)簽的COM接口 HTMLObjectElement，利用所述IHTMLObjectElement接口查詢所述多媒體播放器控件接口。
16.根據(jù)權(quán)利要求13所述的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，所述顯示模塊包括窗口獲取單元和窗口縮放單元，所述窗口獲取單元通過所述多媒體播放器控件接口獲得多媒體播放器控件窗口的位置及大??；所述窗口縮放單元判斷所述多媒體播放器控件窗口是否在瀏覽器窗口的可見范圍之內(nèi)，如果是，則將所述多媒體播放器控件窗口縮放至填滿整個(gè)所述預(yù)覽窗口，否則不將所述多媒體內(nèi)容突出顯示在所述網(wǎng)頁(yè)的預(yù)覽窗口中。
17.根據(jù)權(quán)利要求11至16中任意一項(xiàng)所述的網(wǎng)頁(yè)內(nèi)容顯示系統(tǒng)，其特征在于，還包括按鈕模塊，所述按鈕模塊用于在所述預(yù)覽窗口中添加播放控制按鈕。
【文檔編號(hào)】G06F17/30GK103577479SQ201210277245
【公開日】2014年2月12日 申請(qǐng)日期:2012年8月6日 優(yōu)先權(quán)日:2012年8月6日
【發(fā)明者】陳品霖 申請(qǐng)人:騰訊科技（深圳）有限公司