一种播放视频时加载字幕文件的方法及系统技术方案

技术编号:15571936 阅读:63 留言:0更新日期:2017-06-10 09:52
本发明专利技术公开一种播放视频时加载字幕文件的方法及系统,其中,方法包括步骤:在WEB平台通过浏览器播放视频时,根据播放标签获取当前页面的播放对象;调用用于显示字幕的函数,加载并解析字幕文件,将其中各时间段的时间信息和对应的文字信息分别放入到时间数组和文字数组中;获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息。本发明专利技术实现了在WEB平台通过浏览器播放视频时也能加载外挂字幕的功能,可更灵活的编辑字幕内容,实现字幕和视频分离的目的,本发明专利技术兼容HBBTV OBJECT对象和HTML5 VIDEO对象播放视频时,加载并显示字幕。

Method and system for loading subtitle file when playing video

The invention discloses a method and a system for playing video when loading the caption file wherein the method comprises the following steps: in the WEB platform through the browser when playing the video playback, according to the label to obtain the current page playback object; calls for the caption display function to load and parse the subtitle file, the time information of each time segment and the corresponding the text information into the time array and text array; time access to information for the current playback, and matching the time information of time array, according to the matching result to read and display the corresponding text text information in the array. The invention realizes the function of subtitle can also loaded on the WEB platform through the browser when playing video, can edit caption content more flexible, caption and video separation purposes, the invention is compatible with HBBTV OBJECT and HTML5 object VIDEO object when playing video, load and display subtitles.

【技术实现步骤摘要】

本专利技术涉及领域,尤其涉及一种播放视频时加载字幕文件的方法及系统
技术介绍
随着互联网的普及以及网络带宽的增加,越来越多的人选择通过电视、机顶盒、手机、平板、PC等设备连接网络观看视频节目,享受网络带来的视觉盛宴。作为视频内容提供商或视频网站运营商,播放视频尤其是国外视频时显示字幕是非常有必要的。目前,显示字幕方式分两种,一种是将字幕内嵌于视频中,播放视频无需借助其它技术显示字幕;另一种则是以外挂的形式显示字幕。外挂形式显示字幕又两种:一种是播放器加载外挂字幕,另一种是以网页js插件的形式加载外挂字幕。相比于内嵌字幕会损失视频清晰度,且编辑字幕难度大的缺点,外挂字幕的优势是可以自定义字体、大小,自由修改字幕内容,做到字幕和视频分离。而在WEB平台通过浏览器播放网络视频加载显示字幕,尤其是在机顶盒设备里的集成播放器如VLC,博通等并没有支持外挂字幕的功能。因此,现有技术还有待于改进和发展。
技术实现思路
鉴于上述现有技术的不足,本专利技术的目的在于提供一种播放视频时加载字幕文件的方法及系统,旨在解决现有技术中WEB平台播放视频不支持外挂字幕的问题。本专利技术的技术方案如下:一种播放视频时加载字幕文件的方法,其中,包括步骤:在WEB平台通过浏览器播放视频时,根据播放标签获取当前页面的播放对象;调用用于显示字幕的函数,加载并解析字幕文件,将其中各时间段的时间信息和对应的文字信息分别放入到时间数组和文字数组中;获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息。所述的播放视频时加载字幕文件的方法,其中,根据播放标签获取当前页面的播放对象的步骤具体包括:若当前页面采用HTML5VIDEO标签,则设置播放对象为HTML5VIDEO对象;若当前页面采用HBBTVOBJECT标签,则设置播放对象为HBBTVOBJECT对象。所述的播放视频时加载字幕文件的方法,其中,获取当前页面的播放对象之后还包括:根据播放对象的属性值判断是否有设置字幕路径,若有则调用用于显示字幕的函数,若否则流程结束。所述的播放视频时加载字幕文件的方法,其中,调用用于显示字幕的函数的步骤具体包括:判断是否存在用于显示字幕的函数,若存在,则直接调用所述函数;若不存在,则用创建一个DIV层,根据当前页面的位置设置DIV层的层叠样式表,再将所述DIV层插入到当前页面中。所述的播放视频时加载字幕文件的方法,其中,获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息的步骤具体包括:每隔预定时间获取当前播放时间信息,并与时间数组里的时间信息匹配;获取相匹配的时间数组的标识;根据所述标识读取并显示文字数组中对应的文字信息。一种播放视频时加载字幕文件的系统,其中,包括:播放对象获取模块,用于在WEB平台通过浏览器播放视频时,根据播放标签获取当前页面的播放对象;字幕加载模块,用于调用用于显示字幕的函数,加载并解析字幕文件,将其中各时间段的时间信息和对应的文字信息分别放入到时间数组和文字数组中;字幕显示模块,用于获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息。所述的播放视频时加载字幕文件的系统,其中,所述播放对象获取模块具体包括:第一设置单元,用于若当前页面采用HTML5VIDEO标签,则设置播放对象为HTML5VIDEO对象;第二设置单元,若当前页面采用HBBTVOBJECT标签,则设置播放对象为HBBTVOBJECT对象。所述的播放视频时加载字幕文件的系统,其中,还包括:字幕路径判断模块,用于根据播放对象的属性值判断是否有设置字幕路径,若有则调用用于显示字幕的函数,若否则流程结束。所述的播放视频时加载字幕文件的系统,其中,字幕加载模块具体包括:函数判断单元,用于判断是否存在用于显示字幕的函数;直接调用单元,用于若存在用于显示字幕的函数,则直接调用所述函数;函数创建单元,用于若不存在用于显示字幕的函数,则用创建一个DIV层,根据当前页面的位置设置DIV层的层叠样式表,再将所述DIV层插入到当前页面中。所述的播放视频时加载字幕文件的系统,其中,字幕显示模块具体包括:时间匹配单元,用于每隔预定时间获取当前播放时间信息,并与时间数组里的时间信息匹配;标识获取单元,用于获取相匹配的时间数组的标识;文字显示单元,用于根据所述标识读取并显示文字数组中对应的文字信息。有益效果:本专利技术实现了在WEB平台通过浏览器播放视频时也能加载外挂字幕的功能,可更灵活的编辑字幕内容,实现字幕和视频分离的目的,本专利技术兼容HBBTVOBJECT对象和HTML5VIDEO对象播放视频时,加载并显示字幕。附图说明图1为本专利技术一种播放视频时加载字幕文件的方法较佳实施例的流程图;图2为本专利技术一种播放视频时加载字幕文件的系统较佳实施例的结构框图。具体实施方式本专利技术提供一种播放视频时加载字幕文件的方法及系统,为使本专利技术的目的、技术方案及效果更加清楚、明确,以下对本专利技术进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本专利技术,并不用于限定本专利技术。请参阅图1,图1为本专利技术一种播放视频时加载字幕文件的方法较佳实施例的流程图,如图所示,其包括步骤:S1、在WEB平台通过浏览器播放视频时,根据播放标签获取当前页面的播放对象;S2、调用用于显示字幕的函数,加载并解析字幕文件,将其中各时间段的时间信息和对应的文字信息分别放入到时间数组和文字数组中;S3、获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息。本专利技术是基于JQuery框架,所以需引用JQuery.js。<scripttype=ext/javascript\src=\http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js\></script>在步骤S1中,由于HTML5VIDEO和HBBTVOBJECT对象分别有着不同的属性、方法和事件,所以加载字幕的兼容处理第一步便是页面加载完成后,获取当前页面的播放对象类型。具体来说,根据播放标签获取当前页面的播放对象的步骤具体包括:若当前页面采用HTML5VIDEO标签,则设置播放对象为HTML5VIDEO对象;若当前页面采用HBBTVOBJECT标签,则设置播放对象为HBBTVOBJECT对象。也即,若当前页面采用HTML5VIDEO标签播放视频,则设置播放对象为HTML5VIDEO对象;若当前页面采用HBBTVOBJECT标签播放视频,则设置播放对象为HBBTVOBJECT对象。进一步,获取当前页面的播放对象之后还包括:根据播放对象的属性值判断是否有设置字幕路径,若有则调用用于显示字幕的函数,若否则流程结束。具体地,假如播放对象为HTML5VIDEO对象,那么需要获取自定义属性data-subtitle的值,通过该值来判断是否有设置字幕路径;假如播放对象为HBBTVOBJECT对象,那么需要获取子标签track的属性src的值,通过该值来判断播放对象是否有设置字幕路径。若有设置字幕路径,那么调用用本文档来自技高网...
一种播放视频时加载字幕文件的方法及系统

