本申請涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及頁面展示方法及裝置。

背景技術(shù)：

視頻(Video)泛指將一系列靜態(tài)影像以電信號的方式加以捕捉、紀錄、處理、儲存、傳送與重現(xiàn)的各種技術(shù)。用戶在視頻網(wǎng)站的頁面上觀看在線視頻時，頁面會通過視頻播放器來加載視頻內(nèi)容，以實現(xiàn)播放。

技術(shù)實現(xiàn)要素：

有鑒于此，本申請?zhí)峁┮环N頁面展示方法及裝置，可以解決相關(guān)技術(shù)中的不足。

為實現(xiàn)上述目的，本申請?zhí)峁┘夹g(shù)方案如下：

根據(jù)本申請的第一方面，提出了一種頁面展示方法，包括：

檢測到當前頁面內(nèi)包含視頻對象；

提取所述視頻對象的視頻幀，并獲取被提取的視頻幀的預設(shè)特征參數(shù)信息；

根據(jù)所述預設(shè)特征參數(shù)信息，設(shè)置所述當前頁面內(nèi)的顯示對象的預設(shè)顯示屬性。

根據(jù)本申請的第二方面，提出了一種頁面展示裝置，包括：

檢測到當前頁面內(nèi)包含視頻對象；

提取所述視頻對象的視頻幀，并獲取被提取的視頻幀的預設(shè)特征參數(shù)信息；

根據(jù)所述預設(shè)特征參數(shù)信息，設(shè)置所述當前頁面內(nèi)的顯示對象的預設(shè)顯 示屬性。

由以上技術(shù)方案可見，本申請通過提取視頻對象的視頻幀，可以了解到視頻對象的當前內(nèi)容的視覺特征，即預設(shè)特征參數(shù)信息；同時，通過將預設(shè)特征參數(shù)信息應(yīng)用于當前頁面內(nèi)的顯示對象的預設(shè)顯示屬性，使得這些顯示對象的視覺展示效果與視頻對象的視覺特征保持一致性，使得視頻對象與顯示對象之間實現(xiàn)互動，從而為用戶提供更佳的視覺效果和觀看體驗。

附圖說明

圖1是相關(guān)技術(shù)中的頁面示意圖；

圖2示出了根據(jù)本申請一示例性實施例的一種頁面展示方法的流程圖；

圖3示出了根據(jù)本申請一示例性實施例的另一種頁面展示方法的流程圖；

圖4-7示出了根據(jù)本申請一示例性實施例的頁面示意圖；

圖8示出了根據(jù)本申請一示例性實施例的一種電子設(shè)備的結(jié)構(gòu)示意圖；

圖9示出了根據(jù)本申請一示例性實施例的一種頁面展示裝置的框圖。

具體實施方式

圖1是相關(guān)技術(shù)中的頁面示意圖，如圖1所示，假定用戶通過瀏覽器打開頁面http://www.xxxx.com/v/1110442，且該頁面包含名為“《cccc》預告片”的視頻對象。用戶通過觸發(fā)頁面中的視頻對象對應(yīng)的播放器，即可實現(xiàn)視頻播放。然而，在視頻播放的過程中，無論播放內(nèi)容為何，視頻對象所處區(qū)域與頁面中的其他區(qū)域之間均表現(xiàn)為相互獨立，即頁面內(nèi)的其他顯示對象不會與視頻對象的播放內(nèi)容之間存在任何形式的互動，使得視頻播放過程對于用戶而言，很容易被頁面內(nèi)的其他顯示對象分心，影響用戶的視頻觀看體驗。

因此，本申請通過提供一種頁面展示方法及裝置，可以解決相關(guān)技術(shù)中存在的上述不足。

為對本申請進行進一步說明，提供下列實施例：

圖2示出了根據(jù)本申請一示例性實施例的一種頁面展示方法的流程圖， 如圖2所示，該方法應(yīng)用于終端，可以包括以下步驟：

步驟202，檢測到當前頁面內(nèi)包含視頻對象。

