CN102625182A - 互联网电视业务中集成和控制视频播放器的方法和系统 - Google Patents

Abstract

本发明提供了一种互联网电视业务中集成和控制视频播放器的方法和系统，所述方法包括步骤有：将桥接模块集成到浏览器；所述浏览器通过所述桥接模块控制视频播放器。所述桥接模块包括：脚本API组件，用于为浏览器的Web页面提供统一管理视频播放器的接口；脚本核心组件，介于脚本API组件和浏览器插件组件中间，用于将浏览器插件组件嵌入到浏览器的Web页面中，同时进行业务差异封装，为脚本API组件提供统一的数据对象；浏览器插件组件，用于根据不同浏览器对视频播放器进行封装，并管理和控制视频播放器。借此，本发明能够实现互联网电视的播放器和浏览器灵活的集成和展示，并通过浏览器中本地Web页面方便、灵活地控制视频播放器。

Description

互联网电视业务中集成和控制视频播放器的方法和系统

技术领域

本发明涉及宽带通讯、互联网络和互动电视领域，尤其涉及一种互联网电视业务中集成和控制视频播放器的方法和系统。

背景技术

互联网电视业务（ConnectedTV）是以国际互联网为载体，以视音频多媒体为形式，以互动个性化为特性，为所有电视终端用户提供新视听全方位有偿服务的业务。互联网电视是在数字化和网络化背景下产生，是互联网络技术与电视技术结合的产物，在整合电视与网络两大传播媒介过程中，互联网电视既保留了电视形象直观、生动灵活的表现特点，又具有了互联网按需获取的交互特征，是综合两种传播媒介优势而产生的一种新的传播形式。

从技术结构上看，互联网电视是基于互联网的，以宽带以太网（Ethernet）为传输链路，以与网络多媒体处理模块连接的模拟电视机为终端的电视。

互联网电视将成为家庭娱乐的中心，为了满足不同用户的具体需求，提高用户体验要求。现在互联网电视部分产品使用浏览器模式进行业务的展示，在进行视频播放的时候，会自动启动视频播放器，覆盖浏览器视窗。业务展示采用浏览器模式，视频播放器又采用专用客户端，造成用户体验不一致，两个软件集成复杂不灵活。

因此如何解决互联网电视业务中浏览器和视频播放器紧密集成和控制是亟待解决的问题。

发明内容

针对上述的缺陷，本发明的目的在于提供一种互联网电视业务中集成和控制视频播放器的方法和系统，其能够实现互联网电视的播放器和浏览器灵活的集成和展示，并通过浏览器中本地Web页面方便、灵活地控制视频播放器。

为了实现上述目的，本发明提供一种互联网电视业务中集成和控制视频播放器的方法，所述方法包括步骤如下：

将桥接模块集成到浏览器；

所述浏览器通过所述桥接模块控制视频播放器。

根据本发明所述的方法，所述桥接模块包括：

脚本API组件，用于为所述浏览器的Web页面提供统一管理所述视频播放器的接口，所述接口采用JavaScript形式；

脚本核心组件，介于所述脚本API组件和浏览器插件组件中间，用于将所述浏览器插件组件嵌入到所述浏览器的Web页面中，同时进行业务差异封装，为所述脚本API组件提供统一的数据对象；

浏览器插件组件，用于根据不同所述浏览器对所述视频播放器进行封装，并管理和控制所述视频播放器。

根据本发明所述的方法，所述浏览器插件组件是通过C/C++实现的动态库。

根据本发明所述的方法，所述浏览器通过所述桥接模块控制所述视频播放器的步骤中还包括所述浏览器的Web页面使用和控制视频对象的步骤，包括如下：

在所述Web页面使用HTML标签定义和嵌入所述视频播放器；

所述浏览器打开所述Web页面，在指定的所述浏览器插件组件的目录下，查找对应所述浏览器插件组件的动态链接库文件； 

所述浏览器加载所述动态链接库文件，并自动产生一包含所述视频对象的文档对象模型数据；

所述脚本核心组件从所述文档对象模型数据中查询并返回所述视频对象给所述脚本API组件；