【技术保护点】
一种播放视频时加载字幕文件的方法,其特征在于,包括步骤:在WEB平台通过浏览器播放视频时,根据播放标签获取当前页面的播放对象;调用用于显示字幕的函数,加载并解析字幕文件,将其中各时间段的时间信息和对应的文字信息分别放入到时间数组和文字数组中;获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息。

【技术特征摘要】
1.一种播放视频时加载字幕文件的方法,其特征在于,包括步骤:在WEB平台通过浏览器播放视频时,根据播放标签获取当前页面的播放对象;调用用于显示字幕的函数,加载并解析字幕文件,将其中各时间段的时间信息和对应的文字信息分别放入到时间数组和文字数组中;获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息。2.根据权利要求1所述的播放视频时加载字幕文件的方法,其特征在于,根据播放标签获取当前页面的播放对象的步骤具体包括:若当前页面采用HTML5VIDEO标签,则设置播放对象为HTML5VIDEO对象;若当前页面采用HBBTVOBJECT标签,则设置播放对象为HBBTVOBJECT对象。3.根据权利要求1所述的播放视频时加载字幕文件的方法,其特征在于,获取当前页面的播放对象之后还包括:根据播放对象的属性值判断是否有设置字幕路径,若有则调用用于显示字幕的函数,若否则流程结束。4.根据权利要求1所述的播放视频时加载字幕文件的方法,其特征在于,调用用于显示字幕的函数的步骤具体包括:判断是否存在用于显示字幕的函数,若存在,则直接调用所述函数;若不存在,则用创建一个DIV层,根据当前页面的位置设置DIV层的层叠样式表,再将所述DIV层插入到当前页面中。5.根据权利要求1所述的播放视频时加载字幕文件的方法,其特征在于,获取当前播放时间信息,并与时间数组里的时间信息匹配,根据匹配结果读取并显示文字数组中对应的文字信息的步骤具体包括:每隔预定时间获取当前播放时间信息,并与时间数组里的时间信息匹配;获取相匹配的时间数组的标识;根据所述标识读取并显示文字数组中对应的文字信息。6.一种播放视频时加载字幕文件的系统,其特征在于,...

【专利技术属性】
技术研发人员:刘小飞
申请(专利权)人:深圳创维数字技术有限公司
类型:发明
国别省市:广东;44

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

1