視頻海報(bào)顯示處理方法及裝置的制造方法
【專利摘要】本發(fā)明實(shí)施例提供了一種視頻海報(bào)顯示處理方法及裝置，所述方法包括：瀏覽器獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀；生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽；其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作；根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。本發(fā)明能夠?qū)崿F(xiàn)將動態(tài)圖片作為視頻海報(bào)進(jìn)行顯示，從而使得用戶通過該動態(tài)圖片獲得該視頻中更多的內(nèi)容，實(shí)現(xiàn)了對視頻的進(jìn)一步了解，增強(qiáng)用戶的體驗(yàn)。
【專利說明】
視頻海報(bào)顯示處理方法及裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明實(shí)施例涉及瀏覽器技術(shù)領(lǐng)域，具體涉及一種視頻海報(bào)顯示處理方法及裝置。
【背景技術(shù)】
[0002]瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或檔案系統(tǒng)內(nèi)的文件，并讓用戶與該文件交互的軟件，是人們上網(wǎng)的重要工具。對于任何一種瀏覽器，作為直接面向用戶的瀏覽器的頁面一般用來顯示文字、影像及其他資訊，而且文字和影像可以是連接其他網(wǎng)址的超鏈接。
[0003]目前，瀏覽器的頁面中展示有視頻時(shí)，一般在該視頻對應(yīng)的視頻標(biāo)簽處直接顯示該視頻海報(bào)圖像。而當(dāng)用戶被其視頻海報(bào)圖像吸引時(shí)，一般會通過操作鼠標(biāo)或遙控器等實(shí)現(xiàn)選中并且點(diǎn)擊該視頻標(biāo)簽，以加載并播放該視頻。然而，該視頻對應(yīng)的視頻海報(bào)圖像往往只是該視頻中的某一幀圖像，即用戶在點(diǎn)擊該視頻標(biāo)簽之前只能看到靜態(tài)的海報(bào)圖片，由此可見，目前瀏覽器顯示的視頻海報(bào)圖像內(nèi)容比較單一，不利于用戶對視頻內(nèi)容的進(jìn)一步了解，也不利于提高用戶體驗(yàn)。

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