所述浏览器的Web页面接收用户的视频播放命令；

所述浏览器的Web页面调用所述脚本API组件，并经由所述浏览器插件组件执行播放控制功能。

根据本发明所述的方法，所述浏览器的Web页面调用所述脚本API组件执行播放控制功能的步骤之后还包括：

在所述视频对象的播放过程中，所述Web页面响应用户的交换，对视频播放进行控制； 

所述Web页面获取所述视频对象播放完成通知后，关闭并释放所述视频对象。

根据本发明所述的方法，所述浏览器通过所述桥接模块控制所述视频播放器的步骤中还包括主动命令通知步骤：所述浏览器的Web页面通过调用所述桥接模块，主动发起对所述视频对象进行控制或查询信息。

根据本发明所述的方法，所述浏览器通过所述桥接模块控制所述视频播放器的步骤中还包括事件回调通知步骤：

所述视频播放器运行过程中通过网络获取预定的播放状态数据，将所述播放状态数据通过所述桥接模块反馈给所述浏览器的Web页面。

根据本发明所述的方法，所述事件回调通知步骤进一步包括：

在所述Web页面的中编写事件处理函数；

在所述视频播放器运行过程中，通过网络到后台平台中获取预定的播放状态数据，向所述浏览器插件组件发出回调通知；

所述浏览器插件组件接收所述视频播放器的所述播放状态数据后，将所述播放状态数据封装成Json数据传递给所述脚本核心组件；

所述脚本核心组件接收到所述Json数据后进行处理，转换成标准结构化的Event数据，然后异步调用所述事件处理函数，将所述Event数据回调给所述Web页面进行处理；

所述Web页面的所述事件处理函数根据传入所述Event数据得到实时视频播放状态，并在所述Web页面上给出相应的页面响应。

本发明还提供一种上述方法的互联网电视业务中集成和控制视频播放器的系统，所述系统包括浏览器、视频播放器和桥接模块，所述桥接模块被集成到所述浏览器中，所述浏览器通过所述桥接模块控制所述视频播放器。

根据本发明所述的系统，所述桥接模块包括：

脚本API组件，用于为所述浏览器的Web页面提供统一管理所述视频播放器的接口，所述接口采用JavaScript形式；

脚本核心组件，介于所述脚本API组件和浏览器插件组件中间，用于将所述浏览器插件组件嵌入到所述浏览器的Web页面中，同时进行业务差异封装，为所述脚本API组件提供统一的数据对象；

浏览器插件组件，用于根据不同所述浏览器对所述视频播放器进行封装，并管理和控制所述视频播放器。

本发明通过用桥接模块作为中间件，将视频播放器集成到浏览器中，所述浏览器的Web页面可通过桥接模块控制和使用视频播放器进行视频播放，从而实现互联网电视的播放器和浏览器灵活的集成和展示，并通过浏览器中本地Web页面方便、灵活地控制视频播放器，不仅使用起来更为方便，而且用户体验更佳。

附图说明

图1是本发明互联网电视业务中集成和控制视频播放器的系统结构示意图；

图2是本发明互联网电视业务中集成和控制视频播放器的方法流程图；

图3是本发明互联网电视业务中集成和控制视频播放器的信令流程图；

图4是本发明浏览器的Web页面使用和控制视频对象的步骤流程图；以及

图5是本发明事件回调通知步骤流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

图1示出了本发明互联网电视业务中集成和控制视频播放器的系统结构，所述系统100包括浏览器10、视频播放器30和桥接模块20，所述桥接模块20被集成到浏览器10中，浏览器10通过桥接模块20控制视频播放器30。本发明通过将桥接模块20集成到浏览器10中，为浏览器10的Web 页面11提供相关的脚本应用程序接口（JavaScript API），通过这些脚本应用程序接口来控制视频播放器30，同时支持响应视频播放器30的相关状态，借此可实现通过浏览器10中本地Web页面11方便、灵活地控制视频播放器30。

更好的是，所述桥接模块20进一步包括：