步驟204，提取所述視頻對象的視頻幀，并獲取被提取的視頻幀的預設(shè)特征參數(shù)信息。

在本實施例中，可以按照預設(shè)頻率提取所述視頻對象的視頻幀，比如每5s提取一次，確保對頁面展示效果的及時更新。

在本實施例中，可以偵聽所述當前頁面內(nèi)發(fā)生的視頻播放事件；若所述視頻對象處于播放狀態(tài)，則按照預設(shè)頻率提取所述視頻對象的視頻幀；若所述視頻對象處于非播放狀態(tài)，則停止提取所述視頻對象的視頻幀。通過對視頻播放事件的偵聽，一方面在視頻尚未播放或中途暫停的過程中，由于視頻幀不會發(fā)生變化，因而有助于減少終端處理過程，降低終端功耗，另一方面則可以在執(zhí)行視頻播放的過程中，及時啟動或恢復對視頻幀的提取和對頁面展示效果的及時更新。

在本實施例中，作為一示例性實施例，可以將所述被提取的視頻幀繪制為畫布canvas對象，然后從所述canvas對象中讀取所述預設(shè)特征參數(shù)信息。其中，預設(shè)特征參數(shù)信息可以包括以下至少之一：顏色、亮度。

步驟206，根據(jù)所述預設(shè)特征參數(shù)信息，設(shè)置所述當前頁面內(nèi)的顯示對象的預設(shè)顯示屬性。

在本實施例中，基于預設(shè)特征參數(shù)信息，可以對當前頁面內(nèi)的顯示對象的預設(shè)顯示屬性進行實時設(shè)置和更新，從而使得顯示對象的顯示效果與視頻幀之間保持一致性。其中，預設(shè)顯示屬性可以包括以下至少之一：背景顏色、背景亮度、背景圖案、文字顏色、文字內(nèi)容。

由上述實施例可知，本申請通過提取視頻對象的視頻幀，可以了解到視頻對象的當前內(nèi)容的視覺特征，即預設(shè)特征參數(shù)信息；同時，通過將預設(shè)特征參數(shù)信息應(yīng)用于當前頁面內(nèi)的顯示對象的預設(shè)顯示屬性，使得這些顯示對象的視覺展示效果與視頻對象的視覺特征保持一致性，使得視頻對象與顯示對象之間實現(xiàn)互動，從而為用戶提供更佳的視覺效果和觀看體驗。

圖3示出了根據(jù)本申請一示例性實施例的另一種頁面展示方法的流程圖，如圖3所示，該方法可以包括以下步驟：

步驟302，終端內(nèi)的瀏覽器加載用戶觸發(fā)的頁面。

步驟304，判斷頁面內(nèi)是否包含視頻對象，若包含則轉(zhuǎn)入步驟306。

步驟306，偵聽頁面內(nèi)的視頻對象的視頻播放事件。

步驟308，根據(jù)偵聽情況，判斷視頻對象是否處于播放狀態(tài)，若處于播放狀態(tài)則轉(zhuǎn)入步驟310，否則等待。

在本實施例中，用戶可以通過點擊頁面內(nèi)的播放器的“播放”、“暫停”、“停止”等按鈕，觸發(fā)或改變視頻對象的播放狀態(tài)。那么，根據(jù)對用戶點擊操作和點擊對象的監(jiān)測，即可確定視頻對象所處的實時播放狀態(tài)。

當視頻對象處于暫停或停止播放的時候，由于視頻對象的視頻幀不會發(fā)生變化，因而停止對視頻幀的獲取等處理，有助于節(jié)省終端的處理資源和運行功耗，尤其是對于移動終端設(shè)備，有助于提升運行流暢度、延長待機時間。

步驟310，提取視頻對象中的視頻幀。

在本實施例中，可以實時提取每一視頻幀；或者，可以按照預設(shè)周期提取視頻幀，比如每5s提取當前的視頻幀。

步驟312，將提取的視頻幀繪制為畫布canvas對象。

步驟314，從canvas對象中讀取視頻幀的預設(shè)特征參數(shù)信息。

步驟316，根據(jù)讀取的預設(shè)特征參數(shù)信息，設(shè)置頁面內(nèi)的顯示對象的預設(shè)顯示屬性。

在本實施例中，根據(jù)讀取的預設(shè)特征參數(shù)信息的類型不同，可以對顯示對象的不同預設(shè)顯示屬性進行設(shè)置。

在一示例性實施例中，預設(shè)特征參數(shù)信息可以為視頻幀的顏色，則預設(shè)顯示屬性可以為顯示對象的背景顏色、文字顏色等。比如圖4所示，當視頻播放內(nèi)容為夜晚時，視頻幀的顏色可能為黑色或深藍色，則可以將該顏色作為頁面的背景顏色，使得整個頁面在顏色上具有一致性，使得用戶在觀看視頻時，實現(xiàn)“浸入式”的觀看體驗，不會由于視頻幀與頁面其他顯示對象之 間的視覺差異，而導致容易從視頻內(nèi)容中分心至頁面的其他顯示對象。

需要說明的是：

1、將視頻幀通過canvas對象的轉(zhuǎn)換，提取預設(shè)特征參數(shù)信息的方式，僅為本申請一示例性實施例，即步驟312和步驟314并非必須的處理步驟。比如在另一示例性實施例中，如圖5所示，可以將提取的視頻幀直接作為頁面的背景圖片，同樣能夠?qū)崿F(xiàn)視頻內(nèi)容與頁面顯示之間的一致性。

2、“根據(jù)讀取的預設(shè)特征參數(shù)信息，設(shè)置頁面內(nèi)的顯示對象的預設(shè)顯示屬性”，可以將讀取的顏色等預設(shè)特征參數(shù)信息，直接應(yīng)用于頁面內(nèi)的顯示對象的預設(shè)顯示屬性；或者，顯示對象的預設(shè)顯示屬性也可以與預設(shè)特征參數(shù)信息不相同，而只需要兩者之間存在關(guān)聯(lián)即可。比如圖6所示，當讀取到視頻幀的顏色為黑色時，終端可以自動判定此時為“夜晚”的拍攝場景，因而可以在顯示頁面上顯示“星空”，與“夜晚”相呼應(yīng)。其中，“星空”的顯示元素可以為終端或瀏覽器內(nèi)置，也可以根據(jù)“夜晚”場景在瀏覽器中進行搜索得到。

步驟318，對視頻幀的內(nèi)容進行識別操作，識別出視頻幀中的圖片或文字對象。

比如圖7所示，在視頻幀的內(nèi)容中，可以識別出大廈表面存在一手機圖片以及相應(yīng)的文字描述“XX手機”，那么可以通過圖片識別或文字識別(比如通過OCR技術(shù)來實現(xiàn))，獲取相應(yīng)的圖片對象或文字對象。

步驟320，查找與圖片或文字對象相關(guān)聯(lián)的顯示對象。

在本實施例中，若識別出圖片對象，可以采用如“以圖搜圖”功能，搜索對應(yīng)的顯示對象；或者，若識別出文字對象，可以直接以該文字對象為關(guān)鍵詞進行搜索操作。

步驟322，將查找到的相關(guān)聯(lián)的顯示對象展示于當前頁面。

在本實施例中，如圖7所示，針對識別出的圖片或文字對象，假定查找到相應(yīng)的廣告對象，則可以將該廣告對象展示于當前頁面，比如圖7中展示于視頻對象的右上角處，用戶可以通過點擊“查看詳情”按鈕，查看關(guān)于該 “XX手機”的詳情介紹內(nèi)容。

