移動平臺的html5視頻文件持久化處理方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001 ]本發(fā)明涉及一種移動平臺的HTML5視頻文件持久化處理方法及系統(tǒng)。
【背景技術(shù)】
[0002]現(xiàn)有的HTML5〈video>標(biāo)簽視頻播放功能，對視頻的播放和基本操作有了很好的表現(xiàn)，但對遠(yuǎn)程視頻緩存的處理并未做到很強的表現(xiàn)。當(dāng)瀏覽完一個很短的視頻時，瀏覽器會保存這一小段的視頻緩存，當(dāng)瀏覽一個相對比較大的視頻的時候，瀏覽器不會全部把視頻緩存。而且，當(dāng)瀏覽器刷新時，又要重新從服務(wù)端去加載一次。這樣將會導(dǎo)致資源的浪費，使移動端產(chǎn)生大量的網(wǎng)絡(luò)流量，視頻的重復(fù)利用率不高，且用戶的體驗差，每次觀看視頻時都要從服務(wù)器上加載，大量的視頻傳輸也使得對帶寬的要求更高。

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

[0003]本發(fā)明要解決的技術(shù)問題之一，在于提供一種移動平臺的HTML5視頻文件持久化處理方法，通過該方法提高視頻資源二次訪問加載的速度，降低了對帶寬的要求，改善了用戶的體驗。
[0004]本發(fā)明是這樣實現(xiàn)技術(shù)問題之一的:移動平臺的HTML5視頻文件持久化處理方法，所述方法包括如下步驟:
[0005]步驟1、HTML5視頻標(biāo)簽發(fā)出視頻播放請求；
[0006]步驟2、JS端通過與移動端的對接接口將視頻播放請求轉(zhuǎn)發(fā)給移動端；
[0007]步驟3、移動端將視頻播放請求轉(zhuǎn)發(fā)給本地緩存；
[0008]步驟4、本地緩存根據(jù)接收的視頻播放請求查找視頻資源，并將查找到的視頻資源緩存地址或者從遠(yuǎn)程獲取的視頻資源遠(yuǎn)程地址返回給HTML5視頻標(biāo)簽進(jìn)行播放；
[0009]步驟5、后臺根據(jù)視頻資源遠(yuǎn)程地址下載視頻流片段，并將下載的視頻流片段保存至本地緩存。
[0010]進(jìn)一步地，所述視頻播放請求中包含請求的視頻ID。
[0011]進(jìn)一步地，所述步驟4具體為:
[0012]本地緩存接收到視頻播放請求后，根據(jù)視頻播放請求中的視頻ID從本地緩存的視頻庫中查找視頻資源，如果視頻庫中存在視頻資源，則將視頻資源緩存地址通過移動端與JS端的對接接口返回給HTML5視頻標(biāo)簽進(jìn)行播放;如果視頻庫中不存在視頻資源，則從遠(yuǎn)程獲取視頻資源遠(yuǎn)程地址，并將獲取的視頻資源遠(yuǎn)程地址通過移動端與JS端的對接接口返回給HTML5視頻標(biāo)簽進(jìn)行播放。
[0013]本發(fā)明要解決的技術(shù)問題之二，在于提供一種移動平臺的HTML5視頻文件持久化處理系統(tǒng)，通過該系統(tǒng)提高視頻資源二次訪問加載的速度，降低了對帶寬的要求，改善了用戶的體驗。
[0014]本發(fā)明是這樣實現(xiàn)技術(shù)問題之二的:移動平臺的HTML5視頻文件持久化處理系統(tǒng)，所述系統(tǒng)包括:
[0015]請求模塊，用于HTML5視頻標(biāo)簽發(fā)出視頻播放請求；
[0016]對接模塊，用于JS端通過與移動端的對接接口將視頻播放請求轉(zhuǎn)發(fā)給移動端；
[0017]請求轉(zhuǎn)發(fā)模塊，用于移動端將視頻播放請求轉(zhuǎn)發(fā)給本地緩存；
[0018]資源查找模塊，用于本地緩存根據(jù)接收的視頻播放請求查找視頻資源，并將查找到的視頻資源緩存地址或者從遠(yuǎn)程獲取的視頻資源遠(yuǎn)程地址返回給HTML5視頻標(biāo)簽進(jìn)行播放；
[0019]存儲模塊，用于后臺根據(jù)視頻資源遠(yuǎn)程地址下載視頻流片段，并將下載的視頻流片段保存至本地緩存。
[°02°]進(jìn)一步地，所述視頻播放請求中包含請求的視頻ID。
[0021]進(jìn)一步地，所述資源查找模塊具體為:
[0022]本地緩存接收到視頻播放請求后，根據(jù)視頻播放請求中的視頻ID從本地緩存的視頻庫中查找視頻資源，如果視頻庫中存在視頻資源，則將視頻資源緩存地址通過移動端與JS端的對接接口返回給HTML5視頻標(biāo)簽進(jìn)行播放;如果視頻庫中不存在視頻資源，則從遠(yuǎn)程獲取視頻資源遠(yuǎn)程地址，并將獲取的視頻資源遠(yuǎn)程地址通過移動端與JS端的對接接口返回給HTML5視頻標(biāo)簽進(jìn)行播放。
[0023]本發(fā)明具有如下優(yōu)點:本發(fā)明彌補了現(xiàn)有HTML5的<video>標(biāo)簽無視頻文件緩存的短處，使緩存的視頻資源可以持久化使用，可以節(jié)省移動端的流量使用，減輕了對應(yīng)視頻流服務(wù)器的訪問壓力，提高了二次訪問的視頻資源加載速度，降低了對帶寬的要求，改善了用戶的體驗。
【附圖說明】
[0024]下面參照附圖結(jié)合實施例對本發(fā)明作進(jìn)一步的說明。
[0025]圖1為本發(fā)明移動平臺的HTML5視頻文件持久化處理方法的執(zhí)行流程圖。
【具體實施方式】
[0026]請參照圖1所示，移動平臺的HTML5視頻文件持久化處理方法，所述方法包括如下步驟:
[0027]步驟1、HTML5視頻標(biāo)簽發(fā)出視頻播放請求；目前HTML5的〈video〉標(biāo)簽對視頻的播放和基本操作都已有了很好的表現(xiàn)。所述視頻播放請求中包含請求的視頻ID，在后續(xù)的視頻資源查找時，可以根據(jù)視頻ID查找相應(yīng)的視頻資源。
[0028]步驟2、JS端通過與移動端的對接接口將視頻播放請求轉(zhuǎn)發(fā)給移動端;該JS端與移動端的對接接口采用JavaScript語言編寫，用于與移動端各平臺(例如Android，1S，Windows等等)的Web View控件進(jìn)行交互，主要解決HTML5與移動端各平臺的系統(tǒng)應(yīng)用的通信，達(dá)到JavaScript能調(diào)用平臺各種系統(tǒng)應(yīng)用的功能。
[0029]步驟3、移動端將視頻播放請求轉(zhuǎn)發(fā)給本地緩存；
[0030]步驟4、本地緩存根據(jù)接收的視頻播放請求查找視頻資源，并將查找到的視頻資源緩存地址或者從遠(yuǎn)程獲取的視頻資源遠(yuǎn)程地址返回給HTML5視頻標(biāo)簽進(jìn)行播放;該步驟具體為:
[0031 ]本地緩存接收到視頻播放請求后，根據(jù)視頻播放請求中的視頻ID從本地緩存的視頻庫中查找視頻資源，如果視頻庫中存在視頻資源，則將視頻資源緩存地址通過移動端與JS端的對接接口返回給HTML5視頻標(biāo)簽進(jìn)行播放;如果視頻庫中不存在視頻資源，則從遠(yuǎn)程獲取視頻資源遠(yuǎn)程地址，并將獲取的視頻資源遠(yuǎn)程地址通過移動端與JS端的對接接口返回給HTML5視頻標(biāo)簽進(jìn)行播放。其中，移動端與JS端的對接接口中包含有Web View以及類似的控件，且所有的控件都支持與JavaScript的交互功能。
[0032]步驟5、后臺根據(jù)視頻資源遠(yuǎn)程地址下載視頻流片段，并將下載的視頻流片段保存至本地緩存。在下載視頻流片段時，還包括對視頻流片段進(jìn)行合并和轉(zhuǎn)碼，然后再將視頻流片段保存到本地緩存中。這樣，當(dāng)刷新或關(guān)閉瀏覽器后，要繼續(xù)觀看或重新觀看視頻時，