弹幕显示方法及装置制造方法及图纸

技术编号:12407027 阅读:102 留言:0更新日期:2015-11-29 04:01
本发明专利技术公开了一种弹幕显示方法及装置,属于多媒体显示领域。所述方法包括:加载符合HTML5协议的网页,所述网页包括有视频标签和文本轨道标签;根据所述视频标签加载和显示在线视频;根据所述文本轨道标签加载网页视频文本轨道文件WebVTT;根据所述WebVTT在所述在线视频上显示弹幕信息。本发明专利技术解决了浏览器不支持Flash程序时,无法显示弹幕信息的问题;达到了采用绝大多数浏览器已经支持的HTML5协议,实现在在线视频上显示弹幕信息的效果。

【技术实现步骤摘要】

本专利技术涉及多媒体显示领域,特别涉及一种弹幕显示方法及装置
技术介绍
弹幕显示系统是在显示视频时,将大量的用户评论以滚动字幕形式显示在视频上的一种显不方式。在目前的在线视频网站上,通常采用Flash程序来提供弹幕功能。在用户使用浏览器访问在线视频网站时,浏览器加载和运行Flash程序,由Flash程序获取弹幕信息并将弹幕信息叠加显示在在线视频上。在实现本专利技术的过程中,专利技术人发现现有技术至少存在以下问题:第一,由于Flash程序的不安全性,很多浏览器不再支持Flash程序的运行,比如苹果公司提供的1S操作系统的浏览器即为不支持Flash程序的浏览器,导致在这些浏览器中无法正常显示弹幕信息;第二,在不支持Flash程序的操作系统上,虽然可以使用独立的App来实现弹幕功能,但是独立的App需要适配多种机型并进行大量研发,无法广泛使用且研发成本较高;第三,现有技术中还存在一种将弹幕信息附加在网页节点上的实现方式,但是由于该弹幕信息并不是直接作用于在线视频本身,一旦在线视频进行全屏播放,弹幕信息的显示就会失败。
技术实现思路
为了解决浏览器不支持Flash程序时,无法显示弹幕信息的问题,本专利技术实施例提供了一种弹幕显示方法及装置。所述技术方案如下:第一方面,提供了一种弹幕显示方法,所述方法包括:加载符合HTML5协议的网页,所述网页包括有视频标签和文本轨道标签; 根据所述视频标签加载和显示在线视频;根据所述文本轨道标签加载WebVTT ;根据所述WebVTT在所述在线视频上显示弹幕信息。第二方面,提供了一种弹幕显示装置,所述装置包括:网页加载模块,用于加载符合HTML5协议的网页,所述网页包括有视频标签和文本轨道标签;视频显示模块,用于根据所述视频标签加载和显示在线视频;文件加载模块,用于根据所述文本轨道标签加载WebVTT ;弹幕显示模块,用于根据所述WebVTT在所述在线视频上显示弹幕信息。本专利技术实施例提供的技术方案带来的有益效果是:通过使用HTML5协议提供的文本轨道标签,加载WebVTT,根据WebVTT在在线视频上显示弹幕信息;解决了浏览器不支持Flash程序时,无法显示弹幕信息的问题;达到了采用绝大多数浏览器已经支持的HTML5协议,实现在在线视频上显示弹幕信息,且该弹幕显示的实现并不需要独立的App,仅需要符合HTML5协议的网页即可实现的效果。另外,该弹幕显示的实现也不受在线视频是否全屏显示的影响。【附图说明】为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术一个实施例提供的弹幕显示方法的方法流程图;图2是本专利技术另一个实施例提供的弹幕显示方法的方法流程图;图3是本专利技术另一个实施例提供的弹幕显示方法的方法流程图;图4是图3实施例提供的弹幕显示方法在实施时的实施示意图;图5是图3实施例提供的弹幕显示方法在实施时的界面示意图;图6是本专利技术一个实施例提供的弹幕显示装置的结构方框图;图7是本专利技术另一个实施例提供的弹幕显示装置的结构方框图;图8是本专利技术另一个实施例提供的弹幕显示装置的结构方框图。【具体实施方式】为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进一步地详细描述。HTML5 (HyperText Markup Language 5,超文本标记语言第五版)已经被目前的绝大多数浏览器所支持。在HTML5中,提供了视频标签〈video〉和文本轨道标签〈track〉。其中,视频标签〈video〉用于在HTML5页面中嵌入在线视频;文本轨道标签〈track〉用于为视频元素添加字幕。该字幕是静态字幕,可以以标题、普通字幕、描述或者章节等形式显示在在线视频上。而在本专利技术实施例中,借助文本轨道标签〈track〉的基本特性,在二次开发的基础上,实现了动态弹幕的显示。请参考图1,其示出了本专利技术一个实施例提供的弹幕显示方法的方法流程图。本实施例以该弹幕显示方法应用于支持HTML5协议的浏览器中来举例说明,该浏览器可以运行在电子设备中。该方法包括:步骤102,加载符合HTML5协议的网页,该网页包括有视频标签和文本轨道标签;浏览器从服务器加载符合HTML5协议的网页。步骤104,根据视频标签加载和显不在线视频;步骤106,根据文本轨道标签加载WebVTT ;WebVTT (Web Video Text Tracks,网页视频文本轨道文件)一种文件格式,用于标记外部的文字轨道。该外部的文字轨道可以是服务器根据其他用户对在线视频的评论信息所生成的。步骤108,根据WebVTT在在线视频上显示弹幕信息。浏览器根据WebVTT中的文字轨道在在线视频上显示弹幕信息。综上所述,本实施例提供的弹幕显示方法,通过使用HTML5协议提供的文本轨道标签,加载WebVTT,根据WebVTT在在线视频上显示弹幕信息;解决了浏览器不支持Flash程序时,无法显示弹幕信息的问题;达到了采用绝大多数浏览器已经支持的HTML5协议,实现在在线视频上显示弹幕信息,且该弹幕显示的实现并不需要独立的App,仅需要符合HTML5协议的网页即可实现的效果。另外,该弹幕显示的实现也不受在线视频是否全屏显示的影响。在一个可能的实施例中,步骤108被可替代地实现成为如下2个步骤,如图2所示:步骤108a,根据WebVTT文件创建至少一个文本轨道对象,每个文本轨道对象对应一条弹幕信息;该弹幕信息可以是其它用户和/或当前用户对该在线视频的评论信息。步骤108b,通过预设程序控制文本轨道对象在在线视频上以弹幕形式进行显示。可选地,该预设程序是在符合HTML5协议的网页中的Java程序。综上所述,HTML5提供的文本轨道标签〈track〉的基本属性是在一个固定位当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种弹幕显示方法,其特征在于,所述方法包括:加载符合超文本标记语言第五版HTML5协议的网页,所述网页包括有视频标签和文本轨道标签;根据所述视频标签加载和显示在线视频;根据所述文本轨道标签加载网页视频文本轨道文件WebVTT;根据所述WebVTT在所述在线视频上显示弹幕信息。

【技术特征摘要】

【专利技术属性】
技术研发人员:郭俊海庄子健石玉磊
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1