弹幕显示方法及装置的制造方法_3

文档序号:9381035阅读:来源:国知局
弹幕显示方法,还通过将WebVTT中的各个文本轨道信息创建为文本轨道对象,然后使用预定程序操作文本轨道对象改变显示位置;实现了将普通的静态文本以弹幕形式进行显示的效果,该弹幕形式是指多个文本轨道对象分别在在线视频上以滚动显示的方式进行显示的显示形式。
[0091]同时,由于HTML5的网页可以全屏显示,所以上述弹幕显示方法还可以实现在线视频在全屏显示时的弹幕显示。
[0092]需要补充说明的是,由于第一个文本轨道对象在显示时,可能会出现闪屏bug(错误),作为可选的步骤,在步骤305之前,通过预定程序创建一个空的文本轨道对象作为第一个文本轨道对象,该空的文本轨道对象因为内容为空,所以不会触发闪屏bug,然后再根据WebVTT中的文本轨道信息来创建后续的文本轨道对象进行显示。显然,第一个文本轨道对象用于消除初次闪屏错误。
[0093]结合参考图4,其更形象地示出了该弹幕显示方法的实施过程。服务器420向各个用户(包括当前用户和其它用户)的电子设备440提供符合HTML5协议的网页42,这些电子设备440中的浏览器加载符合HTML5的网页42,并且根据该网页42中的视频标签显示在线视频44。在观看在线视频44的过程中,每个用户都可以在该网页42中发表评论信息,月艮务器接收各个用户发送的评论信息,并根据这些评论信息实时生成WebVTT文件,该WebVTT文件的文件名可以是1.Vtt0然后,各个电子设备440在播放在线视频44的过程中,利用文本轨道标签从服务器加载该WebVTT文件,通过网页42中的Java程序将WebVTT中的文本轨道信息创建为文本轨道对象,并操作该Java程序将WebVTT中的文本轨道对象在在线视频44上以弹幕形式显示。
[0094]文本轨道对象在在线视频44上以弹幕形式显示的示例,可以参考图5所示。
[0095]请参考图6,其示出了本发明一个实施例提供的弹幕显示装置的结构方框图。该弹幕显示装置可以通过软件、硬件或者两者的结合实现成为电子设备的全部或者一部分,该电子设备运行有支持符合HTML5协议的浏览器。该装置包括:
[0096]网页加载模块620,用于加载符合超文本标记语言第五版HTML5协议的网页,所述网页包括有视频标签和文本轨道标签。
[0097]视频显示模块640,用于根据视频标签加载和显示在线视频。
[0098]文件加载模块660,用于根据文本轨道标签加载WebVTT。
[0099]弹幕显示模块680,用于根据WebVTT在在线视频上显示弹幕信息。
[0100]综上所述,本实施例提供的弹幕显示装置,通过使用HTML5协议提供的文本轨道标签,加载WebVTT,根据WebVTT在在线视频上显示弹幕信息;解决了浏览器不支持Flash程序时,无法显示弹幕信息的问题;达到了采用绝大多数浏览器已经支持的HTML5协议,实现在在线视频上显示弹幕信息,且该弹幕显示的实现并不需要独立的App,仅需要符合HTML5协议的网页即可实现的效果。另外,该弹幕显示的实现也不受在线视频是否全屏显示的影响。
[0101]请参考图7,其示出了本发明一个实施例提供的弹幕显示装置的结构方框图。该弹幕显示装置可以通过软件、硬件或者两者的结合实现成为电子设备的全部或者一部分,该电子设备运行有支持符合HTML5协议的浏览器。该装置包括:
[0102]网页加载模块720,用于加载符合超文本标记语言第五版HTML5协议的网页,所述网页包括有视频标签和文本轨道标签。
[0103]视频显示模块740,用于根据视频标签加载和显示在线视频。
[0104]文件加载模块760,用于根据文本轨道标签加载WebVTT。
[0105]弹幕显示模块780,用于根据WebVTT在在线视频上显示弹幕信息。
[0106]可选地,所述弹幕显示模块780,包括:
[0107]对象创建单元782,用于根据所述WebVTT文件创建至少一个文本轨道对象,每个所述文本轨道对象对应一条弹幕信息;
[0108]弹幕显示单元784,用于通过预设程序控制所述文本轨道对象在所述在线视频上以弹幕形式进行显示。
[0109]可选地,所述对象创建单元782,包括:读取子单元782a和创建子单元782b,如图8所示。
[0110]读取子单元,用于从所述WebVTT文件中读取至少一条文本轨道信息、与每条文本轨道信息对应的属性信息,所述属性信息包括显示样式信息、显示时间信息和显示位置信息中的至少一项;
[0111]创建子单元,用于对于每一条所述文本轨道信息,根据所述属性信息创建与所述文本轨道信息对应的文本轨道对象;
[0112]其中,所述显示样式信息包括:字体大小、字体颜色、字体类型、字体边框、边框类型、透明度、阴影和背景图片中的至少一种;所述显示时间信息至少包括出现时间和结束时间;所述显示位置信息至少包括:以行号或列号表示的显示位置和以百分比表示的显示位置中的至少一种,存在一个所述显示位置与所述出现时间对应。
[0113]可选地,所述弹幕显示单元784,用于通过所述预设程序控制所述文本轨道对象按照所述出现时间显示在所述在线视频上与所述出现时间对应的显示位置,所述文本轨道对象的显示样式与所述显示样式信息对应;通过所述预设程序每隔预定时间间隔改变所述文本轨道对象的显示位置;通过所述预设程序控制所述文本轨道对象按照所述结束时间在所述在线视频上消失。
[0114]可选地,所述文件加载模块760,用于根据所述文本轨道标签从服务器加载静态的WebVTT,所述静态的WebVTT是所述服务器预先根据与所述在线视频对应的历史评论信息所生成的;或;所述文件加载模块760,用于根据所述文本轨道标签从所述服务器加载动态的WebVTT,所述动态的WebVTT是所述服务器根据本次播放所述在线视频时的评论信息生成的。
[0115]可选地,所述装置,还包括:
[0116]错误消除模块770,用于创建一个空的文本轨道对象作为第一个文本轨道对象,所述第一个文本轨道对象用于消除初次闪屏错误。
[0117]综上所述,本实施例提供的弹幕显示装置,通过使用HTML5协议提供的文本轨道标签,加载WebVTT,根据WebVTT在在线视频上显示弹幕信息;解决了浏览器不支持Flash程序时,无法显示弹幕信息的问题;达到了采用绝大多数浏览器已经支持的HTML5协议,实现在在线视频上显示弹幕信息,且该弹幕显示的实现并不需要独立的App,仅需要符合HTML5协议的网页即可实现的效果。另外,该弹幕显示的实现也不受在线视频是否全屏显示的影响。
[0118]本实施例提供的弹幕显示装置,还通过将WebVTT中的各个文本轨道信息创建为文本轨道对象,然后使用预定程序操作文本轨道对象改变显示位置;实现了将普通的静态文本以弹幕形式进行显示的效果,该弹幕形式是指多个文本轨道对象分别在在线视频上以滚动显示的方式进行显示的显示形式。
[0119]同时,由于HTML5的网页可以全屏显示,所以上述弹幕显示装置还可以实现在线视频在全屏显示时的弹幕显示。
[0120]需要说明的是:上述实施例提供的弹幕显示
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1