一种网页中给视频添加同步字幕并支持在线修改与预览的方法
【技术领域】
[0001] 本发明涉及浏览器技术领域。
【背景技术】
[0002] 上个世纪，教育部启动了"高等学校教学质量与教学改革工程"，各大高校纷纷开 展了精品课程、双语课程建设工作，教学视频成为精品课程、双语课程建设的重要环节。近 年来，大规模开放式在线课程（M00C)成为教学研宄热点，小规模限制性在线课程（SP0C)也 广泛被人关注，微视频成为M00C、SP0C等建设项目的重要内容。
[0003] 上述教学视频制作完成后，上网播放主要有两种表现形式：带教学课件与索引的 教学视频，独立窗口的教学视频。
[0004] 带教学课件与索引的教学视频利用同步流媒体制作工具将PPT、索引、视频等集成 为一个系统，可展示课程整体结构，制作时一般以1个学时（45分钟）为基本单位，有利于 学生学习，教学视频一般以小窗口形式播放。
[0005] 独立窗口的教学视频一般请专业人士拍摄后进行适当的剪辑，制作时主要以1个 学时（45分钟）为基本单位，主要展示教师课堂教学的魅力，采用专门的视频编缉软件添加 少量的字幕，播放时整体播放。
[0006] 上面两种形式的教学视频有利地推动了精品课程、双语课程质量工程建设，是目 前精品课程、双语课程教学视频展示的主要形式，形成了丰富的课程资源。
[0007] 上面两种形式的教学视频也存在着不足，主要有：
[0008] 均须使用专门的软件进行制作，制作完成后不能在不对视频做任何修改的情况下 灵活添加同步字幕信息，无法通过添加同步字幕超链接引入拓展内容。教学视频整体播放， 不能根据教学内容分段播放，不利于更方便地为学生服务。
[0009]目前的视频制作播放专利技术，如北京奇虎科技有限公司公开号为CN104268251A 的中国发明专利申请公布说明书所公开的一种网页中视频元素的播放方法和装置，确定出 浏览器中当前加载网页文档为带有可播放的视频元素的特定网页，可以在网页文档中视频 元素的初始位置移出显示视窗之后，使视频元素在独立于显示视窗中的新窗口中播放；北 京国双科技有限公司公开号为CN104270654A的中国发明专利申请公布说明书所公开的一 种互联网视频播放监测方法和装置，可获取在预设时间内的视频的播放记录，对播放记录 中分别对应于多个用户标识中各个用户标识的播放记录进行合并，按照合并后的播放记录 对视频进行监测，解决了对视频播放行为进行监测时监测结果不准确的问题。
[0010] 上面的专利技术不是专门针对精品课程、双语课程教学视频开发，不能有效解决 教学视频制作完成后在不对视频做任何修改的情况下灵活添加同步字幕信息，通过添加同 步字幕超链接引入拓展内容等不足。
【发明内容】
[0011] 有鉴于此，为了解决上述问题，本发明提出了一种网页中给视频添加同步字幕并 支持在线修改与预览的方法，以指定账号登录服务器，将RMVB格式视频上传到网络服务器 后，将字幕出现时间及内容输入到网页文本框中，系统将自动给视频添加字幕，修改、预览 方便，简单可靠。
[0012] 本发明的目的是这样实现的：一种网页中给视频添加同步字幕并支持在线修改与 预览的方法，包括如下步骤：
[0013]S1:网页中以指定账号登录服务器，将RMVB格式视频上传到网络服务器并初始化 网页运行变量；
[0014]S2:网页中创建2个?NETTextBox组件及DropDownList组件分别用于获取及保 存同步字幕出现时间及内容，放置一个ActiveX控件用于预览RT格式字幕文档；
[0015]S3:网页中利用XmlDocument类加载同步字幕RT格式XML文档模板并在内存中构 建树状结构；
[0016]S4:网页中利用XmlNode类为同步字幕RT格式XML文档模板创建节点，利用 XmlElement类为获取的同步字幕出现时间及内容创建time元素；
[0017]S5:网页中将time元素保存到RT格式XML文档模板内存的树状结构中，将其同步 字幕出现时间及内容分别作为Listltem项插入到对应的DropDownList组件实例中。
[0018] 进一步，步骤S1中，包括如下的网页运行变量初始化步骤：
[0019]S11:在服务器上创建一个与登录账号相关联的新的文件夹用于存储上传的RMVB 格式视频及同步字幕系列文件；
[0020]S12:生成上传的RMVB格式视频及同步字幕文件的绝对播放地址；
[0021]S13:创建3个.NETTextBox组件实例用于保存上传的RMVB格式视频文件名、播 放时间长度及绝对播放地址。
[0022] 进一步，步骤S3中，同步字幕RT格式XML文档模板包含一个〈window〉标记，存储 了同步字幕的宽度、高度及播放时间。一个参考的模板范例如下：
[0023]
1"
[0024] 进一步，步骤S4中，time元素包含一个〈time〉标记，存储了同步字幕的出现时间。
[0025] 进一步，步骤S4中的time元素包含的〈time〉标记还包含一个〈clear〉子标记， 存储了同步字幕的具体内容，time元素的一个参考范例如下：
[0026]〈timebegin=" 00 :00 :01'' >
[0027] 〈clear〉本系统支持添加字幕〈/clear〉
[0028] 〈/time〉
[0029] 进一步，步骤S4中，含有1个节点数据的font节点参考数据如下：
[0030]
[0031] 进一步，步骤Sb乙/S迚钭拈卯卜步骤邓，FJ贝甲选徉冋步子希出现叮I日」坱R谷的 DropDownList组件实例中的Listltem项，利用.NETTextBox获取用于修改的视频同步字 幕出现时间或内容，利用XmlNode，XmlElement类获取RT格式XML文档模板内存的树状结 构的对应节点并修改为获取的同步字幕出现时间或内容。
[0032] 进一步，步骤S6之后还包括如下步骤S7,网页中将RT格式XML文档模板内存的树 状结构存储为一个新的RT格式文档，修改预览RT格式文档ActiveX控件中的关联RT格式 文档为新创建的RT格式文档。
[0033] 进一步，步骤S7中，实现RT格式XML文档模板内存的树状结构存储为一个新的RT 格式文档的步骤如下：
[0034] S71 :通过.NETTextBox组件获取字幕相关的文字信息及出现时间；
[0035] S72 :使用XmlDocument类通过D0M接口加载相应的RT文件模板；
[0036] S73 :使用XmlNode定位到font节点，使用XmlElement在加载的RT文件中在font 节点下通过添加节点将通过互联网平台录入的相关同步文字信息及出现时间添加到RT文 件中并保存；
[0037]S74 :使用XmlNode定位节点，使用XmlElemen