圖8示出了根據(jù)本申請的一示例性實施例的電子設(shè)備的示意結(jié)構(gòu)圖。請參考圖8，在硬件層面，該電子設(shè)備包括處理器、內(nèi)部總線、網(wǎng)絡(luò)接口、內(nèi)存以及非易失性存儲器，當然還可能包括其他業(yè)務(wù)所需要的硬件。處理器從非易失性存儲器中讀取對應(yīng)的計算機程序到內(nèi)存中然后運行，在邏輯層面上形成頁面展示裝置。當然，除了軟件實現(xiàn)方式之外，本申請并不排除其他實現(xiàn)方式，比如邏輯器件抑或軟硬件結(jié)合的方式等等，也就是說以下處理流程的執(zhí)行主體并不限定于各個邏輯單元，也可以是硬件或邏輯器件。

請參考圖9，在軟件實施方式中，該頁面展示裝置可以包括對象檢測單元、特征獲取單元和屬性設(shè)置單元。其中：

對象檢測單元，檢測到當前頁面內(nèi)包含視頻對象；

特征獲取單元，提取所述視頻對象的視頻幀，并獲取被提取的視頻幀的預設(shè)特征參數(shù)信息；

屬性設(shè)置單元，根據(jù)所述預設(shè)特征參數(shù)信息，設(shè)置所述當前頁面內(nèi)的顯示對象的預設(shè)顯示屬性。

可選的，所述特征獲取單元通過下述方式提取所述視頻對象的視頻幀：

按照預設(shè)頻率提取所述視頻對象的視頻幀。

可選的，所述特征獲取單元通過下述方式提取所述視頻對象的視頻幀：

偵聽所述當前頁面內(nèi)發(fā)生的視頻播放事件；

若所述視頻對象處于播放狀態(tài)，則按照預設(shè)頻率提取所述視頻對象的視頻幀；

若所述視頻對象處于非播放狀態(tài)，則停止提取所述視頻對象的視頻幀。

可選的，所述特征獲取單元通過下述方式獲取被提取的視頻幀的預設(shè)特征參數(shù)信息：

將所述被提取的視頻幀繪制為畫布canvas對象；

從所述canvas對象中讀取所述預設(shè)特征參數(shù)信息。

可選的，所述預設(shè)特征參數(shù)信息包括以下至少之一：顏色、亮度。

所述預設(shè)顯示屬性包括以下至少之一：背景顏色、背景亮度、背景圖案、文字顏色、文字內(nèi)容。

可選的，還包括：

對象識別單元，識別所述視頻幀中包含的圖片或文字對象；

對象展示單元，查找與所述圖片或文字對象相關(guān)聯(lián)的顯示對象，并展示于所述當前頁面中。

在一個典型的配置中，計算設(shè)備包括一個或多個處理器(CPU)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。

內(nèi)存可能包括計算機可讀介質(zhì)中的非永久性存儲器，隨機存取存儲器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲器(ROM)或閃存(flash RAM)。內(nèi)存是計算機可讀介質(zhì)的示例。

計算機可讀介質(zhì)包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術(shù)來實現(xiàn)信息存儲。信息可以是計算機可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計算機的存儲介質(zhì)的例子包括，但不限于相變內(nèi)存(PRAM)、靜態(tài)隨機存取存儲器(SRAM)、動態(tài)隨機存取存儲器(DRAM)、其他類型的隨機存取存儲器(RAM)、只讀存儲器(ROM)、電可擦除可編程只讀存儲器(EEPROM)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲器(CD-ROM)、數(shù)字多功能光盤(DVD)或其他光學存儲、磁盒式磁帶，磁帶磁磁盤存儲或其他磁性存儲設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲可以被計算設(shè)備訪問的信息。按照本文中的界定，計算機可讀介質(zhì)不包括暫存電腦可讀媒體(transitory media)，如調(diào)制的數(shù)據(jù)信號和載波。

還需要說明的是，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、商品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、商品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、商品或者設(shè)備中還存在另外的相同要素。

以上所述僅為本申請的較佳實施例而已，并不用以限制本申請，凡在本申請的精神和原則之內(nèi)，所做的任何修改、等同替換、改進等，均應(yīng)包含在本申請保護的范圍之內(nèi)。