CN106993212B - 浏览器窗口中播放多路视频的方法及装置 - Google Patents
浏览器窗口中播放多路视频的方法及装置 Download PDFInfo
- Publication number
- CN106993212B CN106993212B CN201710164231.XA CN201710164231A CN106993212B CN 106993212 B CN106993212 B CN 106993212B CN 201710164231 A CN201710164231 A CN 201710164231A CN 106993212 B CN106993212 B CN 106993212B
- Authority
- CN
- China
- Prior art keywords
- video
- playing
- url
- list
- video data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
- H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- H04N21/4438—Window management, e.g. event handling following interaction with the user interface
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/482—End-user interface for program selection
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/482—End-user interface for program selection
- H04N21/4825—End-user interface for program selection using a list of items to be played back in a given order, e.g. playlists
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/85—Assembly of content; Generation of multimedia applications
- H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
- H04N21/8586—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL
Abstract
本发明属于视频播放技术领域,具体涉及到的用于浏览器端的浏览器窗口中播放多路视频的方法包括:响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单;根据播放清单中的URL的数量,创建对应数量的视频窗口;根据播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据;在浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据。该方法可用于浏览器窗口中播放多路视频,其可以实现在一个浏览器窗口中播放多路视频。
Description
技术领域
本发明属于视频播放技术领域,具体涉及浏览器窗口中播放多路视频的方法及装置。
背景技术
目前网络越来越发达,人们在进行网络娱乐过程中,采用越来越多的视频播放或者以在线直播的方式进行实时通讯交流。
现有技术中播放视频的方式是采用视频播放器客户端或者具有视频播放功能的浏览器窗口。然而,如果人们想同时观看多路视频数据,则需要同时打开多个浏览器窗口或者打开某个浏览器窗口的同时打开视频播放器客户端或者同时打开多个视频播放器客户端,这不仅会增加系统的消耗、降低系统的运行速度,进而影响用户观看视频,也会由于需要用户打开多个浏览器窗口或者多个视频播放器客户端而降低用户的体验。
发明内容
为了解决上述的技术问题,本发明提供一种浏览器窗口中播放多路视频的方法及装置,该方法可用于浏览器窗口中播放多路视频,其可以创建与播放清单中的URL的数量相对应的视频窗口,并将拉取到的每路视频数据在对应的视频窗口中播放,从而实现在一个浏览器窗口中播放多路视频。
本发明提供一种浏览器窗口中播放多路视频的方法,用于浏览器端,其包括以下步骤:
响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单;
根据所述播放清单中的URL的数量,创建对应数量的视频窗口;
根据所述播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据;
在所述浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据。
所述的浏览器窗口中播放多路视频的方法,优选的是,所述创建对应数量的视频窗口之后且在对应的视频窗口中播放已拉取到的多路视频数据之前,将所述播放清单中的每个URL与视频窗口进行一一对应,并将每个URL与对应的视频窗口进行绑定。
所述的浏览器窗口中播放多路视频的方法,其还可以包括:
向数据库中获取包含最新状态的每路视频数据的URL的视频清单;
根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL;
若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口;
若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口。
本发明还提供另一种浏览器窗口中播放多路视频的方法,用于服务器端,其包括以下步骤:
响应用户的创建视频通道的操作,创建多路视频通道,并分别生成每路视频通道的视频数据的URL,然后将每路视频数据的URL存入视频清单中;
依据已创建的多路视频通道,分别接收相对应的每路视频数据,并将接收到的每路视频数据分别推送到视频服务器的相对应的位置中;
将所述视频清单存入数据库。
所述的浏览器窗口中播放多路视频的方法,其还可以包括:
响应创建用户的增加视频通道的操作,创建新视频通道,并生成新视频通道的视频数据的新URL,然后将该新URL加入数据库中的所述视频清单中;和/或:
响应创建用户的结束视频通道操作,删除需要结束的视频通道,并删除所述视频清单中与该需要结束的视频通道的视频数据相对应的URL。
本发明还提供一种浏览器窗口中播放多路视频的装置,用于浏览器端,其包括:
获取模块,用于响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单;
创建模块,用于根据所述播放清单中的URL的数量,创建对应数量的视频窗口;
拉取模块,用于根据所述播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据;
播放模块,用于在所述浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据。
所述的浏览器窗口中播放多路视频的装置,优选的是,还包括:
绑定模块,用于所述创建对应数量的视频窗口之后且在对应的视频窗口中播放已拉取到的多路视频数据之前,将所述播放清单中的每个URL与视频窗口进行一一对应,并将每个URL与对应的视频窗口进行绑定。
所述的浏览器窗口中播放多路视频的装置,其还包括:
所述获取模块,还用于向数据库中获取包含最新状态的每路视频数据的URL的视频清单;且所述装置还包括:
判断模块,用于根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL;
添加模块,用于若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口;
移除模块,用于若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口。
本发明还提供另一种浏览器窗口中播放多路视频的装置,用于服务器端,其包括:
生成模块,用于响应用户的创建视频通道的操作,创建多路视频通道,并分别生成每路视频通道的视频数据的URL,然后将每路视频数据的URL存入视频清单中;
接收模块,用于依据已创建的多路视频通道,分别接收相对应的每路视频数据,并将接收到的每路视频数据分别推送到视频服务器的相对应的位置中;
存入模块,用于将所述视频清单存入数据库。
所述的浏览器窗口中播放多路视频的装置,优选的是,所述生成模块,还用于响应创建用户的增加视频通道的操作,创建新视频通道,并生成新视频通道的视频数据的新URL,然后将该新URL加入数据库中的所述视频清单中;
且所述装置还包括:
删除模块,用于响应创建用户的结束视频通道操作,删除需要结束的视频通道,并删除所述视频清单中与该需要结束的视频通道的视频数据相对应的URL。
本发明实施例的浏览器窗口中播放多路视频的方法中,可以根据用户的选择,在数据库中获取视频清单,并生成相应的播放清单;然后创建与播放清单中的URL的数量相对应的视频窗口,并将拉取到的每路视频数据在对应的视频窗口中播放,从而实现在一个浏览器窗口中播放多路视频的目的;即当用户想要同时观看多路视频时,只需要打开一个浏览器窗口即可满足用户的需求,与现有技术相比,不仅降了系统的消耗、提高了系统的运行速度进而提高了用户观看视频的满意度,也会由于不需要用户打开多个浏览器窗口或者多个视频播放器客户端而提高用户的体验。
附图说明
图1为本发明一优选实施例中的浏览器窗口中播放多路视频的方法的流程图。
图2为基于图1所示的浏览器窗口中播放多路视频的方法的部分流程图。
图3为本发明另一优选实施例中的浏览器窗口中播放多路视频的方法的流程图。
图4为本发明一优选实施例中的浏览器窗口中播放多路视频的装置的结构图。
图5为本发明另一优选实施例中的浏览器窗口中播放多路视频的装置的结构图。
图6为本发明另一优选实施例中的浏览器窗口中播放多路视频的装置的结构图。
具体实施方式
为了更加清楚地了解本发明的技术方案,下面结合附图对本发明进行详细介绍。本发明的实施例具有示例性的作用,本领域技术人员在本发明实施例基础上做出的无实质性的改进,都应属于本发明的保护范围。
如图1所示的浏览器窗口中播放多路视频的方法,用于浏览器端,其包括以下步骤:
S101:响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单。
URL,即为统一资源定位符,其包含相应视频数据的位置和访问方法。多路,即为至少两路。可以预先设置,当用户打开某一浏览器时,若该浏览器具有多路视频数据,则可以使用户选择全部视频(包含所具有的每一路视频)播放操作,也可以选择其中的一路或者多路视频播放操作。当用户选择多路视频播放操作后,浏览器获取相应的视频清单,并根据该视频清单生成相应的播放清单。
S102:根据所述播放清单中的URL的数量,创建对应数量的视频窗口。
生成相应的播放清单后,可以根据所述播放清单中的URL的数量创建对应数量的视频窗口,以便于播放清单中的每一个URL对应的视频数据都能具有对应的视频窗口。例如:播放清单中的URL的数量为2个,则创建2个视频窗口;播放清单中的URL的数量为4个,则创建4个视频窗口;播放清单中的URL的数量为5、6、7或8,则可以分别创建5、6、7或8个视频窗口;当然,依据播放清单中的URL的数量,也可以创建更多的视频窗口。
创建视频窗口具体可以是利用HTML(超文本标记语言)5技术,把一个浏览器窗口虚拟划分出多个视频窗口,且每个视频窗口都能单独地向视频服务器获取视频数据,并显示在自己的视频窗口里。
S103:根据所述播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据。
每路视频数据的URL包含该路视频数据的位置和访问方法,根据播放清单拉取相应的视频数据,具体是根据播放清单中的URL拉取相应的视频数据。例如,播放清单中的URL可以包括:http://www.mgtv.com/b/310102/3818687.html?cxid=90f0zbamf、https://v.qq.com/x/cover/jlmcxc9810nlrpa.html?ptag=360kan.variety.free等,则在拉取相应的视频数据时,可以根据上述的URL进行拉取。
S104:在所述浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据。
在对应的视频窗口中播放已拉取到的多路视频数据,通常是同时播放,也可以根据用户的选择,将其中的某一路或者多路视频暂停,同时播放剩余的每路视频数据。
若创建了2个视频窗口,则在浏览器窗口中显示2个视频窗口,并在对应的视频窗口中播放已拉取到的2路视频数据;若创建了4个视频窗口,则在浏览器窗口中显示4个视频窗口,并在对应的视频窗口中播放已拉取到的4路视频数据。
本发明实施例的浏览器窗口中播放多路视频的方法中,可以根据用户的选择,在数据库中获取视频清单,并生成相应的播放清单;然后创建与播放清单中的URL的数量相对应的视频窗口,并将拉取到的每路视频数据在对应的视频窗口中播放,从而实现在一个浏览器窗口中播放多路视频的目的;即当用户想要同时观看多路视频时,只需要打开一个浏览器窗口即可满足用户的需求,与现有技术相比,不仅降了系统的消耗、提高了计算机的运行速度进而提高了用户观看视频的满意度,也会由于不需要用户打开多个浏览器窗口或者多个视频播放器客户端而提高用户的体验。
基于图1所示的浏览器窗口中播放多路视频的方法,所述创建对应数量的视频窗口之后且在对应的视频窗口中播放已拉取到的多路视频数据之前,将所述播放清单中的每个URL与视频窗口进行一一对应,并将每个URL与对应的视频窗口进行绑定。
所述将每个URL与对应的视频窗口进行绑定,即可使与每个URL对应的视频数据只在对应的视频窗口进行播放。具体可以是:创建与播放清单中的URL的数量对应的视频窗口后,为每个视频窗口进行编号,例如,如果播放清单中的URL分别为:http://www.mgtv.com/b/310102/3818687.htmlcxid=90f0zbamf(用A代替)、https://v.qq.com/x/cover/jlmcxc9810nlrpa.html?ptag=360kan.variety.free(用B代替)、http://www.mgtv.com/b/308921/3818205.html?cxid=90f0zbamf(用C代替)、http://tv.cztv.com/vplay/301357.html?360(用D代替),即为A、B、C、D共4个URL,则创建4个视频窗口,编号可以分别为第1视频窗口、第2视频窗口、第3视频窗口、第4视频窗口,可以按照预先设定的规则或者根据用户的选择,将A与第1视频窗口进行绑定、将B与第2视频窗口进行绑定、将C与第3视频窗口进行绑定、将D与第4视频窗口进行绑定;绑定后,A对应的视频数据在第1视频窗口中进行播放、B对应的视频数据在第2视频窗口中进行播放、C对应的视频数据在第3视频窗口中进行播放、D对应的视频数据在第4视频窗口进行播放。
基于图1所示的浏览器窗口中播放多路视频的方法,如图2所示,其还可以包括:
S105:向数据库中获取包含最新状态的每路视频数据的URL的视频清单。
数据库中的视频清单会由于一个或多个URL的删除或者新URL的加入而发生变化。可以按照预定的时间间隔,定时向数据库中获取包含最新状态的每路视频数据的URL的视频清单;预定的时间间隔可以根据具体情况进行设定,例如可以为1秒、2秒、3秒、4秒、5秒等,如果视频清单更新的慢,则时间间隔可以长一些,如果视频清单更新的快,则时间间隔可以短一些。也可以设置为:当视频清单中的URL有变动时(增加、减少或改变),浏览器向数据库中获取包含最新状态的每路视频数据的URL的视频清单。
S106:根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL。
该步骤是判断包含最新状态的每路视频数据的URL的视频清单与所述播放清单相比是否发生了变化,即是视频清单中是否有一个或多个URL的删除或者新URL的加入而发生变化。以便于后续根据视频清单的变化修改播放清单及相应的视频窗口。
S107:若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口。
及时将视频清单中的新URL添加到播放清单中,并增加与该新URL对应的新视频窗口,可以使用户及时看到与该新URL对应的视频数据。
S108:若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口。
视频清单中已经删除的一个或多个URL,则相关的视频数据已经不能播放,及时将播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口,可以减少系统资源的开销,也避免由此给用户带来的干扰。
上述的S107、S108的顺序还可以互换。
本发明实施例的浏览器窗口中播放多路视频的方法,可以根据最新状态的每路视频数据的URL的视频清单及时更新播放清单和对应的视频窗口,进而可以使用户及时看到更新后的视频数据,同时也能清理视频清单中已经删除的一个或多个URL以及其对应的视频窗口,减少系统资源的开销。
如图3所示的浏览器窗口中播放多路视频的方法,用于服务器端,其包括以下步骤:
S201:响应用户的创建视频通道的操作,创建多路视频通道,并分别生成每路视频通道的视频数据的URL,然后将每路视频数据的URL存入视频清单中。
当有用户想要上传多路视频数据时,需要先创建相应的多路视频通道,并分别生成每路视频通道的视频数据的URL,以便于确定视频数据存放的位置以及访问的方法。
S202:依据已创建的多路视频通道,分别接收相对应的每路视频数据,并将接收到的每路视频数据分别推送到视频服务器的相对应的位置中。
视频服务器是存放视频数据的服务器,可以是一种视频云服务器。将接收到的视频数据存入视频服务器中,以便于其他用户依据URL,从视频服务器中获取对应的视频数据。
S203:将所述视频清单存入数据库。
将所述视频清单存入数据库,以便于需要观看视频数据的用户从数据库中获取视频清单,由此可以依据URL,从视频服务器中获取对应的视频数据。
上述的步骤S202、S203可以互换。
本发明实施例中的浏览器窗口中播放多路视频的方法,用于服务器端,其能够创建多路视频通道,并分别生成每路视频通道的视频数据的URL,并将接收到的每路视频数据分别推送到视频服务器的相对应的位置中,当需要观看多路视频数据的用户从数据库中获取视频清单后,可以依据视频清单中的多个URL,从视频服务器中获取对应的多路视频数据。
基于图3所示的浏览器窗口中播放多路视频的方法,其还可以包括:
S204:响应创建用户的增加视频通道的操作,创建新视频通道,并生成新视频通道的视频数据的新URL,然后将该新URL加入数据库中的所述视频清单中。
当用户想要上传新视频数据时,可以创建新视频通道,并生成新视频通道的视频数据的新URL。将该新URL加入数据库中的视频清单中,可以使其他用户依据该新URL,从视频服务器中获取对应的视频数据。
S205:响应创建用户的结束视频通道操作,删除需要结束的视频通道,并删除所述视频清单中与该需要结束的视频通道的视频数据相对应的URL。
当用户不想分享其视频数据时,可以删除需要结束的视频通道,并删除所述视频清单中与该需要结束的视频通道的视频数据相对应的URL,这样其他用户依据视频清单中的URL便不能获取相应的视频数据。
本发明实施例的浏览器窗口中播放多路视频的方法,可以根据用户对视频通道的增或减,更新视频清单中的每路视频数据的URL,进而可以改变依据视频清单中的URL获取的视频数据。
本发明实施例中的浏览器窗口中播放多路实时视频的方法可用于多路视频的实时监控,具体可以包括:
(1)服务器主线程响应创建用户的创建视频通道的操作,创建多路监控视频通道,并分别生成每路视频通道的视频数据的URL,然后将每路视频数据的URL存入视频清单中;并将所述视频清单存入数据库。
(2)服务器子线程依据已创建的多路监控视频通道,分别接收相对应的每路实时监控视频数据,并将接收到的每路实时监控视频数据进行FLV(Flash Video)格式封装,然后通过RTMP(Real Time Messaging Protocol,实时消息传输协议)分别推送到视频云服务器的相对应的位置中。
(3)当用户通过浏览器去观看或监控多路实时视频时,浏览器子线程响应观看用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单。
(4)根据所述播放清单中的URL的数量,创建对应数量的实时监控视频窗口。
(5)根据所述播放清单,在视频云服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路实时监控视频数据。
(6)浏览器主线程在所述浏览器窗口中显示已创建的实时监控视频窗口,并在对应的视频窗口中播放已拉取到的多路实时监控视频数据。
(7)浏览器子线程每2秒钟向数据库中获取包含最新状态的每路视频数据的URL的视频清单,根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL。
(8)若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口。
(9)若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的实时监控视频窗口。
(10)根据更新后的播放清单,在视频云服务器中拉取与该更新后的播放清单中的每路视频数据的URL分别相对应的每路实时监控视频数据。
并重复步骤(6)-(10),直到播放清单中的全部URL都被移除,即是停止实时视频监控。
如图4所示的浏览器窗口中播放多路视频的装置,用于浏览器端,其包括:
获取模块,用于响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单;
创建模块,用于根据所述播放清单中的URL的数量,创建对应数量的视频窗口;
拉取模块,用于根据所述播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据;
播放模块,用于在所述浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据。
本发明实施例的浏览器窗口中播放多路视频的装置,用于浏览器端,其可以根据用户的选择,在数据库中获取视频清单,并生成相应的播放清单;然后创建与播放清单中的URL的数量相对应的视频窗口,并将拉取到的每路视频数据在对应的视频窗口中播放,从而实现在浏览器窗口中播放多路视频的目的;即当用户想要同时观看多路视频时,只需要打开一个浏览器窗口即可满足用户的需求,与现有技术相比,不仅降了系统的消耗、提高了计算机的运行速度进而提高了用户观看视频的满意度,也会由于不需要用户打开多个浏览器窗口或者多个视频播放器客户端而提高用户的体验。
基于图4所示的浏览器窗口中播放多路视频的装置,其还可以包括:
绑定模块,用于所述创建对应数量的视频窗口之后且在对应的视频窗口中播放已拉取到的多路视频数据之前,将所述播放清单中的每个URL与视频窗口进行一一对应,并将每个URL与对应的视频窗口进行绑定。
基于图4所示的浏览器窗口中播放多路视频的装置,如图5所示,其中:
所述获取模块,还用于向数据库中获取包含最新状态的每路视频数据的URL的视频清单;且所述装置还包括:
判断模块,用于根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL;
添加模块,用于若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口;
移除模块,用于若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口。
进一步地,所述获取模块包括预定单元,用于按照预定的时间间隔,定时向数据库中获取包含最新状态的每路视频数据的URL的视频清单;所述获取模块还可以包括变动单元,用于当视频清单中的URL有变动时(增加、减少或改变),向数据库中获取包含最新状态的每路视频数据的URL的视频清单。
本发明实施例的浏览器窗口中播放多路视频的装置,可以根据最新状态的每路视频数据的URL的视频清单及时更新播放清单和对应的视频窗口,进而可以使用户及时看到更新后的视频数据,同时也能清理视频清单中已经删除的一个或多个URL以及其对应的视频窗口,减少系统资源的开销。
如图6所示的浏览器窗口中播放多路视频的装置,用于服务器端,其包括:
生成模块,用于响应用户的创建视频通道的操作,创建多路视频通道,并分别生成每路视频通道的视频数据的URL,然后将每路视频数据的URL存入视频清单中;
接收模块,用于依据已创建的多路视频通道,分别接收相对应的每路视频数据,并将接收到的每路视频数据分别推送到视频服务器的相对应的位置中;
存入模块,用于将所述视频清单存入数据库。
本发明实施例中的浏览器窗口中播放多路视频的装置,用于服务器端,其能够创建多路视频通道,并分别生成每路视频通道的视频数据的URL,并将接收到的每路视频数据分别推送到视频服务器的相对应的位置中,当需要观看多路视频数据的用户从数据库中获取视频清单后,可以依据视频清单中的多个URL,从视频服务器中获取对应的多路视频数据。
基于图6所示的浏览器窗口中播放多路视频的装置,其中,所述生成模块,还用于响应创建用户的增加视频通道的操作,创建新视频通道,并生成新视频通道的视频数据的新URL,然后将该新URL加入数据库中的所述视频清单中;
且该装置还包括:
删除模块,用于响应创建用户的结束视频通道操作,删除需要结束的视频通道,并删除所述视频清单中与该需要结束的视频通道的视频数据相对应的URL。
以上所述,仅为本发明的实施例,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
Claims (4)
1.浏览器窗口中播放多路视频的方法,用于浏览器端,其特征在于,包括以下步骤:
响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单;
根据所述播放清单中的URL的数量,创建对应数量的视频窗口;
根据所述播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据;
在所述浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据;
还包括:
向数据库中获取包含最新状态的每路视频数据的URL的视频清单;
根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL;
若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口;
若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口。
2.根据权利要求1所述的浏览器窗口中播放多路视频的方法,其特征在于,所述创建对应数量的视频窗口之后且在对应的视频窗口中播放已拉取到的多路视频数据之前,将所述播放清单中的每个URL与视频窗口进行一一对应,并将每个URL与对应的视频窗口进行绑定。
3.浏览器窗口中播放多路视频的装置,用于浏览器端,其特征在于,包括:
获取模块,用于响应用户在浏览器窗口中的多路视频播放操作,在数据库中获取包含当前状态的每路视频数据的URL的视频清单,并根据该视频清单生成包含当前状态的每路视频数据的URL的播放清单;
创建模块,用于根据所述播放清单中的URL的数量,创建对应数量的视频窗口;
拉取模块,用于根据所述播放清单,在视频服务器中拉取与该播放清单中的每路视频数据的URL分别相对应的每路视频数据;
播放模块,用于在所述浏览器窗口中显示已创建的视频窗口,并在对应的视频窗口中播放已拉取到的多路视频数据;
所述获取模块,还用于向数据库中获取包含最新状态的每路视频数据的URL的视频清单;且所述装置还包括:
判断模块,用于根据包含最新状态的每路视频数据的URL的视频清单与所述播放清单,判断包含最新状态的每路视频数据的URL的视频清单中是否有所述播放清单中不存在的新URL或者缺少所述播放清单中的一个或多个URL;
添加模块,用于若包含最新状态的每路视频数据的URL的视频清单中有所述播放清单中不存在的新URL,则将该新URL添加到所述播放清单中,并增加与该新URL对应的新视频窗口;
移除模块,用于若包含最新状态的每路视频数据的URL的视频清单中缺少所述播放清单中的一个或多个URL,则将所述播放清单中的该一个或多个URL移除,并删除与该一个或多个URL对应的视频窗口。
4.根据权利要求3所述的浏览器窗口中播放多路视频的装置,其特征在于,还包括:
绑定模块,用于所述创建对应数量的视频窗口之后且在对应的视频窗口中播放已拉取到的多路视频数据之前,将所述播放清单中的每个URL与视频窗口进行一一对应,并将每个URL与对应的视频窗口进行绑定。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710164231.XA CN106993212B (zh) | 2017-03-20 | 2017-03-20 | 浏览器窗口中播放多路视频的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710164231.XA CN106993212B (zh) | 2017-03-20 | 2017-03-20 | 浏览器窗口中播放多路视频的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106993212A CN106993212A (zh) | 2017-07-28 |
CN106993212B true CN106993212B (zh) | 2020-11-13 |
Family
ID=59412255
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710164231.XA Active CN106993212B (zh) | 2017-03-20 | 2017-03-20 | 浏览器窗口中播放多路视频的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106993212B (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110662101A (zh) * | 2018-06-29 | 2020-01-07 | 深圳联友科技有限公司 | 一种基于udp协议的网络视频多路显示方法及装置 |
CN110971860B (zh) * | 2018-09-28 | 2022-06-28 | 华为技术有限公司 | 一种显示方法和装置 |
CN111432150A (zh) * | 2019-04-23 | 2020-07-17 | 杭州海康威视数字技术股份有限公司 | 一种录像同步回放的方法及装置 |
CN111787384A (zh) * | 2019-05-07 | 2020-10-16 | 北京沃东天骏信息技术有限公司 | 锁屏视频的分屏播放方法、装置、设备及存储介质 |
CN111432262B (zh) * | 2020-02-24 | 2022-05-24 | 杭州海康威视数字技术股份有限公司 | 页面视频渲染方法及装置 |
CN112672205A (zh) * | 2020-11-25 | 2021-04-16 | 紫光云技术有限公司 | 移动端多路视频流加载方法 |
CN113271479B (zh) * | 2021-05-17 | 2022-05-10 | 中移智行网络科技有限公司 | 播放处理方法、装置及相关设备 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1997153A (zh) * | 2006-12-31 | 2007-07-11 | 北京衡准科技有限公司 | 一种计算机的多视频播放方法及装置 |
CN101014123A (zh) * | 2007-02-05 | 2007-08-08 | 北京大学 | 一种多视点视频流的自由视点视频重建方法及系统 |
CN101945264A (zh) * | 2007-05-08 | 2011-01-12 | 孟智平 | 一种在视频资源中使用信息集的方法 |
CN103165156A (zh) * | 2011-12-08 | 2013-06-19 | 北京同步科技有限公司 | 视频同步播放系统及其视频播放方法、光盘 |
CN103747358A (zh) * | 2013-12-23 | 2014-04-23 | 乐视网信息技术(北京)股份有限公司 | 一种视频播放方法及装置 |
CN104133898A (zh) * | 2014-07-31 | 2014-11-05 | 上海二三四五网络科技股份有限公司 | 一种浏览器内视频小窗播放的方法和装置 |
CN104332153A (zh) * | 2013-07-22 | 2015-02-04 | 浙江大华技术股份有限公司 | 一种视频播放方法及装置 |
CN105681841A (zh) * | 2015-12-30 | 2016-06-15 | 广东欧珀移动通信有限公司 | 一种基于浏览器的视频播放控制方法及系统 |
CN205545701U (zh) * | 2016-04-08 | 2016-08-31 | 杨甫 | 一种视频采集卡及视频监控系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102131943B1 (ko) * | 2013-09-11 | 2020-07-08 | 삼성전자주식회사 | Url 분석 방법 및 그 전자 장치 |
-
2017
- 2017-03-20 CN CN201710164231.XA patent/CN106993212B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1997153A (zh) * | 2006-12-31 | 2007-07-11 | 北京衡准科技有限公司 | 一种计算机的多视频播放方法及装置 |
CN101014123A (zh) * | 2007-02-05 | 2007-08-08 | 北京大学 | 一种多视点视频流的自由视点视频重建方法及系统 |
CN101945264A (zh) * | 2007-05-08 | 2011-01-12 | 孟智平 | 一种在视频资源中使用信息集的方法 |
CN103165156A (zh) * | 2011-12-08 | 2013-06-19 | 北京同步科技有限公司 | 视频同步播放系统及其视频播放方法、光盘 |
CN104332153A (zh) * | 2013-07-22 | 2015-02-04 | 浙江大华技术股份有限公司 | 一种视频播放方法及装置 |
CN103747358A (zh) * | 2013-12-23 | 2014-04-23 | 乐视网信息技术(北京)股份有限公司 | 一种视频播放方法及装置 |
CN104133898A (zh) * | 2014-07-31 | 2014-11-05 | 上海二三四五网络科技股份有限公司 | 一种浏览器内视频小窗播放的方法和装置 |
CN105681841A (zh) * | 2015-12-30 | 2016-06-15 | 广东欧珀移动通信有限公司 | 一种基于浏览器的视频播放控制方法及系统 |
CN205545701U (zh) * | 2016-04-08 | 2016-08-31 | 杨甫 | 一种视频采集卡及视频监控系统 |
Also Published As
Publication number | Publication date |
---|---|
CN106993212A (zh) | 2017-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106993212B (zh) | 浏览器窗口中播放多路视频的方法及装置 | |
US11711231B2 (en) | Providing synchronous content and supplemental experiences | |
EP3120569B1 (en) | Manifest re-assembler for a streaming video channel | |
JP5917508B2 (ja) | 休止された再生をプラットフォーム全体にわたって同期化する方法および装置 | |
US9167007B2 (en) | Stream complexity mapping | |
WO2016054916A1 (zh) | 视频内容的推荐、评价方法及装置 | |
JP5341988B2 (ja) | ニアビデオオンデマンドシステムの番組ガイドを提供する方法及びシステム | |
US20150215361A1 (en) | Client side stream switching | |
CN103517157B (zh) | 实现hls频道时移播放的方法及系统 | |
CN111010614A (zh) | 一种显示直播字幕的方法、装置、服务器及介质 | |
EP2665261A1 (en) | Content reproduction device, content reproduction method, delivery system, content reproduction program, recording medium, and data structure | |
CN109714622B (zh) | 一种视频数据处理方法、装置及电子设备 | |
CN104202652B (zh) | 一种电视机机顶盒的播放控制方法及机顶盒 | |
CN105812852B (zh) | 一种信息处理方法及服务器 | |
US11778286B2 (en) | Systems and methods for summarizing missed portions of storylines | |
CN105100912A (zh) | 流媒体处理方法和流媒体处理装置 | |
CN109218765A (zh) | 一种视频直播房间推荐方法及装置 | |
CN111182331B (zh) | 媒体数据切片方法、系统及存储介质 | |
CN105592369B (zh) | 一种视频摘要处理方法及装置 | |
EP3142378A1 (en) | Intelligent terminal-based tweening interactive advertisement implantation method and device | |
CN109388737A (zh) | 一种内容项的曝光数据的发送方法、装置及存储介质 | |
US8798443B2 (en) | System and method of recording programs of favorite channels | |
CN106231371B (zh) | 时间同步方法、电视及epg服务器 | |
CN109218772A (zh) | 智能电视信息推送方法及装置 | |
CN108419136A (zh) | 一种网络直播流的seek实现方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |