專利名稱:一種基于html5視頻標(biāo)簽的瀏覽器自動識別與解析的方法
技術(shù)領(lǐng)域:
本發(fā)明涉及視頻播放領(lǐng)域,更具體地說,涉及一種基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法。
背景技術(shù):
HTML5是用于取代1999年所指定的HTML4. 01和XHTML1. O標(biāo)志的HTML標(biāo)準(zhǔn)版本,目前大部分瀏覽器已經(jīng)支持某些HTML5的技術(shù)。HTML 5有兩大特點(diǎn)首先,強(qiáng)化了 Web網(wǎng)頁的表現(xiàn)性能。其次,追加了本地數(shù)據(jù)庫等Web應(yīng)用的功能。廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套跨平臺的技術(shù)組合。瀏覽器通過解析HTML5的各種標(biāo)簽以及定義提供全面的觀感支持。由于當(dāng)前HTML5的技術(shù)還不是太成熟,瀏覽器內(nèi)對HTML5視頻標(biāo)簽的識別以及獲取后提供用戶操作的方便性還有很多不足,只能提供用戶單一的點(diǎn)播視頻功能,用戶無法將HTML5視頻進(jìn)行分享等操作,大大降低了用戶的體驗和互聯(lián)網(wǎng)的共享優(yōu)勢。在現(xiàn)有技術(shù)中,可以通過增加和修改瀏覽器內(nèi)核的HTML5視頻標(biāo)簽的解析機(jī)制以實現(xiàn)多屏共享的功能,但是會背離HTML5的標(biāo)準(zhǔn)且成本較高。
發(fā)明內(nèi)容
本發(fā)明提供一種基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法來解決上述問題。本發(fā)明所述的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法,其特征在于,所述方法包括如下步驟
I)對瀏覽器應(yīng)用層加載一個具有HTML5視頻標(biāo)簽的視頻頁面;
2)當(dāng)所述視頻頁面加載完畢后,所述瀏覽器應(yīng)用層調(diào)用所述瀏覽器內(nèi)置JS函數(shù)來自動識別和解析所述視頻頁面的所述HTML5視頻標(biāo)簽;
3)將解析出的所述HTML5視頻標(biāo)簽中的各參數(shù)存儲于所述瀏覽器應(yīng)用層的變量中。優(yōu)選的是,在所述步驟I之前,需要對所述視頻頁面設(shè)置HTML5視頻標(biāo)簽。優(yōu)選的是,所述擁有HTML5視頻標(biāo)簽包括視頻尺寸、控件屬性以及視頻源屬性。優(yōu)選的是,在步驟3)后,還包括提供所述瀏覽器應(yīng)用層中的分享路徑,實現(xiàn)所述視頻的共享操作。與現(xiàn)有技術(shù)相比,本發(fā)明通過重新構(gòu)建瀏覽器應(yīng)用層,使HTML5技術(shù)能夠適用于同一系統(tǒng)的不同終端設(shè)備上,并在瀏覽器應(yīng)用層中使用瀏覽器內(nèi)置的JS函數(shù)來自動所述HTML5視頻標(biāo)簽內(nèi)的各個參數(shù)的內(nèi)容,提取并封裝其中的播放信息,讓用戶或者其他程序能夠?qū)⒁曨l內(nèi)容分享到其他屏幕終端設(shè)備上,同時也實現(xiàn)了多屏共享的功能,并且整個過程對用戶是透明的,用戶只需通過簡單的操作即解決了 HTML5視頻標(biāo)簽的自動識別、解析和分享等方面的缺陷。
為了使本發(fā)明便于理解,現(xiàn)在結(jié)合附圖描述本發(fā)明的具體實施例。圖1示出了本發(fā)明的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法的一優(yōu)選實施例的步驟示意圖。圖2示出了本發(fā)明的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法的又一優(yōu)選實施例的步驟示意圖。
具體實施例方式下面結(jié)合附圖和優(yōu)選的實施方式對本發(fā)明作進(jìn)一步詳細(xì)描述。權(quán)利要求中構(gòu)成要件和實施例中具體實例之間的對應(yīng)關(guān)系可以如下例證。這里的描述意圖在于確認(rèn)在實施例中描述了用來支持在權(quán)利要求中陳述的主題的具體實例,由于在實施例中描述了實例,不意味著該具體實例不表示構(gòu)成要件。相反地,即使在此包含了具體實例作為對應(yīng)一個構(gòu)成要件的要素特征,也不意味著該具體實例不表示任何其它構(gòu)成要件。此外,這里的描述不意味著對應(yīng)于實施例中陳述的具體實例的所有主題都在權(quán)利要求中引用了。換句話說,這里的描述不否認(rèn)這種實體,即對應(yīng)實施例包含的具體實例,但不包含在其任何一項權(quán)利要求中,即,能夠在以后 的修正被分案并申請、或增加的可能發(fā)明的實體。應(yīng)當(dāng)注意的是,“系統(tǒng)”在此意味著由兩個或更多設(shè)備構(gòu)成的處理。顯而易見地,用戶終端可以由個人計算機(jī)構(gòu)成。此外,所述用戶終端還可以由例如蜂窩電話、任何其它PDA (個人數(shù)字助理)工具、AV (音頻視頻)裝置、諸如家用電氣(家庭用電氣化)設(shè)備的CE (消費(fèi)電子設(shè)備)等構(gòu)成?!熬W(wǎng)絡(luò)”意味著至少連接了兩個設(shè)備的機(jī)構(gòu),并且在其中,一條信息能夠從一個設(shè)備發(fā)送到另一個設(shè)備。經(jīng)由網(wǎng)絡(luò)建立通信的設(shè)備可以是彼此分離的,也可以是構(gòu)成一個機(jī)器的內(nèi)部模塊?!巴ㄐ拧笨杀硎緹o線通信和有線通信。然而,還可以是混合無線和有線通信的通信,更具體地,在某個區(qū)段采取無線通信而在另一個區(qū)段采取有線通信的通信。同樣,它也可以是這樣的通信從一個設(shè)備向另一設(shè)備的通信是有線的,且相反方向的通信是無線的。圖1示出了本發(fā)明的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法的一優(yōu)選實施例的步驟示意圖。本發(fā)明所述的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法的優(yōu)選實施例包括如下步驟
在本發(fā)明中,首先需要對視頻文件設(shè)置基于HTML5格式的標(biāo)簽。該基于HTML5視頻標(biāo)簽的信息包括視頻尺寸、控件屬性以及視頻源屬性。視頻尺寸包括視頻的長度和寬度,控件屬性包括展示的控件式樣,視頻源數(shù)據(jù)包括視頻的URL地址以及視頻源類型。例如,一個基于HTML5視頻標(biāo)簽的信息如下
<!DOCTYPE HTML〉
<html>
〈body〉
〈video width=〃320〃 height=〃240〃 controls=〃controls〃>〈source src=〃movie. mp4〃 type=〃video/mp4〃>
Your browser does not support the video tag.
</video>
〈/body〉
</html>
〈video〉標(biāo)簽用于定義視頻,其中,width用于設(shè)置視頻播放器的寬度,height用于設(shè)置視頻播放器的高度,controls用于向用戶顯示控件;〈source>標(biāo)簽為媒介元素,定義媒介資源,其中,scr用于設(shè)置媒介的URL, type用于定義視頻源的視頻類型?!癥our browserdoes not support the video tag. ”表不“您的瀏覽器不支持video標(biāo)簽。”
其次,加載視頻的同時,對瀏覽器應(yīng)用層加載一個擁有HTML5視頻標(biāo)簽的視頻頁面。也即,在瀏覽器應(yīng)用層加載視頻時,加載一個擁有HTML5視頻標(biāo)簽的視頻頁面,用于加載解析視頻文件。其次最后,當(dāng)上述視頻頁面加載完畢后,所述瀏覽器應(yīng)用層調(diào)用瀏覽器內(nèi)置JS函數(shù)來自動識別和解析上述視頻頁面的HTML5視頻標(biāo)簽,將解析出的各參數(shù)存儲于瀏覽器的應(yīng)用層變量中,并自動播放該視頻。具體地說,瀏覽器內(nèi)置JS函數(shù)將其中的width (視頻播放器的寬度)、height (視頻播放器的高度)以及source標(biāo)簽內(nèi)的src (視頻播放的實際地址)、type (播放器在音頻流中開始播放的位置)等參數(shù)解析出來,并將上述各參數(shù)存儲于瀏覽器應(yīng)用層的變量中,并自動播放該視頻。此外,如圖2所示,本發(fā)明還包括分享步驟,通過提供所述瀏覽器應(yīng)用層中的分享路徑,來實現(xiàn)視頻內(nèi)容的共享操作。例如通過瀏覽器應(yīng)用層中的分享按鈕或用戶的其他操作,來實現(xiàn)視頻內(nèi)容的共
孚等操作。本發(fā)明所述的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法由于重構(gòu)了獨(dú)立的瀏覽器應(yīng)用層,可以運(yùn)行于同一系統(tǒng)的不同終端設(shè)備上,例如手機(jī)、智能機(jī)頂盒、智能電視或個人計算機(jī)等。例如,某用戶在回家途中通過手機(jī)終端內(nèi)的瀏覽器觀看某HTML5視頻,該用戶到家之后,所述某HTML5視頻還沒有播放完,采用本發(fā)明所述的方法,可以將未播放完的視頻轉(zhuǎn)到智能電視上進(jìn)行觀看,實現(xiàn)了該視頻的共享操作。上述詳細(xì)描述通過實施例和/或示意圖闡明了系統(tǒng)和/或過程的各種實施例。就這些示意圖和/或包含一個或多個功能和/或操作而言,本領(lǐng)域技術(shù)人員將理解,這些示意圖或?qū)嵤├械拿恳粋€功能和/或操作都可由各種各樣的硬件、軟件、固件、或?qū)嶋H上其任意組合來單獨(dú)地和/或共同地實現(xiàn)。應(yīng)該理解,本文描述的方法可以結(jié)合硬件或軟件,或在適當(dāng)時結(jié)合兩者的組合來實現(xiàn)。因此,本發(fā)明的方法,可以采用包含在諸如軟盤、CD-ROM、硬盤驅(qū)動器或任何其他機(jī)器可讀存儲介質(zhì)等有形介質(zhì)中的程序代碼(即,指令)的形式,其中,當(dāng)程序代碼在可編程計算機(jī)上執(zhí)行的情況下,計算設(shè)備通常包括處理器、該處理器可讀的存儲介質(zhì)(包括易失性存儲器和/或存儲元件)、至少一個輸入設(shè)備、以及至少一個輸出設(shè)備。一個或多個程序可以例如,通過使用API,可重用控件等來實現(xiàn)或利用結(jié)合本發(fā)明描述的過程。這樣的程序優(yōu)選地用高級過程語言或面向?qū)ο缶幊陶Z言來實現(xiàn),以與計算機(jī)系統(tǒng)通信。然而,如果需要,該程序可以用匯編語言或機(jī)器語言來實現(xiàn)。在任何情形中,語言可以是編譯語言或解釋語言,且與硬件實現(xiàn)相結(jié)合。需要說明的是,本發(fā)明的一種基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法的方案的范疇包括但不限于上述各部分之間的任意組合。盡管具體地參考其優(yōu)選實施例來示出并描述了本發(fā)明,但本領(lǐng)域的技術(shù)人員可以理解,可以做出形式和細(xì)節(jié)上的各種改變而不脫離所附權(quán)利要求書中所述的本發(fā)明的范圍。以上結(jié)合本發(fā)明的具體實施例做了詳細(xì)描述,但并非是對本發(fā)明的限制。凡是依據(jù)本發(fā)明的技術(shù)實質(zhì)對以上實施例所做的任何簡單修改,均仍屬于本發(fā)明技術(shù)方案的范圍。
權(quán)利要求
1.一種基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法,其特征在于,所述方法包括如下步驟I)對瀏覽器應(yīng)用層加載一個具有HTML5視頻標(biāo)簽的視頻頁面;2)當(dāng)所述視頻頁面加載完畢后,所述瀏覽器應(yīng)用層調(diào)用所述瀏覽器內(nèi)置JS函數(shù)來自動識別和解析所述視頻頁面的所述HTML5視頻標(biāo)簽;3)將解析出的所述HTML5視頻標(biāo)簽中的各參數(shù)存儲于所述瀏覽器應(yīng)用層的變量中。
2.一種如權(quán)利要求1所述的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法,其特征在于,在所述步驟I之前,需要對所述視頻頁面設(shè)置HTML5視頻標(biāo)簽。
3.—種如權(quán)利要求2所述的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法,其特征在于,所述擁有HTML5視頻標(biāo)簽包括視頻尺寸、控件屬性以及視頻源屬性。
4.一種如權(quán)利要求1所述的基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法,其特征在于,在步驟3 )后,還包括提供所述瀏覽器應(yīng)用層中的分享路徑,實現(xiàn)所述視頻的共享操作。
全文摘要
本發(fā)明提供一種基于HTML5視頻標(biāo)簽的瀏覽器自動識別與解析的方法,所述方法包括如下步驟對瀏覽器應(yīng)用層加載一個擁有HTML5視頻標(biāo)簽的視頻頁面;當(dāng)所述視頻頁面加載完畢后,所述瀏覽器應(yīng)用層調(diào)用所述瀏覽器內(nèi)置JS函數(shù)來自動識別和解析所述視頻頁面的所述HTML5視頻標(biāo)簽;將解析出的所述HTML5視頻標(biāo)簽中的各參數(shù)存儲于所述瀏覽器應(yīng)用層的變量中;通過所述瀏覽器應(yīng)用層中的分享按鈕,實現(xiàn)所述視頻的共享操作。
文檔編號G06F17/30GK103064958SQ201210588549
公開日2013年4月24日 申請日期2012年12月31日 優(yōu)先權(quán)日2012年12月31日
發(fā)明者余紹鵬, 陳寶強(qiáng), 于剛 申請人:樂視致新電子科技(天津)有限公司