CN104883614A - 一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法 - Google Patents

Abstract

本发明提供一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，包括如下步骤：步骤1、根据用户指令从服务器中获取视频信息；步骤2、根据视屏信息对该视频流进行加载并播放；步骤3、若进度条被拖动，则根据跳转播放时间参数进行搜索对应的视频数据，并将该视频数据进行播放；便于用户使用。

Description

一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法

技术领域

本发明涉及一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法。

背景技术

随着互联网的迅猛发展，互联网带给我们的越来越多，网络视频给人们更直观、缤纷的视觉效果。目前的网络视频播放器的解决方案有FlashPlayer、Html5、Microsoft Silverlight等。Flash Player的使用范围更广，平台的兼容也比较多，HTML5目前对各平台的兼容不够。

HTML5的优点是视频显示和控制比较流畅、方便、快捷。缺点是支持的视频格式有限，并且现在浏览器对HTML5的兼容也是千差万别；Silverlight优点是开发简单、以现有的技术基础来说也比较容易上手开发。缺点是它是微软公司的并且微软也放弃了Silverlight的迭代。

目前很多开源的播放器都有基本的视频控制功能，如：播放、暂停、快进、后退、音量控制等等。但是对于外挂字幕的功能很少很少，有个别有外挂字幕功能的，也只是简单的字幕显示，没有字幕可点击之类的操作。

发明内容

本发明要解决的技术问题，在于提供一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，便于用户使用。

本发明是这样实现的：一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，包括如下步骤：

步骤1、根据用户指令从服务器中获取视频信息；

步骤2、根据视屏信息对该视频流进行加载并播放；

步骤3、若进度条被拖动，则根据跳转播放时间参数进行搜索对应的视频数据，并将该视频数据进行播放。

进一步地，所述步骤2进一步具体为：根据视频信息对该视频流进行加载并播放，并且每限定时间对播放时间进行更新。

进一步地，所述步骤3进一步具体为：若进度条被拖动，则根据跳转播放时间参数进行搜索对应的视频数据，并将该视频数据进行播放；在获取到解析后的字幕后，并根据实时更新的播放时间，检索字幕数组中对应时间的字幕，并显示；从检索音频数组中获取对应时间的音频，并播放。

进一步地，还包括步骤4、用户点击字幕中的单词，则暂停视频，并显示该单词的注释。

本发明具有如下优点：本发明一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，本发明的技术方案对视频格式有很好的包容性，并且本发明的技术方案在视频显示和控制功能的实现中比较流畅、方便、快捷，使得快进或快退时不会造成视频播放絮乱。

附图说明

下面参照附图结合实施例对本发明作进一步的说明。

图1为本发明方法执行流程图。

具体实施方式

如图1所示，本发明基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，包括如下步骤：

步骤1、根据用户指令从服务器中获取视频信息；

步骤2、根据视频信息对该视频流进行加载并播放，并且每限定时间对播放时间进行更新。

步骤3、若进度条被拖动，则根据跳转播放时间参数进行搜索对应的视频数据，并将该视频数据进行播放；在获取到解析后的字幕后，并根据实时更新的播放时间，检索字幕数组中对应时间的字幕，并显示；从检索音频数组中获取对应时间的音频，并播放。

步骤4、用户点击字幕中的单词，则暂停视频，并显示该单词的注释；单词的注释包括单词意思、音标；看完注释之后，用户可以点击播放继续观看视频，其中显示的方式是使用HTML+CSS来显示，点击使用HTML标签元素的可点击事件来处理点击事件。

本发明一种具体实施例如下：

平台在完成内容的加载之后实例化TMPlayer对象，同时将获取到的视频的相关信息以参数的形式传入至实例化的TMPlayer对象中。在实例化的TMPlayer对象中将会利用HTML的<object>标签对Flex4 ActionScript 3.0编写并编译的TMPlayer.swf文件进行调用，同时视频链接以参数形式传入至TMPlayer.swf文件中。对于TMPlayer.swf文件来说，TMPlayer.swf文件是基于JPlayer.swf由Flex Builder开发编译生成，TMPlayer.swf文件主要是一种实现视频资源在Adobe Flash Player上播放的工具。

