彈幕顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及多媒體顯示領(lǐng)域，特別涉及一種彈幕顯示方法及裝置。
【背景技術(shù)】
[0002]彈幕顯示系統(tǒng)是在顯示視頻時(shí)，將大量的用戶評(píng)論以滾動(dòng)字幕形式顯示在視頻上的一種顯不方式。
[0003]在目前的在線視頻網(wǎng)站上，通常采用Flash程序來提供彈幕功能。在用戶使用瀏覽器訪問在線視頻網(wǎng)站時(shí)，瀏覽器加載和運(yùn)行Flash程序，由Flash程序獲取彈幕信息并將彈幕信息疊加顯示在在線視頻上。
[0004]在實(shí)現(xiàn)本發(fā)明的過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下問題:
[0005]第一，由于Flash程序的不安全性，很多瀏覽器不再支持Flash程序的運(yùn)行，比如蘋果公司提供的1S操作系統(tǒng)的瀏覽器即為不支持Flash程序的瀏覽器，導(dǎo)致在這些瀏覽器中無法正常顯示彈幕信息；
[0006]第二，在不支持Flash程序的操作系統(tǒng)上，雖然可以使用獨(dú)立的App來實(shí)現(xiàn)彈幕功能，但是獨(dú)立的App需要適配多種機(jī)型并進(jìn)行大量研發(fā)，無法廣泛使用且研發(fā)成本較高；
[0007]第三，現(xiàn)有技術(shù)中還存在一種將彈幕信息附加在網(wǎng)頁節(jié)點(diǎn)上的實(shí)現(xiàn)方式，但是由于該彈幕信息并不是直接作用于在線視頻本身，一旦在線視頻進(jìn)行全屏播放，彈幕信息的顯示就會(huì)失敗。

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