脚本API组件（JavaScript API组件）21，用于为浏览器10的Web页面11提供统一管理视频播放器30的接口，接口采用JavaScript（客户端脚本语言）形式。脚本API组件21主要负责为Web页面11提供对底层视频播放器30的JavaScript调用接口，同时内部进行一些简单的业务控制逻辑的处理。脚本API组件21提供了播放器对象，进行相关方法（Method）的封装，同时为Event（事件）对象提供视频播放器30内部事件的反馈。脚本API组件21以视频播放器30的对象函数方式实现，所述API是指应用程序编程接口（Application Programming Interface）。

脚本核心组件（JavaScript Core组件）22，介于脚本API组件21和浏览器插件组件23中间，用于将浏览器插件组件23嵌入到浏览器10的Web页面11中，同时进行业务差异封装，为上层脚本API组件21提供统一的数据对象。脚本核心组件22在Web页面11被上嵌入后，形成一个HTML（Hypertext Markup Language，超文本标记语言）对象，在脚本API组件21申请视频（MediaPlayer）对象的时候，脚本核心组件22将从浏览器10的HTML DOM（HTML Document Object Model，HTML文档对象模型）数据中查询返回视频对象。同时脚本核心组件22进行相关数据和接口的适配调整，可以将脚本API组件21相关Method返回的Json（JavaScript Object Notation，基于JavaScript的数据交换格式）数据串转换成对应的JavaScript 对象数据。

浏览器插件组件（Plugin组件）23，用于根据不同浏览器10对视频播放器30进行封装，并管理和控制视频播放器30，同时提供视频播放器30反馈相关状态和信息的回调机制。浏览器插件组件23优选是采用C/C++实现的动态库，根据不同的实施案例，可采用不同的浏览器插件组件23编程框架，如采用NPAPI（Netscape Plugin Application Programming Interface，Netscape 插件应用程序开发接口），QTWebkit（基于开源的WebKit 引擎的实现开发插件），Fixfox Plugin（火狐插件）框架等。浏览器插件组件23启动连接底层视频播放器30，对视频播放器30进行控制，同时和保存对浏览器10的Web页面11事件通知机制。

浏览器插件组件23的基本函数结构优选如下：

MPlayer_Plugin_Init()

完成和本地视频播放器的通讯对接，在浏览器插件组件内部创建_proxy（本地代理）对象，这个对象封装了视频播放器的接口。

MPlayer_Plugin_Play(string url)

通过_Proxy对象，为视频播放器传递播放视频的URL地址，通知视频播放器开始播放。

MPlayer_Plugin_Pause()

通过_Proxy对象，通知视频播放器暂停。

MPlayer_Plugin_Stop()

通过_Proxy对象，通知视频播放器停止播放视频

MPlayer_Plugin_Close()

通过_Proxy对象，通知视频播放器释放资源

MPlayer_Plugin_CallBack(MPlayerCBPackage)

为视频播放器提供一个回调通道，视频服务器发出播放状态发生变化，网络系统异常等情况下，会主动调用 MPlayer_Plugin_CallBack 函数，传递Event类型和上下文数据。MPlayer_Plugin_CallBack 函数中将MPlayerCBPackage数据转换成Jason数据，同时调用context. evaluateJavaScript (“onTVEvent”, jasonEventData)，将Event数据也回调到Web页面中。

根据互联网电视业务中用户操作体验流程和视频播放的规律，Web页面11通过桥接模块20对视频播放器30进行管理和通讯，视频播放器30开发播放后，Web页面11基本就不需要进行主动控制视频播放器30，但视频播放器30可能会反馈播放状态或者网络情况，此时桥接模块30同时建立了事件通知机制。因此桥接模块20根据指令的不同方向，定义和实现了两个机制：主动命令通知机制和事件回调通知机制。主动命令通知机制是由Web页面11通过调用脚本API组件21主动发起，对视频对象进行控制，或者主动查询相关信息数据。在视频播放器30播放过程中，可能发生一定的异常或者核心状态数据的变更，其可通过事件回调通知机制实现，将反馈信息数据封装成Event对象方式返回到Web页面11层。

采用本发明后可以实现在互联网电视的Web页面11中集成视频播放器30，通过JavaScript对视频播放器30进行灵活的管理和控制。

图2是本发明互联网电视业务中集成和控制视频播放器的方法流程图，所述方法可通过如图1所示的系统100实现，至少包括步骤如下：

步骤S201，将桥接模块20集成到浏览器10。优选的是，所述桥接模块20包括脚本API组件（JavaScript API组件）21、脚本核心组件（JavaScript Core组件）22和浏览器插件组件（Plugin组件）23。脚本API组件21用于为浏览器10的Web页面11提供统一管理视频播放器30的接口，接口采用JavaScript形式；脚本核心组件22介于脚本API组件21和浏览器插件组件23中间，用于将浏览器插件组件23嵌入到浏览器10的Web页面11中，同时进行业务差异封装，为脚本API组件21提供统一的数据对象；浏览器插件组件（Plugin组件）23用于根据不同浏览器10对视频播放器30进行封装，并管理和控制视频播放器30。

步骤S202，浏览器10通过桥接模块20控制视频播放器30。本步骤具体可包括浏览器10的Web页面11使用和控制视频对象步骤、主动命令通知步骤、事件回调通知步骤等，所述主动命令通知步骤包括浏览器10的Web页面11通过调用桥接模块20，主动发起对视频对象进行控制或查询信息；所述事件回调通知步骤包括视频播放器30运行过程中通过网络获取预定的播放状态数据，将播放状态数据通过桥接模块20反馈给浏览器10的Web页面11。

图3是本发明互联网电视业务中集成和控制视频播放器的信令流程图，浏览器10的Web页面11初始化后调用桥接模块20；桥接模块20初始化并调用视频播放器30；Web页面11接收到用户的视频播放指令后，调用桥接模块20请求开始视频播放，桥接模块20调用视频播放器30请求开始视频播放，视频播放器30正常获取视频对象数据，进行播放；视频播放器30获取到播放状态数据后，反馈给桥接模块20，该桥接模块20将所述播放状态数据转换成标准格式的Event（事件）数据发送给Web页面11。

图4是本发明浏览器的Web页面使用和控制视频对象的步骤流程图，其可通过如图1所示的系统100实现，具体包括步骤有：

步骤S401，在Web页面11使用HTML标签定义和嵌入视频播放器30，可以指定视频播放器30的工作模式，显示位置，长宽等基本信息。

步骤S402，浏览器10打开Web页面11，在指定的浏览器插件组件23的目录下，查找对应浏览器插件组件23的SO文件（Shared Object，动态链接库文件）。具体在使用终端的时候，浏览器10打开用于视频播放的Web页面11，浏览器10执行HTML页面，对Object/Embed等标签Tag进行语法分析，根据不同的浏览器10，在指定浏览器插件组件23的目录下，按照Mime （Multipurpose Internet Mail Extensions，多媒体互联网邮件扩展）Type或者ClassID（访问嵌入对象的标识） 值查找对应的浏览器插件组件23的SO文件。

步骤S403，浏览器10加载SO文件，并自动产生一包含视频对象的HTML DOM（文档对象模型）数据。

步骤S404，脚本核心组件22从所述HTML DOM数据中查询并返回视频对象给脚本API组件21。

步骤S405，浏览器10的Web页面11接收用户的视频播放命令，比如用户选择了播放按钮。

步骤S406，浏览器10的Web页面11调用脚本API组件21，并经由浏览器插件组件23执行播放控制功能。

步骤S407，在视频对象的播放过程中，Web页面11响应用户的交换，对视频播放进行控制。

步骤S408，Web页面11获取视频对象播放完成通知后，关闭并释放视频对象。

所述视频对象的接口优选定义如下表一

表一

本发明浏览器10的Web页面11使用和控制视频对象的一具体实施例如下：

1）调用new MediaPlayer（新媒体播放器）生成一个视频播放器JavaScript对象； 

2）在MediaPlayer 对象构造函数中，使用JavaScript去轮询检查 HTML DOM数据，根据预先定义的MimeType或者ClassID查找 HTML DOM 数据 ,获取到对应的Object（对象） 返回作为视频对象。

3）Web页面11中JavaScript代码调用 MediaPlayer.play(urlContent), 播放指定URL的视频节目内容，进行视频节目的播放；

4）浏览器插件组件23接受到play（播放）指令后，建立和后台运行的视频播放器30进行远程通讯；

5）播放过程中，Web页面11可以响应用户的交换，对视频播放进行控制，如 Pause（暂停），Replay（重播），Stop（停止）等操作；表示是函数，可以传入参数；

6）播放完成后，Web页面11获取到通知后，调用MediaPlayer.close()停止播放，关闭视频对象；

7）释放视频对象；

8）完成播放控制整个流程。

图5是本发明事件回调通知步骤流程图，其可通过如图1所示的系统100实现，具体包括步骤有：

步骤S501，在视频播放的Web页面11的JavaScript代码中编写事件处理函数onTVEvent(Event e)。

步骤S502，在视频播放器30运行过程中，通过网络到后台平台中获取预定的播放状态数据，向浏览器插件组件23发出回调通知。例如：进行网络连接，音视频数据流获取，视频解码等关键工作，如果发生任何异常，将向浏览器插件组件23发出回调通知。

步骤S503，浏览器插件组件23接收到视频播放器30的播放状态数据后，将播放状态数据封装成Json数据传递给脚本核心组件22，例如通过增加问题的类型，相关上下文数据等，将这些播放状态数据封装成Json数据传递给脚本核心组件22。

步骤S504，脚本核心组件22接收到所述Json数据后进行处理，转换成标准结构化的Event数据，然后异步调用onTVEvent（Event e）函数，将Event数据回调给Web页面11进行处理。

步骤S505，Web页面11的onTVEvent（Event e）函数根据传入Event数据得到实时视频播放状态，可以根据不同信息和状态进行相应的处理，并在Web页面11上给出相应的页面响应。

所述Event 优选定义如下表二

表二

Event	注释
		ES_MPLAYER_NET_FAILED	网络异常
ES_MPLAYER_SUCCESS	播放成功
		ES_MPLAYER_FAILED	播放失败
ES_MPLAYER_PAUSED	播放暂停
		ES_MPLAYER_CLOSED	视频播放器停止
ES_MPLAYER_PROGRAM_BEGIN	播放/跳转到头
		ES_MPLAYER_PROGRAM_END	播放/跳转到尾
ES_MPLAYER _CACHEING	视频缓冲中, 在Param1上返回缓冲比例

具体应用实施例：上海电视台在为某款电视品牌进行互联网电视业务开发，采用了MTK（联发科技）芯片平台，使用WebKit（一个开源的浏览器引擎）浏览器，及MTK内带的视频播放器MTK Player（MTK自研的视频播放器），根据本方法，进行了桥接模块的定制开发，具体如下：

针对Webkit浏览器，使用WebKit Plugin 方式，开发插件，本插件采用C接口方式，对MTKPlayer 视频播放器进行控制，实现初始化，播放，暂停，停止等操作；

插件组件和视频播放器之间建立通信通道，视频播放器相关状态可以反馈到插件组件中，最终以Event方式回调JavaScript具体的on TVEvent方法。

综上所述，本发明通过用桥接模块作为中间件，将视频播放器集成到浏览器中，所述浏览器的Web页面可通过桥接模块控制和使用视频播放器进行视频播放，从而实现互联网电视的播放器和浏览器灵活的集成和展示，并通过浏览器中本地Web页面方便、灵活地控制视频播放器，不仅使用起来更为方便，而且用户体验更佳。

当然，本发明还可有其它多种实施例，在不背离本发明精神及其实质的情况下，熟悉本领域的技术人员当可根据本发明作出各种相应的改变和变形，但这些相应的改变和变形都应属于本发明所附的权利要求的保护范围。

Claims (10)

1.一种互联网电视业务中集成和控制视频播放器的方法，其特征在于，所述方法包括步骤如下：

将桥接模块集成到浏览器；

所述浏览器通过所述桥接模块控制视频播放器。