TMPlayer.swf文件根据所获得的视频链接实现对三分钟英语学习平台服务器中的视频文件的远程链接。在TMPlayer.swf文件进行视频的远程连接过程中接口NetConnection API会返回一系列相应的连接状态给TMPlayer.swf文件，从而根据这些链接状态实现TMPlayer.swf中定义的各种事件的触发。在进度条被拖动时预设一个seeked事件，当拖动的时间点的视频缓冲加载完成后，触动播放时间的更新事件，此时之后再相应此前预设的seeked事件。

在TMPlayer.swf文件被触发之后相应的TMPlayer.js中对应的事件这回进行一定的响应，从而实现了平台中视频播放器对视频和字幕所进行的操作，TMPlayer.js是一个基于JQuery.js开发的一个用来和TMPlayer.swf交互的工具，。当TMPlayer.js传递视频相关链接及其他参数给TMPlayer.swf时，如果连接创建失败则响应“失败”事件(error())，并打印错误日志。如果成功TMPlayer.swf中会根据传入的参数加载元数据，如果元数据加载失败则响应“失败”事件(eeror())，并打印错误日志，如果成功则响应“元数据已加载事件”(loadedmetadata())，当根据元数据开始加载数据视频时会响应“开始加载事件”(loadstart())，当整个视频的流加载完成后响应“数据已加载事件”(loadeddata())。数据缓冲加载到可以播放后执行TMPlayer.js里的“播放”(play(time))方法，TMPlayer.swf监听到后根据当前传递的时间值进行播放视频，最先响应TMPlayer.js里的“开始播放事件”(play())，接着会响应“播放中事件”(playing())。当视频播放时，TMPlayer.swf里的定时器每隔250毫秒响应一次TMPlayer.js里的“时间更新事件”(timeupdata())。当TMPlayer.js进行“快进、快退”操作既seek()方法时，TMPlayer.swf根据传递的跳转播放的时间参数进行跳播，并响应TMPlayer.js的“开始搜索播放”(seeking())事件，当TMPlayer.swf加载到该时间的缓冲数据后响应“完成搜索播放”(seeked())事件，并继续播放视频。

基于JavaScript的字幕功能实现则是通过正则表达式与JavaScript的第三方函数库Jquery、Jquery.jplayer.js的js函数库的有效结合。在获取到解析后的字幕后，视频播放插件使用HTML+CSS+JQuery以及TMPlayer里的timeupdata事件的有效结合进行实现，根据实时更新的时间，检索字幕数组中对应时间的字幕，并显示出来。

虽然以上描述了本发明的具体实施方式，但是熟悉本技术领域的技术人员应当理解，我们所描述的具体的实施例只是说明性的，而不是用于对本发明的范围的限定，熟悉本领域的技术人员在依照本发明的精神所作的等效的修饰以及变化，都应当涵盖在本发明的权利要求所保护的范围内。

Claims (4)

1.一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，其特征在于：包括如下步骤：

步骤1、根据用户指令从服务器中获取视频信息；

步骤2、根据视屏信息对该视频流进行加载并播放；

步骤3、若进度条被拖动，则根据跳转播放时间参数进行搜索对应的视频数据，并将该视频数据进行播放。

2.根据权利要求1所述的一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，其特征在于：所述步骤2进一步具体为：根据视频信息对该视频流进行加载并播放，并且每限定时间对播放时间进行更新。

3.根据权利要求1所述的一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，其特征在于：所述步骤3进一步具体为：若进度条被拖动，则根据跳转播放时间参数进行搜索对应的视频数据，并将该视频数据进行播放；在获取到解析后的字幕后，并根据实时更新的播放时间，检索字幕数组中对应时间的字幕，并显示；从检索音频数组中获取对应时间的音频，并播放。

4.根据权利要求1所述的一种基于Adobe FlashPlayer和Jquery框架的WEB视频播放方法，其特征在于：还包括步骤4、用户点击字幕中的单词，则暂停视频，并显示该单词的注释。