[0008]為了解決瀏覽器不支持Flash程序時(shí)，無法顯示彈幕信息的問題，本發(fā)明實(shí)施例提供了一種彈幕顯示方法及裝置。所述技術(shù)方案如下:
[0009]第一方面，提供了一種彈幕顯示方法，所述方法包括:
[0010]加載符合HTML5協(xié)議的網(wǎng)頁，所述網(wǎng)頁包括有視頻標(biāo)簽和文本軌道標(biāo)簽；
[0011 ] 根據(jù)所述視頻標(biāo)簽加載和顯示在線視頻；
[0012]根據(jù)所述文本軌道標(biāo)簽加載WebVTT ；
[0013]根據(jù)所述WebVTT在所述在線視頻上顯示彈幕信息。
[0014]第二方面，提供了一種彈幕顯示裝置，所述裝置包括:
[0015]網(wǎng)頁加載模塊，用于加載符合HTML5協(xié)議的網(wǎng)頁，所述網(wǎng)頁包括有視頻標(biāo)簽和文本軌道標(biāo)簽；
[0016]視頻顯示模塊，用于根據(jù)所述視頻標(biāo)簽加載和顯示在線視頻；
[0017]文件加載模塊，用于根據(jù)所述文本軌道標(biāo)簽加載WebVTT ；
[0018]彈幕顯示模塊，用于根據(jù)所述WebVTT在所述在線視頻上顯示彈幕信息。
[0019]本發(fā)明實(shí)施例提供的技術(shù)方案帶來的有益效果是:
[0020]通過使用HTML5協(xié)議提供的文本軌道標(biāo)簽，加載WebVTT，根據(jù)WebVTT在在線視頻上顯示彈幕信息；解決了瀏覽器不支持Flash程序時(shí)，無法顯示彈幕信息的問題；達(dá)到了采用絕大多數(shù)瀏覽器已經(jīng)支持的HTML5協(xié)議，實(shí)現(xiàn)在在線視頻上顯示彈幕信息，且該彈幕顯示的實(shí)現(xiàn)并不需要獨(dú)立的App，僅需要符合HTML5協(xié)議的網(wǎng)頁即可實(shí)現(xiàn)的效果。另外，該彈幕顯示的實(shí)現(xiàn)也不受在線視頻是否全屏顯示的影響。
【附圖說明】
[0021]為了更清楚地說明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0022]圖1是本發(fā)明一個(gè)實(shí)施例提供的彈幕顯示方法的方法流程圖；
[0023]圖2是本發(fā)明另一個(gè)實(shí)施例提供的彈幕顯示方法的方法流程圖；
[0024]圖3是本發(fā)明另一個(gè)實(shí)施例提供的彈幕顯示方法的方法流程圖；
[0025]圖4是圖3實(shí)施例提供的彈幕顯示方法在實(shí)施時(shí)的實(shí)施示意圖；
[0026]圖5是圖3實(shí)施例提供的彈幕顯示方法在實(shí)施時(shí)的界面示意圖；
[0027]圖6是本發(fā)明一個(gè)實(shí)施例提供的彈幕顯示裝置的結(jié)構(gòu)方框圖；
[0028]圖7是本發(fā)明另一個(gè)實(shí)施例提供的彈幕顯示裝置的結(jié)構(gòu)方框圖；
[0029]圖8是本發(fā)明另一個(gè)實(shí)施例提供的彈幕顯示裝置的結(jié)構(gòu)方框圖。
【具體實(shí)施方式】
[0030]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0031]HTML5 (HyperText Markup Language 5，超文本標(biāo)記語言第五版)已經(jīng)被目前的絕大多數(shù)瀏覽器所支持。
[0032]在HTML5中，提供了視頻標(biāo)簽〈video〉和文本軌道標(biāo)簽〈track〉。其中，視頻標(biāo)簽〈video〉用于在HTML5頁面中嵌入在線視頻；文本軌道標(biāo)簽〈track〉用于為視頻元素添加字幕。該字幕是靜態(tài)字幕，可以以標(biāo)題、普通字幕、描述或者章節(jié)等形式顯示在在線視頻上。
[0033]而在本發(fā)明實(shí)施例中，借助文本軌道標(biāo)簽〈track〉的基本特性，在二次開發(fā)的基礎(chǔ)上，實(shí)現(xiàn)了動(dòng)態(tài)彈幕的顯示。
[0034]請(qǐng)參考圖1，其示出了本發(fā)明一個(gè)實(shí)施例提供的彈幕顯示方法的方法流程圖。本實(shí)施例以該彈幕顯示方法應(yīng)用于支持HTML5協(xié)議的瀏覽器中來舉例說明，該瀏覽器可以運(yùn)行在電子設(shè)備中。該方法包括:
[0035]步驟102，加載符合HTML5協(xié)議的網(wǎng)頁，該網(wǎng)頁包括有視頻標(biāo)簽和文本軌道標(biāo)簽；
[0036]瀏覽器從服務(wù)器加載符合HTML5協(xié)議的網(wǎng)頁。
[0037]步驟104，根據(jù)視頻標(biāo)簽加載和顯不在線視頻；
[0038]步驟106，根據(jù)文本軌道標(biāo)簽加載WebVTT ；
[0039]WebVTT (Web Video Text Tracks，網(wǎng)頁視頻文本軌道文件)一種文件格式，用于標(biāo)記外部的文字軌道。該外部的文字軌道可以是服務(wù)器根據(jù)其他用戶對(duì)在線視頻的評(píng)論信息所生成的。
[0040]步驟108，根據(jù)WebVTT在在線視頻上顯示彈幕信息。
[0041]瀏覽器根據(jù)WebVTT中的文字軌道在在線視頻上顯示彈幕信息。
[0042]綜上所述，本實(shí)施例提供的彈幕顯示方法，通過使用HTML5協(xié)議提供的文本軌道標(biāo)簽，加載WebVTT，根據(jù)WebVTT在在線視頻上顯示彈幕信息；解決了瀏覽器不支持Flash程序時(shí)，無法顯示彈幕信息的問題；達(dá)到了采用絕大多數(shù)瀏覽器已經(jīng)支持的HTML5協(xié)議，實(shí)現(xiàn)在在線視頻上顯示彈幕信息，且該彈幕顯示的實(shí)現(xiàn)并不需要獨(dú)立的App，僅需要符合HTML5協(xié)議的網(wǎng)頁即可實(shí)現(xiàn)的效果。另外，該彈幕顯示的實(shí)現(xiàn)也不受在線視頻是否全屏顯示的影響。
[0043]在一個(gè)可能的實(shí)施例中，步驟108被可替代地實(shí)現(xiàn)成為如下2個(gè)步驟，如圖2所示:
[0044]步驟108a，根據(jù)WebVTT文件創(chuàng)建至少一個(gè)文本軌道對(duì)象，每個(gè)文本軌道對(duì)象對(duì)應(yīng)一條彈幕信息；
[0045]該彈幕信息可以是其它用戶和/或當(dāng)前用戶對(duì)該在線視頻的評(píng)論信息。
[0046]步驟108b，通過預(yù)設(shè)程序控制文本軌道對(duì)象在在線視頻上以彈幕形式進(jìn)行顯示。
[0047]可選地，該預(yù)設(shè)程序是在符合HTML5協(xié)議的網(wǎng)頁中的Java程序。
[0048]綜上所述，HTML5提供的文本軌道標(biāo)簽〈track〉的基本屬性是在一個(gè)固定位