CN112866778A - 流媒体显示方法及装置、流媒体显示系统 - Google Patents
流媒体显示方法及装置、流媒体显示系统 Download PDFInfo
- Publication number
- CN112866778A CN112866778A CN201911186942.2A CN201911186942A CN112866778A CN 112866778 A CN112866778 A CN 112866778A CN 201911186942 A CN201911186942 A CN 201911186942A CN 112866778 A CN112866778 A CN 112866778A
- Authority
- CN
- China
- Prior art keywords
- area
- sub
- video
- video source
- streaming media
- 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.)
- Granted
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
- 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
-
- 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/433—Content storage operation, e.g. storage operation in response to a pause request, caching operations
- H04N21/4331—Caching operations, e.g. of an advertisement for later insertion during playback
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明实施例公开了流媒体显示方法及装置和流媒体显示系统。所述流媒体显示方法应用于浏览器端,包括:接收流媒体格式的多路视频源;将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。本发明实施例有效解决浏览器端在显示多路视频源时由于视频绘制请求多导致的资源占用率大甚至资源溢出、视频显示卡顿甚至浏览器端崩溃以及死机的问题。
Description
技术领域
本发明涉及浏览器显示技术领域,尤其涉及一种流媒体显示方法、一种流媒体显示装置和一种流媒体显示系统。
背景技术
目前,在浏览器端上显示数量较多的视频源时,例如为了满足回显视频的显示需求以每秒60帧的帧率高清显示所有视频源,因此产生大量的视频绘制请求,从而导致图像处理器的资源占用率非常大甚至资源移出、视频显示卡顿甚至浏览器端崩溃以及死机等问题。
发明内容
为克服现有技术中存在的缺陷和不足,本发明实施例提供一种流媒显示方法、一种流媒体显示装置和一种流媒体显示系统。
一方面,本发明实施例提供的一种流媒体显示方法,应用于浏览器端,包括:接收流媒体格式的多路视频源;将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。
本实施例中,在浏览器中的第一区域和第二区域分别以不同的帧率显示视频源,从而能够在帧率较高的一个区域例如第二区域显示需要重点查看的视频源,而在帧率较小的另一个区域例如第一区域显示所有视频源以方便查看,从而大量减少了浏览器端的视频绘制请求以及资源使用率,防止浏览器端的崩溃甚至死机。
在本发明的一个实施例中,所述第二帧率大于所述第一帧率,所述第一区域包括第一子区域和第二子区域;所述将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域,包括:将所述多个第一视频源中的输入视频源显示在所述第一子区域,其中所述输入视频源为接入视频源、预监视频源或截取视频源;将所述多个第一视频源中的回显视频源显示在所述第二子区域。
在本发明的一个实施例中,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域;所述流媒体显示方法,还包括:响应移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的所述第一端的第一视频源移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源显示在所述第一子区域的所述第二端。
在本发明的一个实施例中,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域,所述非可视显示区域还包括懒加载区域,所述懒加载区域位于第二缓存区域的远离所述第一子区域的一侧;所述流媒体显示方法,还包括:响应连续移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的第一视频源自所述第一端移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源和所述懒加载区域内的提示图案依序加载至所述第一子区域的第二端进行显示。
在本发明的一个实施例中,所述流媒体显示方法还包括:响应第一拖拽操作,将所述多个输入视频源中的至少一个输入视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个输入视频源在所述第一子区中以所述第一帧率进行显示;和/或,响应第二拖拽操作,将所述多个回显视频源中的至少一个回显视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个回显视频源在所述第二子区域中以所述第一帧率进行显示。
另一方面,本发明实施例提供的一种流媒体显示装置,应用于浏览器端,包括:接收模块,用于接收流媒体格式的多路视频源;第一显示模块,用于将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及第二显示模块,用于将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。
在本发明的一个实施例中,所述第二帧率大于所述第一帧率,所述第一区域包括第一子区域和第二子区域;所述第一显示模块包括:第一显示子单元,用于将所述多个第一视频源中的输入视频源显示在所述第一子区域,其中所述输入视频源为接入视频源、预监视频源或截取视频源;第二显示子单元,用于将所述多个第一视频源中的回显视频源显示在所述第二子区域。
在本发明的一个实施例中,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域,所述非可视显示区域还包括懒加载区域,所述懒加载区域位于第二缓存区域的远离所述第一子区域的一侧;所述流媒体显示装置,还包括:移动模块,用于响应移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的所述第一端的第一视频源移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源显示在所述第一子区域的所述第二端;或者,连续移动模块,用于响应连续移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的第一视频源自所述第一端移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源和所述懒加载区域内的提示图案依序加载至所述第一子区域的第二端进行显示。
在本发明的一个实施例中,所述流媒体显示装置还包括:第一拖拽模块,用于响应第一拖拽操作,将所述多个输入视频源中的至少一个输入视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个输入视频源在所述第一子区中以所述第一帧率进行显示;和/或,第二拖拽模块,用于响应第二拖拽操作,将所述多个回显视频源中的至少一个回显视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个回显视频源在所述第二子区域中以所述第一帧率进行显示。
再一方面,本发明实施例提供的一种流媒体显示系统,包括:视频处理器以及连接所述视频处理器的浏览器端;所述视频处理器,用于发送流媒体格式的多路视频源至所述浏览器端;所述浏览器端,用于执行如上任意一项所述的流媒体显示方法。
综上所述,本发明上述各个实施例可以具有如下优点或有益效果:在浏览器中的第一区域和第二区域分别以不同的帧率显示视频源,从而能够在帧率较高的一个区域例如第二区域显示需要重点查看的视频源,而在帧率较小的另一个区域例如第一区域显示所有视频源以方便查看,从而大量减少了浏览器端的视频绘制请求以及资源使用率,防止浏览器端的崩溃甚至死机。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明第一实施例提供的一种流媒体显示系统的结构示意图。
图2为图1中浏览器端执行的流媒体显示方法的流程示意图。
图3为本发明实施例中第一区域和第二区域的分布示意图。
图4为图3中第一子区域中的控件分布示意图。
图5为图3中第一子区域显示的输入视频源及其两端的缓存区域的分布示意图。
图6为图3中第一子区域显示的输入视频源及其两端的缓存区域和懒加载区域的分布示意图。
图7为本发明第一实施例提供的另一种流媒体显示系统的结构示意图。
图8为本发明第二实施例提供的一种流媒体显示装置的结构示意图。
图9为本发明第三实施例提供的一种计算机可读存储介质的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
【第一实施例】
参见图1,其为本发明第一实施例提供的一种流媒体显示系统的结构示意图,所述流媒体显示系统400例如包括:视频处理器420和连接视频处理器420的浏览器端300。
其中,视频处理器420例如包括视频输入装置和视频输出装置,浏览器端300可以是上位机例如具有浏览器的计算机装置或智能设备等;
其中,视频处理器420发送流媒体格式的多路视频源至浏览器端300,其中所述多路视频源包括接入视频源、预监视频源、截取视频源以及回显视频源,其中所述接入视频源为视频处理器420的所述视频输入装置接收的视频源,所述预监视频源为视频处理器420对所述接入视频源进行预监处理得到的视频源,所述截取视频源为视频处理器420对所述接入视频源进行截取处理得到的视频源,所述回显视频源为视频处理器420的所述视频输出装置输出至屏幕或称大屏(例如是LED显示屏)进行显示的视频源;浏览器端300执行流媒体显示方法以在浏览器上显示所述多路视频源。
参见图2,其为本发明实施例提供的一种流媒体显示方法的流程示意图,所述流媒体显示方法例如包括:
步骤S10,接收流媒体格式的多路视频源;
步骤S30,将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及
步骤S50,将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。
为便于更清楚地理解本实施例,下面结合图3-图6对本实施例的流媒体显示方法的具体实施过程进行详细描述。
浏览器端300可以连接视频处理器420以接收视频处理器420发送的流媒体格式的多路视频源,并且在浏览器端300的可视显示区域310中显示所述多路视频源。
参见图3,用户能够直接看到浏览器端300的可视显示区域310中的内容,可视显示区域310之外的部分为浏览器端300的非可视显示区域320,用户不能直接看到非可视显示区域320中的内容。
其中,可视显示区域310包括第一区域311和第二区域312,第一区域311以第一帧率显示所述多路视频源中的多个第一视频源,第二区域312以第二帧率显示所述多路视频源中的至少一个第二视频源。具体的,所述第二帧率与所述第一帧率不同,例如所述第二帧率为60帧/秒,使得第二区域312能够高清显示所述至少一个第二视频源,所述第一帧率为30帧/秒,使得第一区域311能够以普通显示效果显示所述多个第一视频源。
进一步的,第一区域311包括第一子区域3111和第二子区域3112,其中第一子区域3111位于第二区域312的下侧,第一子区域3111用于显示所述多个第一视频源中的输入视频源,一个或多个所述输入视频源在第一子区域3111中显示为一行,所述输入视频源为所述接入视频源、所述预监视频源或所述截取视频源;第二子区域3112位于第二区域312的左侧,第二子区域3112用于显示所述多个第一视频源中的回显视频源,一个或多个所述回显视频源在第二子区域3112中显示为一列。
参见图4,第一子区域3111包括第一显示控件和第二显示控件,其中响应鼠标点击所述第一显示控件时,在第一子区域3111中可以显示所述接入视频源、所述预监视频源或所述截取视频源;响应鼠标点击所述第二显示控件时,在第一子区域3111中显示所述接入视频源;第一子区域3111还包括移动控件A和移动控件B,其中响应鼠标点击所述移动控件A或所述移动控件B时,对第一子区域3111中显示的多个第一视频源进行移动操作,具体的将第一子区域3111中显示的多个第一视频源向左/右移动、将第一子区域3111最左/右侧的第一视频源移出第一子区域3111、同时将所述多路视频源中除第一子区域3111中显示的所述多个第一视频源之外的一个视频源显示在第一子区域3111的最右/左侧。
参见图5,响应鼠标单次点击所述移动控件B时,此时对第一子区域311中显示的多个第一视频源沿目标方向(图5中从左向右)进行移动操作。
其中,第一子区域3111的最右侧为第一子区域3111的第一端,第一子区域3111的最左侧为第一子区域3111的第二端;在非可视显示区域320临近第一子区域3111的两端(所述第一端和所述第二端)的位置处分别设有第一缓存区域321和第二缓存区域322,第一缓存区域321和第二缓存区域322用于缓存多路视频源中除所述多个第一视频源之外的视频源,以在第一子区域3111中显示的多个第一视频源发生变化时,将缓存在第一缓存区域321和/或第二缓存区域322中的视频源显示在第一子区域3111中;例如第二缓存区域322缓存有来自所述多路视频源中除第一子区域3111显示的多个第一视频源之外的视频源,且第二缓存区域322缓存的视频源为所述输入视频源,其中第一缓存区域321与所述第二缓存区域322设置相同,此处不再赘述。
将第一子区域3111中显示的所述多个第一视频源沿所述目标方向移动、且将位于所述第一端的输入视频源移出第一子区域3111并将其缓存至第一缓存区域321中、将第二缓存区域322中已缓存的视频源显示在第一子区域3111的所述第二端的位置处、将所述多路视频源中除所述第一子区域3111中显示的所述多个第一视频源以及第一缓存区域中缓存的视频源之外的一个视频源缓存在第二缓存区域322中。
参见图6,响应鼠标连续点击所述移动控件B时,此时对第一子区域311中显示的多个第一视频源沿目标方向(图6中从左向右)进行连续移动操作。
在非可视显示区域320中还设有懒加载区域,并使得第二缓存区域321位于所述懒加载区域与第一子区域3111之间,所述懒加载区域用于显示提示图案,在第一子区域3111中移动所述多个第一视频源时可以在第一子区域3111中显示所述提示图案以表示第一子区域3111中显示所述提示图案的区域正在加载第一视频源,在该第一视频源加载完毕时播放该第一视频源,所述提示图案例如为显示“视频加载中……”字样的图片或其他图片。
例如,在连响应鼠标连续两次点击所述移动控件B时,即将已缓存在第二缓存区域322中的视频源显示在第一子区域3111中左侧的第二个位置(也即相邻所述第二端的位置)处,并将所述懒加载区域中的提示图案显示在第一子区域3111中所述第二端的位置处以表示该位置有未完成缓存的视频源进行显示。
设置第二子区域3112与第一子区域3111类似,从而使得第二子区域3112也能够实现与上述移动第一子区域3111中显示的多个第一视频源相似的过程,此处不再赘述。
还可以响应鼠标拖拽操作,将第一子区域3111显示的多个输入视频源中的一个或多个输入视频源以第二帧率显示在第二区域312,并保持所述一个或多个输入视频源以第一帧率显示在第一子区域3111。
还可以响应鼠标拖拽操作,将第二子区域3112显示的多个回显视频源中的一个或多个回显视频源以第二帧率显示在第二区域312,并保持所述一个或多个回显视频源以第一帧率显示在第二子区域3112。
还可以响应鼠标拖拽操作,将第二区域312显示的所述至少一个第二视频源中的一个或多个第二视频源移出第二区域312。
参见图7,其为本发明第一实施例提供的流媒体显示系统的另一结构示意图,所述流媒体显示系统400例如包括处理器430以及电连接处理器430的存储器410,存储器410上存储有计算机程序411,处理器430执行计算机程序411以实现如上所述的流媒体显示方法。
综上所述,本发明实施例的有益效果如下:i)在浏览器端的不同区域以不同帧率分别显示视频源,从而在帧率较高的区域显示需要重点查看的视频源,在帧率较小的区域显示所有视频源,从而大量减少了浏览器端的视频绘制请求;ii)将视频处理器的视频输入装置接收的视频源在第一子区域中显示,将视频处理器的视频输出装置输出的视频源在第二子区域中显示,能够使的用户根据第一视频源显示的位置(即位于第一子区域或第二子区域)知道所述第一视频源为视频处理器接收或输出的视频源;iii)响应鼠标在浏览器端上的操作,并根据所述移动指令移动第一视频源和/或第二视频源,按照用户的期望在浏览器端上显示多路视频源。
【第二实施例】
参见图8,其为本发明第二实施例提供的一种流媒体显示装置,所述流媒体显示装置100例如包括:
接收模块10,用于接收流媒体格式的多路视频源;
第一显示模块30,用于将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及
第二显示模块50,用于将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。
至于接收模块10、第一显示模块30及第二显示模块50的具体功能细节可参考前述第一实施例中提供的流媒体显示方法中的步骤S10、S30和S50的相关描述,在此不再赘述。此外,值得一提的是,接收模块10、第一显示模块30及第二显示模块50可以为软件模块,存储于非易失性存储器中且由处理器执行相关操作以进行前述第一实施例中提供的流媒体显示方法中的步骤S10、S30和S50。
在一个具体实施方式中,第一显示模块30例如包括:第一显示子单元(图中未示出),用于将所述多个第一视频源中的输入视频源显示在所述第一子区域,其中所述输入视频源为接入视频源、预监视频源或截取视频源;第二显示子单元(图中未示出),用于将所述多个第一视频源中的回显视频源显示在所述第二子区域。至于所述第一显示子单元及所述第二显示子单元可以为软件模块,存储于非易失性存储器中且由处理器执行相关操作以进行前述第一实施例中提供的流媒体显示方法中在第一子区域显示输入视频源和在第二子区域显示回显视频源的过程,此处不再赘述。
在一个具体实施方式中,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域,所述非可视显示区域还包括懒加载区域,所述懒加载区域位于第二缓存区域的远离所述第一子区域的一侧;流媒体显示装置100还包括:移动模块40,用于响应移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的所述第一端的第一频源移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源显示在所述第一子区域的所述第二端;或者,连续移动模块60,用于响应连续移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的第一视频源自所述第一端移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源和所述懒加载区域内的提示图案依序加载至所述第一子区域的第二端进行显示。至于移动模块40及连续移动模块60可以为软件模块,存储于非易失性存储器中且由处理器执行相关操作以进行前述第一实施例中提供的流媒体显示方法中的移动第一子区域或第二子区域中显示的多个第一视频源的过程,此处不再赘述。
在一个具体实施方式中,流媒体显示装置100例如还包括:第一拖拽模块70,用于响应第一拖拽操作,将所述多个输入视频源中的至少一个输入视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个输入视频源在所述第一子区中以所述第一帧率进行显示;和/或,第二拖拽模块80,用于响应第二拖拽操作,将所述多个回显视频源中的至少一个回显视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个回显视频源在所述第二子区域中以所述第一帧率进行显示。至于第一拖拽模块70及第二拖拽模块80可以为软件模块,存储于非易失性存储器中且由处理器执行相关操作以进行前述第一实施例中提供的流媒体显示方法中的将第一子区域中的输入视频源显示在第二区域中、以及将第二子区域中的回显视频源显示在第二区域中的过程此处不再赘述。
【第三实施例】
参见图9,其为本发明的第三实施例提供的一种计算机可读存储介质的结构示意图,计算机可读存储介质500例如为非易失性存储器,其例如为:磁介质(如硬盘、软盘和磁带),光介质(如CDROM盘和DVD),磁光介质(如光盘)以及专门构造为用于存储和执行计算机可执行指令的硬件装置(如只读存储器(ROM)、随机存取存储器(RAM)、闪存等)。计算机可读存储介质500上存储有计算机可执行指令510。计算机可读存储介质500可由一个或多个处理器或处理装置来执行计算机可执行指令510,以实施如第一实施例中提供的流媒体显示方法。
在本发明所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多路单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多路网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种流媒体显示方法,应用于浏览器端;其特征在于,所述流媒体显示方法包括:
接收流媒体格式的多路视频源;
将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及
将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。
2.根据权利要求1所述的流媒体显示方法,其特征在于,所述第二帧率大于所述第一帧率,所述第一区域包括第一子区域和第二子区域;
所述将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域,包括:
将所述多个第一视频源中的输入视频源显示在所述第一子区域,其中所述输入视频源为接入视频源、预监视频源或截取视频源;
将所述多个第一视频源中的回显视频源显示在所述第二子区域。
3.根据权利要求2所述的流媒体显示方法,其特征在于,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域;所述流媒体显示方法,还包括:
响应移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的所述第一端的第一视频源移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源显示在所述第一子区域的所述第二端。
4.根据权利要求2所述的流媒体显示方法,其特征在于,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域,所述非可视显示区域还包括懒加载区域,所述懒加载区域位于第二缓存区域的远离所述第一子区域的一侧;所述流媒体显示方法,还包括:
响应连续移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的第一视频源自所述第一端移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源和所述懒加载区域内的提示图案依序加载至所述第一子区域的第二端进行显示。
5.根据权利要求2所述的流媒体显示方法,其特征在于,还包括:
响应第一拖拽操作,将所述多个输入视频源中的至少一个输入视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个输入视频源在所述第一子区中以所述第一帧率进行显示;和/或
响应第二拖拽操作,将所述多个回显视频源中的至少一个回显视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个回显视频源在所述第二子区域中以所述第一帧率进行显示。
6.一种流媒体显示装置,应用于浏览器端;其特征在于,所述流媒体显示装置包括:
接收模块,用于接收流媒体格式的多路视频源;
第一显示模块,用于将所述多路视频源中的多个第一视频源以第一帧率显示在可视显示区域内的第一区域;以及
第二显示模块,用于将所述多路视频源中的至少一个第二视频源以不同于所述第一帧率的第二帧率显示在所述可视显示区域内的第二区域。
7.根据权利要求6所述的流媒体显示装置,其特征在于,所述第二帧率大于所述第一帧率,所述第一区域包括第一子区域和第二子区域;
所述第一显示模块包括:
第一显示子单元,用于将所述多个第一视频源中的输入视频源显示在所述第一子区域,其中所述输入视频源为接入视频源、预监视频源或截取视频源;
第二显示子单元,用于将所述多个第一视频源中的回显视频源显示在所述第二子区域。
8.根据权利要求7所述的流媒体显示装置,其特征在于,所述第一子区域具有相对的第一端和第二端,邻近所述第一端具有第一缓存区域,邻近所述第二端具有第二缓存区域,且所述第一缓存区域和所述第二缓存区域属于非可视显示区域,所述非可视显示区域还包括懒加载区域,所述懒加载区域位于第二缓存区域的远离所述第一子区域的一侧;所述流媒体显示装置,还包括:
移动模块,用于响应移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的所述第一端的第一频源移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源显示在所述第一子区域的所述第二端;或者
连续移动模块,用于响应连续移动操作,沿目标方向移动所述多个第一视频源在所述第一子区域中的显示位置、将位于所述第一子区域的第一视频源自所述第一端移出所述第一子区域、并将已缓存在所述第二缓存区域的视频源和所述懒加载区域内的提示图案依序加载至所述第一子区域的第二端进行显示。
9.根据权利要求7所述的流媒体显示装置,其特征在于,还包括:
第一拖拽模块,用于响应第一拖拽操作,将所述多个输入视频源中的至少一个输入视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个输入视频源在所述第一子区中以所述第一帧率进行显示;和/或
第二拖拽模块,用于响应第二拖拽操作,将所述多个回显视频源中的至少一个回显视频源加载至所述第二区域中以所述第二帧率进行显示、并保持所述至少一个回显视频源在所述第二子区域中以所述第一帧率进行显示。
10.一种流媒体显示系统,其特征在于,包括:视频处理器以及连接所述视频处理器的浏览器端;
所述视频处理器,用于发送流媒体格式的多路视频源至所述浏览器端;
所述浏览器端,用于执行如权利要求1-5任意一项所述的流媒体显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911186942.2A CN112866778B (zh) | 2019-11-27 | 2019-11-27 | 流媒体显示方法及装置、流媒体显示系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911186942.2A CN112866778B (zh) | 2019-11-27 | 2019-11-27 | 流媒体显示方法及装置、流媒体显示系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112866778A true CN112866778A (zh) | 2021-05-28 |
CN112866778B CN112866778B (zh) | 2023-03-14 |
Family
ID=75985225
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911186942.2A Active CN112866778B (zh) | 2019-11-27 | 2019-11-27 | 流媒体显示方法及装置、流媒体显示系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112866778B (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1997160A (zh) * | 2006-01-06 | 2007-07-11 | 腾讯科技(深圳)有限公司 | 一种多路节目接收显示系统和方法 |
JP2009141710A (ja) * | 2007-12-06 | 2009-06-25 | Keyence Corp | 動画像撮像装置、動画像表示方法、動画像表示プログラム及びコンピュータで読取可能な記録媒体 |
CN102184723A (zh) * | 2011-03-28 | 2011-09-14 | 广东威创视讯科技股份有限公司 | 多屏拼接处理系统回显装置和回显方法 |
CN102422648A (zh) * | 2009-02-24 | 2012-04-18 | 制造资源国际公司 | 用于分配多路独特视频/音频流的系统 |
CN103294425A (zh) * | 2012-02-27 | 2013-09-11 | 联想(北京)有限公司 | 图像处理方法和图像处理设备 |
CN105808629A (zh) * | 2014-12-31 | 2016-07-27 | 广州市动景计算机科技有限公司 | 一种网页处理方法及装置 |
US20170171503A1 (en) * | 2010-09-14 | 2017-06-15 | Pixia Corp. | Method and system for combining multiple area-of-interest video codestreams into a combined video codestream |
CN107333164A (zh) * | 2016-04-29 | 2017-11-07 | 北京学而思教育科技有限公司 | 一种图像数据处理方法及装置 |
CN107896312A (zh) * | 2016-10-04 | 2018-04-10 | 三十九度C | 影像处理装置和影像处理方法 |
CN110324640A (zh) * | 2019-07-12 | 2019-10-11 | 青岛一舍科技有限公司 | 一种智能全景视频播放方法及装置 |
-
2019
- 2019-11-27 CN CN201911186942.2A patent/CN112866778B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1997160A (zh) * | 2006-01-06 | 2007-07-11 | 腾讯科技(深圳)有限公司 | 一种多路节目接收显示系统和方法 |
JP2009141710A (ja) * | 2007-12-06 | 2009-06-25 | Keyence Corp | 動画像撮像装置、動画像表示方法、動画像表示プログラム及びコンピュータで読取可能な記録媒体 |
CN102422648A (zh) * | 2009-02-24 | 2012-04-18 | 制造资源国际公司 | 用于分配多路独特视频/音频流的系统 |
US20170171503A1 (en) * | 2010-09-14 | 2017-06-15 | Pixia Corp. | Method and system for combining multiple area-of-interest video codestreams into a combined video codestream |
CN102184723A (zh) * | 2011-03-28 | 2011-09-14 | 广东威创视讯科技股份有限公司 | 多屏拼接处理系统回显装置和回显方法 |
CN103294425A (zh) * | 2012-02-27 | 2013-09-11 | 联想(北京)有限公司 | 图像处理方法和图像处理设备 |
CN105808629A (zh) * | 2014-12-31 | 2016-07-27 | 广州市动景计算机科技有限公司 | 一种网页处理方法及装置 |
CN107333164A (zh) * | 2016-04-29 | 2017-11-07 | 北京学而思教育科技有限公司 | 一种图像数据处理方法及装置 |
CN107896312A (zh) * | 2016-10-04 | 2018-04-10 | 三十九度C | 影像处理装置和影像处理方法 |
CN110324640A (zh) * | 2019-07-12 | 2019-10-11 | 青岛一舍科技有限公司 | 一种智能全景视频播放方法及装置 |
Non-Patent Citations (1)
Title |
---|
谭同德: "基于多核PC集群的并行绘制系统研究与实现", 《谭计算机应用》 * |
Also Published As
Publication number | Publication date |
---|---|
CN112866778B (zh) | 2023-03-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10037184B2 (en) | Systems, methods, and devices for manipulation of images on tiled displays | |
US9547525B1 (en) | Drag toolbar to enter tab switching interface | |
US8471860B2 (en) | Optimization of memory bandwidth in a multi-display system | |
US8607158B2 (en) | Content presentation in remote monitoring sessions for information technology systems | |
CA2922060C (en) | Swipe toolbar to switch tabs | |
US20150346954A1 (en) | Flexible control in resizing of visual displays | |
US20220139017A1 (en) | Layer composition method, electronic device, and storage medium | |
US20200193563A1 (en) | Image processing apparatus and method, and related circuit | |
WO2021244666A1 (zh) | 视频播放的控制方法、装置、计算机设备和存储介质 | |
CN115793926A (zh) | 列表的渲染方法、装置、电子设备及存储介质 | |
US11960716B2 (en) | Modeless interaction model for video interface | |
US5319382A (en) | Method and apparatus for manipulating a full motion video presentation in a data processing system | |
CN112866778B (zh) | 流媒体显示方法及装置、流媒体显示系统 | |
JP2012014279A (ja) | 情報処理装置、情報処理方法 | |
WO2021159645A1 (zh) | 多个视频窗口动态排布的发起、同步方法及系统 | |
US11195248B2 (en) | Method and apparatus for processing pixel data of a video frame | |
US7205957B2 (en) | Mechanism for adjusting the operational parameters of a component with minimal impact on graphics display | |
CN101996390B (zh) | 一种图像拷贝的方法和装置 | |
CN109960562B (zh) | 一种信息展示方法、装置和计算机可读存储介质 | |
TW201409350A (zh) | 影像外接裝置的處理方法以及影像外接裝置 | |
US9401948B2 (en) | System and method for enhancing multi-module experience | |
CN108255568B (zh) | 一种终端界面显示方法及装置、终端、存储介质 | |
CN114625891A (zh) | 多媒体数据处理方法、装置和系统 | |
US20060256128A1 (en) | System and method for conserving memory bandwidth while supporting multiple sprites | |
CN117472801B (zh) | 显存带宽优化方法、装置、系统及bmc系统 |
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 | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20210617 Address after: 100097 612, 5th floor, No. 15, North West Fourth Ring Road, Haidian District, Beijing Applicant after: PIXELHUE TECHNOLOGY Ltd. Address before: 710075 DEF101, Zero One Square, Xi'an Software Park, No. 72 Zhangbajie Science and Technology Second Road, Xi'an High-tech Zone, Shaanxi Province Applicant before: XI'AN NOVASTAR TECH Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |