一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法
【專利說明】_種基于Adobe FI ashP I ayer和Jquery框架的WEB視頻播放方法
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)的迅猛發(fā)展，互聯(lián)網(wǎng)帶給我們的越來越多，網(wǎng)絡(luò)視頻給人們更直觀、繽紛的視覺效果。目前的網(wǎng)絡(luò)視頻播放器的解決方案有Flash Player、Html5、MicrosoftSilverlight等。Flash Player的使用范圍更廣，平臺(tái)的兼容也比較多，HTML5目前對(duì)各平臺(tái)的兼容不夠。
[0003]HTML5的優(yōu)點(diǎn)是視頻顯示和控制比較流暢、方便、快捷。缺點(diǎn)是支持的視頻格式有限，并且現(xiàn)在瀏覽器對(duì)HTML5的兼容也是千差萬別；Silverlight優(yōu)點(diǎn)是開發(fā)簡(jiǎn)單、以現(xiàn)有的技術(shù)基礎(chǔ)來說也比較容易上手開發(fā)。缺點(diǎn)是它是微軟公司的并且微軟也放棄了Silverlight 的迭代。
[0004]目前很多開源的播放器都有基本的視頻控制功能，如:播放、暫停、快進(jìn)、后退、音量控制等等。但是對(duì)于外掛字幕的功能很少很少，有個(gè)別有外掛字幕功能的，也只是簡(jiǎn)單的字幕顯示，沒有字幕可點(diǎn)擊之類的操作。

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

[0005]本發(fā)明要解決的技術(shù)問題，在于提供一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法，便于用戶使用。
[0006]本發(fā)明是這樣實(shí)現(xiàn)的:一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法，包括如下步驟:
[0007]步驟1、根據(jù)用戶指令從服務(wù)器中獲取視頻信息；
[0008]步驟2、根據(jù)視屏信息對(duì)該視頻流進(jìn)行加載并播放；
[0009]步驟3、若進(jìn)度條被拖動(dòng)，則根據(jù)跳轉(zhuǎn)播放時(shí)間參數(shù)進(jìn)行搜索對(duì)應(yīng)的視頻數(shù)據(jù)，并將該視頻數(shù)據(jù)進(jìn)行播放。
[0010]進(jìn)一步地，所述步驟2進(jìn)一步具體為:根據(jù)視頻信息對(duì)該視頻流進(jìn)行加載并播放，并且每限定時(shí)間對(duì)播放時(shí)間進(jìn)行更新。
[0011]進(jìn)一步地，所述步驟3進(jìn)一步具體為:若進(jìn)度條被拖動(dòng)，則根據(jù)跳轉(zhuǎn)播放時(shí)間參數(shù)進(jìn)行搜索對(duì)應(yīng)的視頻數(shù)據(jù)，并將該視頻數(shù)據(jù)進(jìn)行播放；在獲取到解析后的字幕后，并根據(jù)實(shí)時(shí)更新的播放時(shí)間，檢索字幕數(shù)組中對(duì)應(yīng)時(shí)間的字幕，并顯示；從檢索音頻數(shù)組中獲取對(duì)應(yīng)時(shí)間的音頻，并播放。
[0012]進(jìn)一步地，還包括步驟4、用戶點(diǎn)擊字幕中的單詞，則暫停視頻，并顯示該單詞的注釋。
[0013]本發(fā)明具有如下優(yōu)點(diǎn):本發(fā)明一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法，本發(fā)明的技術(shù)方案對(duì)視頻格式有很好的包容性，并且本發(fā)明的技術(shù)方案在視頻顯示和控制功能的實(shí)現(xiàn)中比較流暢、方便、快捷，使得快進(jìn)或快退時(shí)不會(huì)造成視頻播放絮亂。
【附圖說明】
[0014]下面參照附圖結(jié)合實(shí)施例對(duì)本發(fā)明作進(jìn)一步的說明。
[0015]圖1為本發(fā)明方法執(zhí)行流程圖。
【具體實(shí)施方式】
[0016]如圖1所示，本發(fā)明基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法，包括如下步驟:
[0017]步驟1、根據(jù)用戶指令從服務(wù)器中獲取視頻信息；
[0018]步驟2、根據(jù)視頻信息對(duì)該視頻流進(jìn)行加載并播放，并且每限定時(shí)間對(duì)播放時(shí)間進(jìn)行更新。
[0019]步驟3、若進(jìn)度條被拖動(dòng)，則根據(jù)跳轉(zhuǎn)播放時(shí)間參數(shù)進(jìn)行搜索對(duì)應(yīng)的視頻數(shù)據(jù)，并將該視頻數(shù)據(jù)進(jìn)行播放；在獲取到解析后的字幕后，并根據(jù)實(shí)時(shí)更新的播放時(shí)間，檢索字幕數(shù)組中對(duì)應(yīng)時(shí)間的字幕，并顯示；從檢索音頻數(shù)組中獲取對(duì)應(yīng)時(shí)間的音頻，并播放。
[0020]步驟4、用戶點(diǎn)擊字幕中的單詞，則暫停視頻，并顯示該單詞的注釋；單詞的注釋包括單詞意思、音標(biāo)；看完注釋之后，用戶可以點(diǎn)擊播放繼續(xù)觀看視頻，其中顯示的方式是使用HTML+CSS來顯示，點(diǎn)擊使用HTML標(biāo)簽元素的可點(diǎn)擊事件來處理點(diǎn)擊事件。
[0021]本發(fā)明一種具體實(shí)施例如下:
[0022]平臺(tái)在完成內(nèi)容的加載之后實(shí)例化TMPlayer對(duì)象，同時(shí)將獲取到的視頻的相關(guān)信息以參數(shù)的形式傳入至實(shí)例化的TMPlayer對(duì)象中。在實(shí)例化的TMPlayer對(duì)象中將會(huì)利用 HTML 的〈object〉標(biāo)簽對(duì) Flex4 Act1nScript 3.0 編寫并編譯的 TMPlayer.swf 文件進(jìn)行調(diào)用，同時(shí)視頻鏈接以參數(shù)形式傳入至TMPlayer.swf文件中。對(duì)于TMPlayer.swf文件來說，TMPlayer.swf 文件是基于 JPlayer.swf 由 Flex Builder 開發(fā)編譯生成，TMPlayer.swf文件主要是一種實(shí)現(xiàn)視頻資源在Adobe Flash Player上播放的工具。
[0023]TMPlayer.swf文件根據(jù)所獲得的視頻鏈接實(shí)現(xiàn)對(duì)三分鐘英語學(xué)習(xí)平臺(tái)服務(wù)器中的視頻文件的遠(yuǎn)程鏈接。在TMPlayer.swf文件進(jìn)行視頻的遠(yuǎn)程連接過程中接口NetConnect1n API會(huì)返回一系列相應(yīng)的連接狀態(tài)給TMPlayer.swf文件，從而根據(jù)這些鏈接狀態(tài)實(shí)現(xiàn)TMPlayer.swf中定義的各種事件的觸發(fā)。在進(jìn)度條被拖動(dòng)時(shí)預(yù)設(shè)一個(gè)seeked事件，當(dāng)拖動(dòng)的時(shí)間點(diǎn)的視頻緩沖加載完成后，觸動(dòng)播放時(shí)間的更新事件，此時(shí)之后再相應(yīng)此前預(yù)設(shè)的seeked事件。
[0024]在TMPlayer.swf文件被觸發(fā)之后相應(yīng)的TMPlayer.js中對(duì)應(yīng)的事件這回進(jìn)行一定的響應(yīng)，從而實(shí)現(xiàn)了平臺(tái)中視頻播放器對(duì)視頻和字幕所進(jìn)行的操作，TMPlayer.js是一個(gè)基于JQuery.js開發(fā)的一個(gè)用來和TMPlayer.swf交互的工具，。當(dāng)TMPlayer.js傳遞視頻相關(guān)鏈接及其他參數(shù)給TMPlayer.swf時(shí)，如果連接創(chuàng)建失敗則響應(yīng)“失敗”事件(error O)，并打印錯(cuò)誤日志。如果成功TMPlayer.swf中會(huì)根據(jù)傳入的參數(shù)加載元數(shù)據(jù)，如果元數(shù)據(jù)加載失敗則響應(yīng)“失敗”事件(eerorO)，并打印錯(cuò)誤日志，如果成功則響應(yīng)“元數(shù)據(jù)已加載事件”(1adedmetadataO)，當(dāng)根據(jù)元數(shù)據(jù)開始加載數(shù)據(jù)視頻時(shí)會(huì)響應(yīng)“開始加載事件”(1adstartO)，當(dāng)整個(gè)視頻的流加載完成后響應(yīng)“數(shù)據(jù)已加載事件”(1adeddataO)。數(shù)據(jù)緩沖加載到可以播放后執(zhí)行TMPlayer.js里的“播放”(play (time))方法，TMPlayer.swf監(jiān)聽到后根據(jù)當(dāng)前傳遞的時(shí)間值進(jìn)行播放視頻，最先響應(yīng)TMPlayer.js里的“開始播放事件” (play O)，接著會(huì)響應(yīng)“播放中事件” (playingO)。當(dāng)視頻播放時(shí)，TMPlayer.swf里的定時(shí)器每隔250毫秒響應(yīng)一次TMPlayer.js里的“時(shí)間更新事件”(timeupdataO)。當(dāng)TMPlayer.js進(jìn)行“快進(jìn)、快退”操作既seek O方法時(shí)，TMPlayer.swf根據(jù)傳遞的跳轉(zhuǎn)播放的時(shí)間參數(shù)進(jìn)行跳播，并響應(yīng)TMPlayer.js的“開始搜索播放”(seeking())事件，當(dāng)TMPlayer.swf加載到該時(shí)間的緩沖數(shù)據(jù)后響應(yīng)“完成搜索播放”(seekedO)事件，并繼續(xù)播放視頻。
[0025]基于JavaScript的字幕功能實(shí)現(xiàn)則是通過正則表達(dá)式與JavaScript的第三方函數(shù)庫Jquery、Jquery.jplayer.js的js函數(shù)庫的有效結(jié)合。在獲取到解析后的字幕后，視頻播放插件使用HTML+CSS+JQuery以及TMPlayer里的timeupdata事件的有效結(jié)合進(jìn)行實(shí)現(xiàn)，根據(jù)實(shí)時(shí)更新的時(shí)間，檢索字幕數(shù)組中對(duì)應(yīng)時(shí)間的字幕，并顯示出來。
[0026]雖然以上描述了本發(fā)明的【具體實(shí)施方式】，但是熟悉本技術(shù)領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解，我們所描述的具體的實(shí)施例只是說明性的，而不是用于對(duì)本發(fā)明的范圍的限定，熟悉本領(lǐng)域的技術(shù)人員在依照本發(fā)明的精神所作的等效的修飾以及變化，都應(yīng)當(dāng)涵蓋在本發(fā)明的權(quán)利要求所保護(hù)的范圍內(nèi)。
【主權(quán)項(xiàng)】
1.一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法，其特征在于:包括如下步驟: 步驟1、根據(jù)用戶指令從服務(wù)器中獲取視頻信息； 步驟2、根據(jù)視屏信息對(duì)該視頻流進(jìn)行加載并播放； 步驟3、若進(jìn)度條被拖動(dòng)，則根據(jù)跳轉(zhuǎn)播放時(shí)間參數(shù)進(jìn)行搜索對(duì)應(yīng)的視頻數(shù)據(jù)，并將該視頻數(shù)據(jù)進(jìn)行播放。2.根據(jù)權(quán)利要求1所述的一種基于AdobeFlashPlayer和Jquery框架的WEB視頻播放方法，其特征在于:所述步驟2進(jìn)一步具體為:根據(jù)視頻信息對(duì)該視頻流進(jìn)行加載并播放，并且每限定時(shí)間對(duì)播放時(shí)間進(jìn)行更新。3.根據(jù)權(quán)利要求1所述的一種基于AdobeFlashPlayer和Jquery框架的WEB視頻播放方法，其特征在于:所述步驟3進(jìn)一步具體為:若進(jìn)度條被拖動(dòng)，則根據(jù)跳轉(zhuǎn)播放時(shí)間參數(shù)進(jìn)行搜索對(duì)應(yīng)的視頻數(shù)據(jù)，并將該視頻數(shù)據(jù)進(jìn)行播放；在獲取到解析后的字幕后，并根據(jù)實(shí)時(shí)更新的播放時(shí)間，檢索字幕數(shù)組中對(duì)應(yīng)時(shí)間的字幕，并顯示；從檢索音頻數(shù)組中獲取對(duì)應(yīng)時(shí)間的音頻，并播放。4.根據(jù)權(quán)利要求1所述的一種基于AdobeFlashPlayer和Jquery框架的WEB視頻播放方法，其特征在于:還包括步驟4、用戶點(diǎn)擊字幕中的單詞，則暫停視頻，并顯示該單詞的注釋。
【專利摘要】本發(fā)明提供一種基于Adobe FlashPlayer和Jquery框架的WEB視頻播放方法，包括如下步驟：步驟1、根據(jù)用戶指令從服務(wù)器中獲取視頻信息；步驟2、根據(jù)視屏信息對(duì)該視頻流進(jìn)行加載并播放；步驟3、若進(jìn)度條被拖動(dòng)，則根據(jù)跳轉(zhuǎn)播放時(shí)間參數(shù)進(jìn)行搜索對(duì)應(yīng)的視頻數(shù)據(jù)，并將該視頻數(shù)據(jù)進(jìn)行播放；便于用戶使用。
【IPC分類】H04N21/858, H04N21/443, H04N21/81
【公開號(hào)】CN104883614
【申請(qǐng)?zhí)枴緾N201510256577
【發(fā)明人】柯曉昱, 丁飛, 江小云, 陳彰斌, 林振榮, 劉草, 包芳, 詹輝敏, 阮黎園
【申請(qǐng)人】福建宏天信息產(chǎn)業(yè)有限公司
【公開日】2015年9月2日
【申請(qǐng)日】2015年5月19日