基于网页实现多画面播放的系统及方法
【专利摘要】本发明涉及一种基于网页实现多画面播放的系统及方法，其中包括客户端，安装有浏览器和播放器；Web服务器，用以提供多画面的Web播放界面并接收客户端的视频选择指令；流媒体服务器，用以将所述的Web服务器转发的视频选择指令转换为引流指令并将客户端选择的视频流发送至所述的Web服务器；视频前端，用以根据所述的流媒体服务器的引流指令从不同网络引指定的视频流。采用该种结构的基于网页实现多画面播放的系统及方法，充分利用了B/S架构的优势，实现了同一套系统，能够在不同的大屏上同时展示的目的，减少了硬件上的开销，节省了部署成本。用户可以在自己的浏览器上播放多画面视频，和其他人播放的画面没有影响，互不干扰，具有更广泛的应用范围。
【专利说明】基于网页实现多画面播放的系统及方法
【技术领域】
[0001]本发明涉及视频播放【技术领域】，尤其涉及多画面播放【技术领域】，具体是指一种基于网页实现多画面播放的系统及方法。
【背景技术】
[0002]随着科技的发展，我们的电视直播频道数量和点播视频应用的迅速增长，播出系统正变的越来越复杂。特别是针对中国的广电系统层层下发的体系结构来说，不仅要查看最终用户看到的视频画面，还要能从更高层如CNTV(China network television,中国网络电视台)、百视通或者各省播控平台的信号进行播放。现有的多画面播放系统，一般都需要专门的多画面服务器，接入现场的信号源，通过编解码等过程输出成多画面。直播频道是广播电视节目中的最重要组成部分，往往多画面也是仅仅针对直播频道提供多画面的播放。目前多画面系统都是采用C/S (客户机/服务器)的架构开发的，需要特定的多画面服务器且安装相应的客户端软件才能组成一套完整的多画面展示的方案。
[0003]传统的多画面展示方案存在以下不足之处:
[0004]传统的多画面是C/S架构开发的，用户很难方便的在自己电脑上面看到，且大家看的画面都是一致的，不能方便的根据每一个用户需求来定制播放的视频，大家看到互不相关的多画面视频。
[0005]传统的多画面不能与其他系统进行结合，来方便的添加节目源。不能把直播、点播、回看节目统一放到一个多画面中。
【发明内容】
[0006]本发明的目的是克服了上述现有技术的缺点，提供了一种能够实现利用B/S架构的优势采用同一套系统在不同的大屏上同时展示、减少硬件的开销、节省部署成本、具有更广泛应用范围的基于网页实现多画面播放的系统及方法。
[0007]为了实现上述目的，本发明的基于网页实现多画面播放的系统及方法具有如下构成:
[0008]该基于网页实现多画面播放的系统，其主要特点是，所述的系统包括:
[0009]客户端，安装有浏览器和播放器；
[0010]Web服务器，用以提供多画面的Web播放界面并接收所述的客户端的视频选择指令；
[0011]流媒体服务器，用以将所述的Web服务器转发的视频选择指令转换为引流指令并将客户端选择的视频流发送至所述的Web服务器；
[0012]视频前端，用以根据所述的流媒体服务器的引流指令从不同网络引指定的视频流。
[0013]本发明还涉及一种通过所述的系统基于网页实现多画面播放的方法，其特征在于，所述的方法包括以下步骤:[0014](I)所述的客户端通过浏览器将视频选择指令发送至所述的Web服务器；
[0015](2)所述的流媒体服务器将所述的Web服务器转发的视频选择指令转换为引流指令并发送至所述的视频前端；
[0016](3)所述的视频前端根据所述的引流指令引指定的视频流并发送至所述的流媒体服务器；
[0017](4)所述的流媒体服务器将客户端选择的视频流发送至所述的Web服务器；
[0018](5)所述的Web服务器将客户端选择的各个视频流以多画面的形式进行播放。
[0019]较佳地，所述的流媒体服务器将所述的Web服务器转发的视频选择指令转换为引流指令并发送至所述的视频前端，包括以下步骤:
[0020](21)所述的流媒体服务器判断本地是否存储有所述的视频选择指令对应的视频，如果是，则继续步骤(22 )，否则继续步骤(23 );
[0021](22)所述的流媒体服务器在本地检索提取所述的视频选择指令对应的视频；
[0022]( 23 )所述的流媒体服务器发送弓I流指令至所述的视频前端，然后继续步骤(3 )。
[0023]更佳地，所述的流媒体服务器发送引流指令至所述的视频前端，具体为:
[0024]所述的流媒体服务器根据所述的视频选择指令对应的视频的网络来源将引流指令发送至不同网络来源对应的视频前端。
[0025]较佳地，所述的引指定的视频流并发送至所述的流媒体服务器，具体为:
[0026]对远端的目标视频文件采用FTP边下载指定的视频流边发送至所述的流媒体服务器。
[0027]较佳地，所述的Web服务器将客户端选择的各个视频流以多画面的形式进行播放，具体为:
[0028]所述的Web服务器将客户端选择的各个视频流以单一窗口、四窗口或九窗口的形式进行播放。
[0029]较佳地，所述的步骤(5)之后，还包括以下步骤:
[0030](6)所述的Web服务器根据所述的客户端的选择对各个播放窗口单独进行播放、停止和音量控制。
[0031]采用了该发明中的基于网页实现多画面播放的系统及方法，具有如下有益效果:
[0032]基于网页实现多画面播放的系统在传统多画面系统之上独创了针对直播、点播、录像的一键播放、一键停止、轮播、大屏展示的功能；系统能够针对不同的节目数量自适应多画面数量，便于多画面展示，同时也能够手动切换多画面数量，便于个性化展示。系统能够将不同前端的直播、点播、录像统一集成到同一个多画面展示，屏蔽了不同前端引流、播放的差异，简化多画面播放操作；同时多画面系统能够针对不同IP地址的一二级直播分别进行组播、单播播放，增加多画面系统在不同网络环境的适应性，增加多画面系统的可靠性；多画面系统能够定期检测到系统中不可播放的直播频道，并对不可播放的直播频道做置灰处理；基基于网页实现多画面播放的系统提供了统一的添加多画面接口，能够将系统中任意位置的可播放直播，点播，录像，添加到多画面系统中集成播放。
[0033]基于网页实现多画面播放的系统相比与于传统的C/S架构的多画面系统，充分利用了 B/S架构的优势，实现了同一套系统，能够在不同的大屏上同时展示的目的，减少了硬件上的开销，节省了部署成本。用户可以在自己的浏览器上播放多画面视频，和其他人播放的画面没有影响，互不干扰，具有更广泛的应用范围。
【专利附图】
【附图说明】
[0034]图1为本发明的基于网页实现多画面播放的系统的结构示意图。
[0035]图2为本发明的基于网页实现多画面播放的方法的流程图。
[0036]图3为本发明的基于网页实现多画面播放的效果示意图。
[0037]图4为本发明的基于网页实现多画面播放的前端选择界面示意图。
[0038]图5为本发明的CNTV前端的直播列表示意图。
[0039]图6为本发明的CNTV前端的点播列表示意图。
[0040]图7为本发明的CNTV前端的录像列表示意图。
[0041]图8为本发明的多画面的大屏幕展示示意图。
【具体实施方式】
[0042]为了能够更清楚地描述本发明的技术内容，下面结合具体实施例来进行进一步的描述。
[0043]本发明的目的旨在提供一种基于网页的多画面播放系统，采用B/S(浏览器/服务器)架构来播放不同平台的直播、点播、录像的多画面视频系统。
[0044]如图1所示，基于网页的多画面播放系统由Web服务器、流媒体服务器和视频前端组成。客户端不用安装额外的软件，只需要安装普通的浏览器和Vlc播放器即可，Vlc播放器是一种优秀的开源播放器可以播放MPEG-1、MPEG-2、MPEG-4、DivX, DVD/VCD、数字卫星频道、数字地球电视频道。
[0045]如图3?8所示为本发明的基于网页实现多画面播放的效果示意图。
[0046]视频前端的功能包括:
[0047]视频前端部署很灵活，可以支持同时从不同的网络去引流(如CNTV，百视通，省播控平台，用户终端)，能灵活满足用户的各种需要。
[0048]能接收到流媒体服务器下发的引流指令，并根据指令引相关的视频流。
[0049]可以支持多种视频流的格式(如RTSP，IGMP, FLV)。
[0050]可以对远端的视频文件采用FTP (文件传输协议)边下载边传递到流媒体服务器进行播放。
[0051]能支持100路视频流的引流服务。
[0052]流媒体服务器的功能包括:
[0053]能够接收下达的指令给指定的前端引指定的视频流，并把从前端引来的视频流，提供给客户端播放。
[0054]能对本地的录像文件提供流媒体服务。
[0055]Web服务器的功能包括:
[0056]提供多画面的Web播放界面，播放界面支持一、四、九画面的选择。
[0057]可以通过选择前端，以及对应的直播、点播、录像的具体视频，拖动到多画面的播放器中播放。
[0058]提供一键播放和一键停止功能，可以同时开始和结束多画面的播放。[0059]提供轮播功能，如果用户需要对一系列视频进行轮流播放，能一批一批的切换多画面上播放的视频。
[0060]可以全屏展示多画面，达到大屏幕播放的效果。
[0061 ] 和系统中其他功能整合，可以在其他功能中添加直播、点播、录像视频到多画面中播放。
[0062]提供多画面视频的集中管理功能，可以删除不想要的视频。
[0063]每个播放窗口都提供播放，停止，静音，音量控制的功能。
[0064]客户端直接通过浏览器对系统进行访问，通过拖拽和按钮添加的方式，选择想要加入到多画面的视频，并直接在网页上播放。
[0065]一.实施目标
[0066]基于网页的多画面播放系统作为广电节目内容监管系统，在接入广电网络后，需要达到如下目标。
[0067](I)能够在不同的需要引流的环境部署引流前端:在CNTV，百视通，省播控平台，用户端部署引流的前端服务器，保证网络的连通正常。
[0068](2)流媒体服务器根据现场情况，采用集群方式部署，对不同用户的多画面引流都可以有良好的支持。一台流媒体服务器可以支持100路标清的视频流。
[0069](3)多画面播放，可以在网页上添加各个前端的直播、点播、录像视频，并可以流程的进行播放。
[0070](4)可以顺畅的多画面视频进行控制，如一键播放、一键停止、全屏播放、轮播播放。
[0071]二.实施安排
[0072]视频前端的采集服务器通过千兆网络接入用户机房网络中，用户机房和办公环境需要有千兆的网络环境，这在企业的网络中是可以做到的，保证了多画面视频流传输的流畅性。
[0073]基于网页的多画面播放系统在部署与运行期间，需要广电网络中心的工程师进行配合，以满足系统部署的各项要求。
[0074]三.现网影响评估
[0075]基于网页的多画面播放系统对现有网络的影响评估如下:
[0076]每个用户客户端的网页多画面视频都在播放时，机房和办公网之间可能会产生很大的视频带宽，如果这时用户还有其他的大流量系统正在运行时，有可能会造成一定的网络拥塞
[0077]如图2所示，本发明的基于网页实现多画面播放的方法包括以下步骤:
[0078](I)所述的客户端通过浏览器将视频选择指令发送至所述的Web服务器；
[0079](2)所述的流媒体服务器将所述的Web服务器转发的视频选择指令转换为引流指令并发送至所述的视频前端；
[0080](3)所述的视频前端根据所述的引流指令引指定的视频流并发送至所述的流媒体服务器；
[0081](4)所述的流媒体服务器将客户端选择的视频流发送至所述的Web服务器；
[0082](5)所述的Web服务器将客户端选择的各个视频流以多画面的形式进行播放；[0083](6)所述的Web服务器根据所述的客户端的选择对各个播放窗口单独进行播放、停止和音量控制。
[0084]所述的流媒体服务器将所述的Web服务器转发的视频选择指令转换为引流指令并发送至所述的视频前端，包括以下步骤:
[0085](21)所述的流媒体服务器判断本地是否存储有所述的视频选择指令对应的视频，如果是，则继续步骤(22 )，否则继续步骤(23 );
[0086](22)所述的流媒体服务器在本地检索提取所述的视频选择指令对应的视频；
[0087]( 23 )所述的流媒体服务器发送弓I流指令至所述的视频前端，然后继续步骤(3 )。
[0088]所述的流媒体服务器发送引流指令至所述的视频前端，具体为:
[0089]所述的流媒体服务器根据所述的视频选择指令对应的视频的网络来源将引流指令发送至不同网络来源对应的视频前端。
[0090]所述的引指定的视频流并发送至所述的流媒体服务器，具体为:
[0091]对远端的目标视频文件采用FTP边下载指定的视频流边发送至所述的流媒体服务器。
[0092]所述的Web服务器将客户端选择的各个视频流以多画面的形式进行播放，具体为:
[0093]所述的Web服务器将客户端选择的各个视频流以单一窗口、四窗口或九窗口的形式进行播放。
[0094]采用了该发明中的基于网页实现多画面播放的系统及方法，具有如下有益效果:
[0095]基于网页实现多画面播放的系统在传统多画面系统之上独创了针对直播、点播、录像的一键播放、一键停止、轮播、大屏展示的功能；系统能够针对不同的节目数量自适应多画面数量，便于多画面展示，同时也能够手动切换多画面数量，便于个性化展示。系统能够将不同前端的直播、点播、录像统一集成到同一个多画面展示，屏蔽了不同前端引流、播放的差异，简化多画面播放操作；同时多画面系统能够针对不同IP地址的一二级直播分别进行组播、单播播放，增加多画面系统在不同网络环境的适应性，增加多画面系统的可靠性；多画面系统能够定期检测到系统中不可播放的直播频道，并对不可播放的直播频道做置灰处理；基基于网页实现多画面播放的系统提供了统一的添加多画面接口，能够将系统中任意位置的可播放直播，点播，录像，添加到多画面系统中集成播放。
[0096]基于网页实现多画面播放的系统相比与于传统的C/S架构的多画面系统，充分利用了 B/S架构的优势，实现了同一套系统，能够在不同的大屏上同时展示的目的，减少了硬件上的开销，节省了部署成本。用户可以在自己的浏览器上播放多画面视频，和其他人播放的画面没有影响，互不干扰，具有更广泛的应用范围。
[0097]在此说明书中，本发明已参照其特定的实施例作了描述。但是，很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此，说明书和附图应被认为是说明性的而非限制性的。
【权利要求】
1.一种基于网页实现多画面播放的系统，其特征在于，所述的系统包括: 客户端，安装有浏览器和播放器； Web服务器，用以提供多画面的Web播放界面并接收所述的客户端的视频选择指令； 流媒体服务器，用以将所述的Web服务器转发的视频选择指令转换为引流指令并将客户端选择的视频流发送至所述的Web服务器； 视频前端，用以根据所述的流媒体服务器的引流指令从不同网络引指定的视频流。
2.一种通过权利要求1所述的系统基于网页实现多画面播放的方法，其特征在于，所述的方法包括以下步骤: (1)所述的客户端通过浏览器将视频选择指令发送至所述的Web服务器； (2)所述的流媒体服务器将所述的Web服务器转发的视频选择指令转换为引流指令并发送至所述的视频前端； (3)所述的视频前端根据所述的引流指令引指定的视频流并发送至所述的流媒体服务器； (4)所述的流媒体服务器将客户端选择的视频流发送至所述的Web服务器； (5)所述的Web服务器将客户端选择的各个视频流以多画面的形式进行播放。
3.根据权利要求2所述的基于网页实现多画面播放的方法，其特征在于，所述的流媒体服务器将所述的Web服务器转发的视频选择指令转换为引流指令并发送至所述的视频前端，包括以下步骤: (21)所述的流媒体服务器判断本地是否存储有所述的视频选择指令对应的视频，如果是，则继续步骤(22 )，否则继续步骤(23 ); (22)所述的流媒体服务器在本地检索提取所述的视频选择指令对应的视频； (23)所述的流媒体服务器发送引流指令至所述的视频前端，然后继续步骤(3)。
4.根据权利要求3所述的基于网页实现多画面播放的方法，其特征在于，所述的流媒体服务器发送引流指令至所述的视频前端，具体为: 所述的流媒体服务器根据所述的视频选择指令对应的视频的网络来源将引流指令发送至不同网络来源对应的视频前端。
5.根据权利要求2所述的基于网页实现多画面播放的方法，其特征在于，所述的引指定的视频流并发送至所述的流媒体服务器，具体为: 对远端的目标视频文件采用FTP边下载指定的视频流边发送至所述的流媒体服务器。
6.根据权利要求2所述的基于网页实现多画面播放的方法，其特征在于，所述的Web服务器将客户端选择的各个视频流以多画面的形式进行播放，具体为: 所述的Web服务器将客户端选择的各个视频流以单一窗口、四窗口或九窗口的形式进行播放。
7.根据权利要求2所述的基于网页实现多画面播放的方法，其特征在于，所述的步骤(5)之后，还包括以下步骤: (6)所述的Web服务器根据所述的客户端的选择对各个播放窗口单独进行播放、停止和音量控制。
【文档编号】H04N21/266GK103780923SQ201410047100
【公开日】2014年5月7日 申请日期:2014年2月11日 优先权日:2014年2月11日
【发明者】逯利军, 钱培专, 张昆, 戚永蕾, 林强, 王立中, 郑波, 李克民 申请人:赛特斯信息科技股份有限公司