2.根据权利要求1所述的方法，其特征在于，所述桥接模块包括：

脚本API组件，用于为所述浏览器的Web页面提供统一管理所述视频播放器的接口，所述接口采用JavaScript形式；

脚本核心组件，介于所述脚本API组件和浏览器插件组件中间，用于将所述浏览器插件组件嵌入到所述浏览器的Web页面中，同时进行业务差异封装，为所述脚本API组件提供统一的数据对象；

浏览器插件组件，用于根据不同所述浏览器对所述视频播放器进行封装，并管理和控制所述视频播放器。

3.根据权利要求2所述的方法，其特征在于，所述浏览器插件组件是通过C/C++实现的动态库。

4.根据权利要求2所述的方法，其特征在于，所述浏览器通过所述桥接模块控制所述视频播放器的步骤中还包括所述浏览器的Web页面使用和控制视频对象的步骤，包括如下：

在所述Web页面使用HTML标签定义和嵌入所述视频播放器；

所述浏览器打开所述Web页面，在指定的所述浏览器插件组件的目录下，查找对应所述浏览器插件组件的动态链接库文件； 

所述浏览器加载所述动态链接库文件，并自动产生一包含所述视频对象的文档对象模型数据；

所述脚本核心组件从所述文档对象模型数据中查询并返回所述视频对象给所述脚本API组件；

所述浏览器的Web页面接收用户的视频播放命令；

所述浏览器的Web页面调用所述脚本API组件，并经由所述浏览器插件组件执行播放控制功能。

5.根据权利要求4所述的方法，其特征在于，所述浏览器的Web页面调用所述脚本API组件执行播放控制功能的步骤之后还包括：

在所述视频对象的播放过程中，所述Web页面响应用户的交换，对视频播放进行控制； 

所述Web页面获取所述视频对象播放完成通知后，关闭并释放所述视频对象。

6.根据权利要求2所述的方法，其特征在于，所述浏览器通过所述桥接模块控制所述视频播放器的步骤中还包括主动命令通知步骤：所述浏览器的Web页面通过调用所述桥接模块，主动发起对所述视频对象进行控制或查询信息。

7.根据权利要求2所述的方法，其特征在于，所述浏览器通过所述桥接模块控制所述视频播放器的步骤中还包括事件回调通知步骤：

所述视频播放器运行过程中通过网络获取预定的播放状态数据，将所述播放状态数据通过所述桥接模块反馈给所述浏览器的Web页面。

8.根据权利要求8所述的方法，其特征在于，所述事件回调通知步骤进一步包括：

在所述Web页面的中编写事件处理函数；

在所述视频播放器运行过程中，通过网络到后台平台中获取预定的播放状态数据，向所述浏览器插件组件发出回调通知；

所述浏览器插件组件接收所述视频播放器的所述播放状态数据后，将所述播放状态数据封装成Json数据传递给所述脚本核心组件；

所述脚本核心组件接收到所述Json数据后进行处理，转换成标准结构化的Event数据，然后异步调用所述事件处理函数，将所述Event数据回调给所述Web页面进行处理；

所述Web页面的所述事件处理函数根据传入所述Event数据得到实时视频播放状态，并在所述Web页面上给出相应的页面响应。

9.一种实现如权利要求1~8任一项所述方法的互联网电视业务中集成和控制视频播放器的系统，其特征在于，所述系统包括浏览器、视频播放器和桥接模块，所述桥接模块被集成到所述浏览器中，所述浏览器通过所述桥接模块控制所述视频播放器。

10.根据权利要求9所述的系统，其特征在于，所述桥接模块包括：

脚本API组件，用于为所述浏览器的Web页面提供统一管理所述视频播放器的接口，所述接口采用JavaScript形式；

脚本核心组件，介于所述脚本API组件和浏览器插件组件中间，用于将所述浏览器插件组件嵌入到所述浏览器的Web页面中，同时进行业务差异封装，为所述脚本API组件提供统一的数据对象；

浏览器插件组件，用于根据不同所述浏览器对所述视频播放器进行封装，并管理和控制所述视频播放器。

Images