[發(fā)明專(zhuān)利]一種在網(wǎng)頁(yè)中播放視頻的方法、裝置、系統(tǒng)及計(jì)算設(shè)備

有效

• 申請(qǐng)?zhí)枺?/td>: 201910766977.7
• 申請(qǐng)日: 2019-08-20
• 公開(kāi)（公告）號(hào): CN110505511B
• 公開(kāi)（公告）日: 2022-03-18
• 發(fā)明（設(shè)計(jì)）人: 丁國(guó)龍
• 申請(qǐng)（專(zhuān)利權(quán)）人: 海南車(chē)智易通信息技術(shù)有限公司
• 主分類(lèi)號(hào): H04N21/43
• 分類(lèi)號(hào): H04N21/43;H04N21/472;H04N21/4782;H04N21/854;H04N21/8543
• 代理公司: 北京思睿峰知識(shí)產(chǎn)權(quán)代理有限公司 11396
• 代理人: 謝建云;趙愛(ài)軍

本發(fā)明公開(kāi)了一種在網(wǎng)頁(yè)中播放視頻的方法、裝置、系統(tǒng)及計(jì)算設(shè)備，方法包括：從網(wǎng)絡(luò)服務(wù)器獲取待播放的視頻文件對(duì)應(yīng)的元數(shù)據(jù)信息；根據(jù)序列幀圖像加載地址前綴生成各序列幀圖像的加載地址，向網(wǎng)絡(luò)服務(wù)器請(qǐng)求對(duì)應(yīng)的序列幀圖像并保存在圖像隊(duì)列中；根據(jù)音頻文件加載地址向網(wǎng)絡(luò)服務(wù)器請(qǐng)求對(duì)應(yīng)的音頻文件；在網(wǎng)頁(yè)中播放圖像隊(duì)列中的序列幀圖像，并記錄當(dāng)前播放的序列幀圖像的圖像索引；根據(jù)當(dāng)前圖像索引和序列幀圖像總數(shù)，計(jì)算播放進(jìn)度比例，并根據(jù)所述播放進(jìn)度比例和音頻文件的總播放時(shí)長(zhǎng)計(jì)算音頻偏移量；在所述音頻文件加載完成后，從所述音頻偏移量處開(kāi)始播放所述音頻文件。

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，特別涉及一種在網(wǎng)頁(yè)中播放視頻的方法、裝置、系統(tǒng)及計(jì)算設(shè)備。

背景技術(shù)

隨著近幾年互聯(lián)網(wǎng)技術(shù)的快速發(fā)展以及網(wǎng)絡(luò)帶寬的進(jìn)一步拓展和提升，網(wǎng)絡(luò)應(yīng)用的內(nèi)容和呈現(xiàn)形式也越來(lái)越豐富?，F(xiàn)代主流瀏覽器(包括PC瀏覽器和手機(jī)瀏覽器)基本上都支持H5，不僅可以在網(wǎng)頁(yè)中直接播放視頻，還可以通過(guò)三維網(wǎng)頁(yè)(Web-3D)相關(guān)技術(shù)(例如webGL、playCanvas等)在網(wǎng)頁(yè)中構(gòu)建復(fù)雜的三維虛擬現(xiàn)實(shí)場(chǎng)景，甚至是兩者的結(jié)合。

通常要在網(wǎng)頁(yè)中播放視頻，需要借助一些可對(duì)視頻數(shù)據(jù)進(jìn)行解碼和播放控制的應(yīng)用程序，稱(chēng)之為視頻播放器。當(dāng)下主流的實(shí)現(xiàn)方式有兩種，一種是通過(guò)用戶(hù)安裝的第三方瀏覽器插件(比如Flash Player)實(shí)現(xiàn)視頻加載和播放；另一種就是借助H5video標(biāo)簽實(shí)現(xiàn)視頻加載和播放。

在早期瀏覽器對(duì)HTML5的支持還不夠好的情況下，基于Flash插件的網(wǎng)頁(yè)視頻播放幾乎是唯一的選擇。網(wǎng)頁(yè)要采用這種辦法播放視頻，首先要確保用戶(hù)瀏覽器中安裝了Flash插件，如果沒(méi)有，就要先引導(dǎo)用戶(hù)下載安裝Flash插件。然后在頁(yè)面使用object或embed標(biāo)簽，通過(guò)參數(shù)指定要引入的視頻源文件地址實(shí)現(xiàn)視頻播放。Flash支持的視頻格式通常有兩種.flv和.swf。

基于Flash插件的網(wǎng)頁(yè)視頻播放方案的缺點(diǎn)主要包括：

一是瀏覽器兼容性不夠好，在沒(méi)有安裝Flash插件或者Flash插件被禁用的情況下視頻不能正常播放。由于存在較多安全和性能問(wèn)題，蘋(píng)果的Safari瀏覽器和谷歌的Chrome瀏覽器都已陸續(xù)禁用Flash插件。另外在移動(dòng)互聯(lián)網(wǎng)的時(shí)代，手機(jī)瀏覽器中支持Flash插件的非常少，這種技術(shù)方案在手機(jī)端基本是不可行的。

二是該方案支持的視頻格式有限，如果視頻原文件的編碼格式不一，需要先將各類(lèi)視頻文件轉(zhuǎn)換成Flash視頻文件。

三是這種技術(shù)方案只能應(yīng)用在2D普通網(wǎng)頁(yè)中用，對(duì)于使用Web-3D構(gòu)建的復(fù)雜網(wǎng)頁(yè)應(yīng)用，F(xiàn)lash視頻無(wú)法融入3D場(chǎng)景中。

隨著瀏覽器對(duì)H5支持的普及，使用H5video進(jìn)行視頻播放成了當(dāng)前網(wǎng)頁(yè)播放視頻的主流首選。H5video不需要額外安裝第三方瀏覽器插件，瀏覽器自身就實(shí)現(xiàn)了視頻的解碼功能，只需要在網(wǎng)頁(yè)中嵌入video標(biāo)簽，通過(guò)參數(shù)指定視頻源即可。H5video一共支持三種格式：Ogg、MPEG4、WebM。使用H5video播放視頻存在如下缺點(diǎn)：

一是播放器的外展形式不統(tǒng)一，由于video是靠瀏覽器底層實(shí)現(xiàn)的播放，視頻播放時(shí)其外觀和控件行為往往會(huì)被瀏覽器托管，比如有可能會(huì)自動(dòng)全屏、播放時(shí)出現(xiàn)播放邊框和外觀不一致的控件按鈕等。且video沒(méi)有預(yù)留更多的編程接口可以對(duì)播放器進(jìn)行二次開(kāi)發(fā)和自定義，完全依賴(lài)瀏覽器系統(tǒng)實(shí)現(xiàn)。

二是H5video加載的視頻文件往往較大，音頻和圖像內(nèi)容混合在一起，不能分離單獨(dú)下載，需要整體下載后在瀏覽器端解碼后才能播放，在網(wǎng)絡(luò)質(zhì)量較差的情況下用戶(hù)等待時(shí)間較長(zhǎng)，體驗(yàn)不佳。

三是H5video跟Flash插件一樣只能應(yīng)用在2D普通網(wǎng)頁(yè)中用，無(wú)法融入web-3D場(chǎng)景中使用。

而且，在某些特殊的Web場(chǎng)景下，因?yàn)橐恍┛陀^條件限制(兼容性或性能要求)，沒(méi)法直接通過(guò)Flash插件或H5video來(lái)實(shí)現(xiàn)視頻播放。