[0004]針對現(xiàn)有技術(shù)中的缺陷，本發(fā)明實(shí)施例提供一種視頻海報(bào)顯示處理方法及裝置，能夠解決現(xiàn)有技術(shù)中視頻海報(bào)圖像內(nèi)容比較單一，不利于用戶對視頻內(nèi)容的進(jìn)一步了解的問題，能夠?qū)討B(tài)圖片作為視頻海報(bào)進(jìn)行顯示，有利于提高用戶體驗(yàn)。
[0005]為解決上述技術(shù)問題，本發(fā)明實(shí)施例提供以下技術(shù)方案:
[0006]本發(fā)明實(shí)施例提供了一種視頻海報(bào)顯示處理方法，包括:
[0007]瀏覽器獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀；
[0008]生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽;其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作；
[0009]根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。
[0010]優(yōu)選地，所述動態(tài)圖片為WebP動態(tài)圖片。
[0011]優(yōu)選地，所述根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片之前，所述方法還包括:
[0012]根據(jù)所述圖片標(biāo)簽的尺寸，對獲取的所述多個(gè)視頻幀的尺寸進(jìn)行裁剪。
[0013]優(yōu)選地，所述根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，包括:
[0014]對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，生成動態(tài)圖片。
[0015]優(yōu)選地，所述獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀，包括:
[0016]獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)連續(xù)視頻幀。
[0017]本發(fā)明實(shí)施例提供了一種視頻海報(bào)顯示處理裝置，包括:
[0018]獲取單元，用于獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀；
[0019]圖片標(biāo)簽生成單元，用于生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽;其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作；
[0020]動態(tài)圖片生成單元，用于根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。
[0021]優(yōu)選地，所述動態(tài)圖片為WebP動態(tài)圖片。
[0022]優(yōu)選地，所述裝置還包括:尺寸裁剪單元，用于:
[0023]根據(jù)所述圖片標(biāo)簽的尺寸，對獲取的所述多個(gè)視頻幀的尺寸進(jìn)行裁剪。
[0024]優(yōu)選地，所述動態(tài)圖片生成單元，用于:
[0025]對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，生成動態(tài)圖片。
[0026]優(yōu)選地，所述獲取單元，用于:
[0027]獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)連續(xù)視頻幀。
[0028]由上述技術(shù)方案可知，本發(fā)明實(shí)施例提供的視頻海報(bào)顯示處理方法及裝置，通過瀏覽器獲取視頻標(biāo)簽的顯示位置及視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀后，將生成的圖片標(biāo)簽設(shè)置在頁面中視頻標(biāo)簽的顯示位置處以覆蓋所述視頻標(biāo)簽，并根據(jù)獲取的多個(gè)視頻幀生成動態(tài)圖片，從而將動態(tài)圖片設(shè)置在圖片標(biāo)簽所在的頁面中進(jìn)行顯示，以實(shí)現(xiàn)將動態(tài)圖片作為視頻海報(bào)進(jìn)行顯示，從而使得用戶通過該動態(tài)圖片獲得該視頻中更多的內(nèi)容，實(shí)現(xiàn)了對視頻的進(jìn)一步了解，增強(qiáng)用戶的體驗(yàn)。
【附圖說明】
[0029]為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0030]圖1是本發(fā)明一實(shí)施例提供的一種視頻海報(bào)顯示處理方法的流程示意圖；
[0031]圖2是本發(fā)明另一實(shí)施例提供的一種視頻海報(bào)顯示處理裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0032]為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0033]本技術(shù)領(lǐng)域技術(shù)人員可以理解，除非特意聲明，這里使用的單數(shù)形式“一”、“一個(gè)”、“所述”和“該”也可包括復(fù)數(shù)形式。應(yīng)該進(jìn)一步理解的是，本發(fā)明的說明書中使用的措辭“包括”是指存在所述特征、整數(shù)、步驟、操作、元件和/或組件，但是并不排除存在或添加一個(gè)或多個(gè)其他特征、整數(shù)、步驟、操作、元件、組件和/或它們的組。
[0034]本技術(shù)領(lǐng)域技術(shù)人員可以理解，除非另外定義，這里使用的所有術(shù)語(包括技術(shù)術(shù)語和科學(xué)術(shù)語)，具有與本發(fā)明所屬領(lǐng)域中的普通技術(shù)人員的一般理解相同的意義。還應(yīng)該理解的是，諸如通用字典中定義的那些術(shù)語，應(yīng)該被理解為具有與現(xiàn)有技術(shù)的上下文中的意義一致的意義，并且除非被特定定義，否則不會用理想化或過于正式的含義來解釋。
[0035]圖1是本發(fā)明一實(shí)施例中的一種視頻海報(bào)顯示處理方法的流程示意圖，本實(shí)施例中，該方法的執(zhí)行主體為瀏覽器，如圖1所示，本實(shí)施例提供的視頻海報(bào)顯示處理方法，具體包括如下步驟:
[0036]SlOl:瀏覽器獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀。
[0037]需要說明的是，視頻標(biāo)簽，S卩Video標(biāo)簽是用于定義網(wǎng)頁視頻的標(biāo)記符號，通過在網(wǎng)頁中增加Video標(biāo)簽，能夠使得瀏覽器直接在網(wǎng)頁中顯示視頻。具體地，Video標(biāo)簽一般包括如下屬性:視頻標(biāo)簽的寬度width、高度height、視頻路徑或者地址src、視頻海報(bào)poster等。在實(shí)際應(yīng)用中，該視頻標(biāo)簽被觸發(fā)時(shí)，例如被鼠標(biāo)點(diǎn)擊或用戶手指觸碰時(shí)，該視頻標(biāo)簽對應(yīng)的視頻將被加載并在網(wǎng)頁中顯示播放。
[0038]具體來說，瀏覽器加載網(wǎng)頁頁面時(shí)，解析網(wǎng)頁頁面以檢測是否存在視頻標(biāo)簽，若需展示的網(wǎng)頁頁面中存在視頻標(biāo)簽時(shí)，則瀏覽器獲取該視頻標(biāo)簽的顯示位置信息，并同時(shí)獲取該視頻標(biāo)簽對應(yīng)的視頻資源，以提取該視頻資源對應(yīng)的視頻數(shù)據(jù)中的多個(gè)視頻幀，即獲取該視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)中的多幀截圖。需要說明的是，提取的多個(gè)視頻幀可為連續(xù)的多個(gè)視頻幀，也可為不連續(xù)的多個(gè)視頻幀，本實(shí)施例對此不加以限制。
[0039]S102:生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽;其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作。
[0040]需要說明的是，圖片標(biāo)簽，S卩image標(biāo)簽是在網(wǎng)頁頁面中引入圖片到網(wǎng)頁中顯示的標(biāo)簽。具體地，image標(biāo)簽一般包括如下屬性:圖片標(biāo)簽的寬度、高度、需顯示的圖片路徑或圖片網(wǎng)址以及圖片描述等。
[0041]具體來說，生成一個(gè)圖片標(biāo)簽時(shí)，需定義該圖片標(biāo)簽的寬度、高度、需顯示的圖片路徑或圖片網(wǎng)址以及圖片描述等。而且需使得生成的圖片標(biāo)簽的寬度與視頻標(biāo)簽的寬度相等，圖片標(biāo)簽的高度與視頻標(biāo)簽的高度相等，從而將該圖片標(biāo)簽設(shè)置在所述視頻標(biāo)簽的顯示位置處以完全覆蓋所述視頻標(biāo)簽。
[0042]另外，該圖片標(biāo)簽不接受任何觸發(fā)操作，即圖片標(biāo)簽被點(diǎn)擊或觸控時(shí)，相當(dāng)于被該圖片標(biāo)簽覆蓋的視頻標(biāo)簽接受該觸發(fā)操作，實(shí)現(xiàn)視頻的加載及播放。如此，該圖片標(biāo)簽的設(shè)置不會為對視頻標(biāo)簽的任何操作帶來影響或妨礙。
[0043]S103:根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。
[0044]具體來說，根據(jù)上述步驟S102獲取的多個(gè)視頻幀對應(yīng)的多幀圖片生成動態(tài)圖片，如gif動態(tài)圖片、JPEG動態(tài)圖片及WebP動態(tài)圖片等。進(jìn)一步地，將生成的動態(tài)圖片設(shè)置在圖片標(biāo)簽中，以實(shí)現(xiàn)在當(dāng)前頁面中的圖片標(biāo)簽處顯示動態(tài)圖片，從而實(shí)現(xiàn)將動態(tài)圖片作為視頻海報(bào)進(jìn)行顯示。
[0045]由此可見，本實(shí)施例中，通過瀏覽器獲取視頻標(biāo)簽的顯示位置及視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀后，將生成的圖片標(biāo)簽設(shè)置在頁面中視頻標(biāo)簽的顯示位置處以覆蓋所述視頻標(biāo)簽，并根據(jù)獲取的多個(gè)視頻幀生成動態(tài)圖片，從而將動態(tài)圖片設(shè)置在圖片標(biāo)簽處在頁面中進(jìn)行顯示，以實(shí)現(xiàn)將動態(tài)圖片作為視頻海報(bào)進(jìn)行顯示，從而使得用戶通過該動態(tài)圖片獲得該視頻中更多的內(nèi)容，實(shí)現(xiàn)了對視頻的進(jìn)一步了解，增強(qiáng)用戶的體驗(yàn)。
[0046]在本發(fā)明的一個(gè)可選實(shí)施例中，上述實(shí)施例中步驟S103中生成的動態(tài)圖片可為WebP動態(tài)圖片。
[0047]本實(shí)施例中，根據(jù)獲取的多個(gè)視頻幀生成WebP動態(tài)圖片。相比于JPEG格式的動態(tài)圖片，WebP動態(tài)圖片可將圖片大小減少40 %，即采用WebP動態(tài)圖片可使得瀏覽網(wǎng)頁的速度大幅度提升;而相比gif格式的動態(tài)圖片，WebP動態(tài)圖片的色彩更為豐富，而gif格式的動態(tài)圖片僅支持256色。因此，WebP動態(tài)圖片不僅占用體積較小，顯示的色彩也更為豐富，有利于提升用戶體驗(yàn)。
[0048]在本發(fā)明的一個(gè)可選實(shí)施例中，步驟S103之前，所述方法還可包括如下步驟:
[0049]根據(jù)所述圖片標(biāo)簽的尺寸，對獲取的所述多個(gè)視頻幀的尺寸進(jìn)行裁剪。
[0050]本實(shí)施例中，生成圖片標(biāo)簽時(shí)，需定義圖片標(biāo)簽的寬度及高度，則為了使得生成的動態(tài)圖片尺寸與圖片標(biāo)簽?zāi)軌蚱ヅ洌讷@取視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)中的多個(gè)視頻幀后，針對該多個(gè)視頻幀中的每個(gè)視頻幀，對其對應(yīng)的截圖的尺寸進(jìn)行裁剪，以使得所述每個(gè)視頻幀的尺寸與圖片標(biāo)簽的尺寸一致，即所述每個(gè)視頻幀對應(yīng)的截圖的寬度與圖片標(biāo)簽的寬度相等，且高度與圖片標(biāo)簽的高度一致。如此，根據(jù)裁剪后的多個(gè)視頻幀生成的動態(tài)圖片的尺寸與圖片標(biāo)簽的尺寸一致，無需進(jìn)一步進(jìn)行處理。
[0051]在本發(fā)明的一個(gè)優(yōu)選實(shí)施例中，步驟S103中的所述根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，具體可由如下步驟實(shí)現(xiàn):
[0052]對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，生成動態(tài)圖片。
[0053]本實(shí)施例中，由于獲取的多個(gè)視頻對應(yīng)的多幀視頻截圖都是無損的，體積較大，給復(fù)制和存儲帶來不便。因此為了優(yōu)化內(nèi)存，本實(shí)施例中對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，并根據(jù)處理后的多個(gè)視頻幀生成動態(tài)圖片。如此，本實(shí)施例可使得生成的動態(tài)圖片占用的內(nèi)存較小，有利于提升網(wǎng)頁的瀏覽速度。
[0054]在本發(fā)明的一個(gè)可選實(shí)施例中，步驟SlOl中的所述獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀，具體可包括:
[0055]獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)連續(xù)視頻幀。
[0056]本實(shí)施例中，獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀時(shí)，獲取多個(gè)連續(xù)的視頻幀。如此，進(jìn)一步根據(jù)獲取的多個(gè)視頻幀生成的動態(tài)圖片則為連續(xù)的畫面，連續(xù)的畫面有利于幫助用戶進(jìn)一步理解視頻的內(nèi)容，提高用戶體驗(yàn)。
[0057]另外，對于上述方法實(shí)施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領(lǐng)域技術(shù)人員應(yīng)該知悉，本發(fā)明并不受所描述的動作順序的限制，其次，本領(lǐng)域技術(shù)人員也應(yīng)該知悉，說明書中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例，所涉及的動作并不一定是本發(fā)明所必須的。
[0058]圖2是本發(fā)明另一實(shí)施例中的一種視頻海報(bào)顯示處理裝置的結(jié)構(gòu)示意圖，如圖2所示，本實(shí)施例提供的視頻海報(bào)顯示處理裝置包括:獲取單元201、圖片標(biāo)簽生成單元202及動態(tài)圖片生成單元203。其中:
[0059]獲取單元201用于獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀；圖片標(biāo)簽生成單元202用于生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽;其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作;動態(tài)圖片生成單元203用于根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。
[0060]本實(shí)施例中，瀏覽器加載網(wǎng)頁頁面時(shí)，解析網(wǎng)頁頁面中以檢測是否存在視頻標(biāo)簽，若需展示的網(wǎng)頁頁面中存在視頻標(biāo)簽時(shí)，則獲取單元201獲取該視頻標(biāo)簽的顯示位置信息，并同時(shí)獲取該視頻標(biāo)簽對應(yīng)的視頻資源，以提取該視頻資源對應(yīng)的視頻數(shù)據(jù)中的多個(gè)視頻幀，即獲取該視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)中的多幀截圖。圖片標(biāo)簽生成單元202生成一個(gè)圖片標(biāo)簽時(shí)，需定義該圖片標(biāo)簽的寬度、高度、需顯示的圖片路徑或圖片網(wǎng)址以及圖片描述等。而生成的圖片標(biāo)簽的寬度及高度應(yīng)和視頻標(biāo)簽的寬度及高度完全相同，從而將該圖片標(biāo)簽設(shè)置在所述視頻標(biāo)簽的顯示位置處以覆蓋所述視頻標(biāo)簽。動態(tài)圖片生成單元203根據(jù)上述獲取單元201獲取的多個(gè)視頻幀對應(yīng)的多幀圖片生成動態(tài)圖片，如gif動態(tài)圖片、JPEG動態(tài)圖片及WebP動態(tài)圖片等，并將生成的動態(tài)圖片的路徑設(shè)置在圖片標(biāo)簽中，以實(shí)現(xiàn)在頁面中的圖片標(biāo)簽處顯示動態(tài)圖片，從而實(shí)現(xiàn)將動態(tài)圖片作為視頻海報(bào)進(jìn)行顯示。
[0061 ]由此可見，本實(shí)施例中，通過獲取單元201獲取視頻標(biāo)簽的顯示位置及視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀，圖片標(biāo)簽生成單元202將生成的圖片標(biāo)簽設(shè)置在頁面中視頻標(biāo)簽的顯示位置處以覆蓋所述視頻標(biāo)簽，動態(tài)圖片生成單元203根據(jù)獲取的多個(gè)視頻幀生成動態(tài)圖片，從而將動態(tài)圖片設(shè)置在圖片標(biāo)簽處在頁面中進(jìn)行顯示，以實(shí)現(xiàn)將動態(tài)圖片作為視頻海報(bào)進(jìn)行顯示，從而使得用戶通過該動態(tài)圖片獲得該視頻中更多的內(nèi)容，實(shí)現(xiàn)了對視頻的進(jìn)一步了解，增強(qiáng)用戶的體驗(yàn)。
[0062]在本發(fā)明的一個(gè)可選實(shí)施例中，動態(tài)圖片生成單元203生成的動態(tài)圖片為WebP動態(tài)圖片。
[0063]本實(shí)施例中，動態(tài)圖片生成單元203根據(jù)獲取的多個(gè)視頻幀生成WebP動態(tài)圖片。相比于JPEG格式的動態(tài)圖片，WebP動態(tài)圖片可將圖片大小減少40%，即采用WebP動態(tài)圖片可使得瀏覽網(wǎng)頁的速度大幅度提升;而相比gif格式的動態(tài)圖片，WebP動態(tài)圖片的色彩更為豐富，而gif格式的動態(tài)圖片僅支持256色。因此，WebP動態(tài)圖片不僅占用體積較小，顯示的色彩也更為豐富，有利于提升用戶體驗(yàn)。
[0064]在本發(fā)明的一個(gè)可選實(shí)施例中，除了上述實(shí)施例中的各個(gè)組成單元，本實(shí)施例中的視頻海報(bào)顯示處理裝置還包括:尺寸裁剪單元。
[0065]具體地，所述尺寸裁剪單元用于根據(jù)所述圖片標(biāo)簽的尺寸，對獲取的所述多個(gè)視頻幀的尺寸進(jìn)行裁剪。
[0066]本實(shí)施例中，生成圖片標(biāo)簽時(shí)，需定義圖片標(biāo)簽的寬度及高度，則為了使得生成的動態(tài)圖片尺寸與圖片標(biāo)簽?zāi)軌蚱ヅ?，在獲取視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)中的多個(gè)視頻幀后，針對該多個(gè)視頻幀中的每個(gè)視頻幀，尺寸裁剪單元對其對應(yīng)的截圖的尺寸進(jìn)行裁剪，以使得所述每個(gè)視頻幀的尺寸與圖片標(biāo)簽的尺寸一致，即所述每個(gè)視頻幀對應(yīng)的截圖的寬度與圖片標(biāo)簽的寬度相等，且高度與圖片標(biāo)簽的高度一致。如此，根據(jù)裁剪后的多個(gè)視頻幀生成的動態(tài)圖片的尺寸與圖片標(biāo)簽的尺寸一致，無需進(jìn)一步壓縮。
[0067]在本發(fā)明的一個(gè)可選實(shí)施例中，所述動態(tài)圖片生成單元203，具體可用于:
[0068]對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，生成動態(tài)圖片。
[0069]本實(shí)施例中，由于獲取的多個(gè)視頻對應(yīng)的多幀視頻截圖都是無損的，體積較大，給復(fù)制和存儲帶來不便。因此為了優(yōu)化內(nèi)存，本實(shí)施例中的動態(tài)圖片生成單元203對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，并根據(jù)處理后的多個(gè)視頻幀生成動態(tài)圖片。如此，本實(shí)施例可使得生成的動態(tài)圖片占用的內(nèi)存較小，有利于提升網(wǎng)頁的瀏覽速度。
[0070]在本發(fā)明的一個(gè)可選實(shí)施例中，所述獲取單元201，具體用于:
[0071 ]獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)連續(xù)視頻幀。
[0072]本實(shí)施例中，獲取單元201獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀時(shí)，獲取多個(gè)連續(xù)的視頻幀。如此，進(jìn)一步根據(jù)獲取的多個(gè)視頻幀生成的動態(tài)圖片則為連續(xù)的畫面，連續(xù)的畫面有利于幫助用戶進(jìn)一步理解視頻的內(nèi)容，提高用戶體驗(yàn)。
[0073]以上所描述的裝置實(shí)施例僅僅是示意性的，其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部模塊來實(shí)現(xiàn)本實(shí)施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動的情況下，即可以理解并實(shí)施。
[0074]通過以上的實(shí)施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到各實(shí)施方式可借助軟件加必需的通用硬件平臺的方式來實(shí)現(xiàn)，當(dāng)然也可以通過硬件?；谶@樣的理解，上述技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品可以存儲在計(jì)算機(jī)可讀存儲介質(zhì)中，如R0M/RAM、磁碟、光盤等，包括若干指令用以使得一臺計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行各個(gè)實(shí)施例或者實(shí)施例的某些部分所述的方法。
[0075]最后應(yīng)說明的是:以上實(shí)施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制;盡管參照前述實(shí)施例對本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。
【主權(quán)項(xiàng)】
1.一種視頻海報(bào)顯示處理方法，其特征在于，包括: 瀏覽器獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀； 生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽；其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作； 根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述動態(tài)圖片為WebP動態(tài)圖片。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片之前，所述方法還包括: 根據(jù)所述圖片標(biāo)簽的尺寸，對獲取的所述多個(gè)視頻幀的尺寸進(jìn)行裁剪。4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，包括: 對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，生成動態(tài)圖片。5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀，包括: 獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)連續(xù)視頻幀。6.一種視頻海報(bào)顯示處理裝置，其特征在于，包括: 獲取單元，用于獲取頁面中視頻標(biāo)簽的顯示位置，并同步獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)視頻幀； 圖片標(biāo)簽生成單元，用于生成一個(gè)圖片標(biāo)簽，并將所述圖片標(biāo)簽設(shè)置在所述顯示位置處以覆蓋所述視頻標(biāo)簽;其中，所述圖片標(biāo)簽不接受任何觸發(fā)操作； 動態(tài)圖片生成單元，用于根據(jù)獲取的所述多個(gè)視頻幀生成動態(tài)圖片，并將所述動態(tài)圖片設(shè)置在所述圖片標(biāo)簽所在的頁面中進(jìn)行顯示。7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述動態(tài)圖片為WebP動態(tài)圖片。8.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述裝置還包括:尺寸裁剪單元，用于: 根據(jù)所述圖片標(biāo)簽的尺寸，對獲取的所述多個(gè)視頻幀的尺寸進(jìn)行裁剪。9.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述動態(tài)圖片生成單元，用于: 對獲取的所述多個(gè)視頻幀進(jìn)行格式轉(zhuǎn)碼和壓縮，生成動態(tài)圖片。10.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述獲取單元，用于: 獲取所述視頻標(biāo)簽對應(yīng)的視頻數(shù)據(jù)的多個(gè)連續(xù)視頻幀。
【文檔編號】G06F17/30GK106021434SQ201610321764
【公開日】2016年10月12日
【申請日】2016年5月16日
【發(fā)明人】王璟瑤
【申請人】樂視控股（北京）有限公司, 樂視移動智能信息技術(shù)（北京）有限公司