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

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

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