图像显示方法及系统与流程

本公开涉及图像处理技术领域，尤其涉及图像显示方法及系统。

背景技术：

随着互联网技术的不断发展，远程监控已越来越普及。但是在现有技术中，为了实现对源端设备的监控，需要通过监控设备(如摄像头、照相机等)才能将监控画面或视频传输给监控终端，监控终端将监控画面或监控视频通过相互拼接在显示屏上进行显示，当需要对监控画面放大显示时，只能放大用户所选中的监控画面，无法做到将多个监控画面同时进行放大显示，降低监控效率。

技术实现要素：

本公开实施例提供一种图像显示方法及系统，能够在显示端设备分屏显示多个源端设备的实时画面，提高监控效率。所述技术方案如下：

根据本公开实施例的第一方面，提供一种图像显示方法，该方法包括：

确定至少两个目标画面；

根据目标画面的数量确定画面显示区的第一分屏模式，第一分屏模式用于指示画面显示区中每个第一子显示区的排布显示参数以及每个第一子显示区与目标画面的对应关系；

将每个第一子显示区的排布显示参数发送给与目标画面对应的采集端设备；

接收每个采集端设备发送的第一编码画面，并将第一编码实时画面解码后显示在对应的第一子显示区，第一编码画面为每个采集端设备根据各自的第一排布显示参数对采集的源端设备的实时画面编码得到的。

本公开实施例能够在显示端设备分屏显示多个源端设备的实时画面，提高监控效率。

在一个实施例中，确定至少两个目标画面包括：

获取第一操作指令，并根据第一操作指令确定目标缩略图，第一操作指令用于指示用户从缩略图列表中选中目标缩略图；

将画面显示区中的已显示画面和目标缩略图确定为目标画面。

在一个实施例中，将画面显示区中的已显示画面和目标缩略图确定为目标画面包括：

在画面显示区中已显示画面的数量大于或等于2时，从画面显示区中的已显示画面中确定目标显示画面；

将目标显示画面和目标缩略图确定为目标画面。

在一个实施例中，该方法还包括：

获取切换操作指令，并根据切换操作指令从第一分屏模式切换到第二分屏模式，第二分屏模式用于指示画面显示区中每个第二子显示区的排布显示参数以及每个第二子显示区与目标画面的对应关系；

将每个第二子显示区的排布显示参数发送给对应的采集端设备；

接收采集端设备发送的第二编码画面，并将第二编码画面解码后显示在对应的第二子显示区，第二编码画面为每个采集端设备根据各自的排布显示参数对采集的源端设备的实时画面编码得到的。

在一个实施例中，该方法还包括：

获取第二操作信息，并根据第二操作信息确定待显示画面的数量，第二操作信息用于指示删除画面显示区中的一个子显示区；

根据待显示画面的数量确定画面显示区的第三分屏模式；

将第三分屏模式中每个第三子显示区的第三排布显示参数发送给对应的采集端设备；

接收每个采集端设备发送的第三编码画面，并将第三编码实时画面解码后显示在对应的第三子显示区，第三编码画面为每个采集端设备根据各自的第三排布显示参数对采集的源端设备的实时画面编码得到的。

根据本公开实施例的第二方面，提供一种图像显示系统，包括：显示端设备、至少一个发送端设备和至少一个源端设备，发送端设备通过视频线与数据线与源端设备一一对应连接，发送端设备与显示端设备通信连接；

显示端设备确定至少两个目标画面，目标画面与源端设备对应；并根据目标画面的数量确定画面显示区的第一分屏模式，分屏模式用于指示画面显示区中每个子显示区的排布显示参数以及每个子显示区与源端设备的对应关系；将第一分屏模式中每个子显示区的排布显示参数发送给与目标画面对应的采集端设备；

采集端设备根据对应的排布显示参数对采集的源端设备的实时画面进行编码，得到已编码的实时画面，并将已编码的实时画面发送给显示端设备；

显示端设备将已编码的实时画面解码后显示在对应的子显示区。

在一个实施例中，显示端设备获取切换操作指令，并根据切换操作指令从第一分屏模式切换到第二分屏模式，切换操作指令用于指示切换分屏模式；将第二分屏模式中每个子显示区的排布显示参数发送给对应的采集端设备；

采集端设备根据对应的排布显示参数对采集的源端设备的实时画面进行编码，得到已编码的实时画面，并将已编码的实时画面发送给显示端设备；

显示端设备将已编码的实时画面解码后显示在对应的子显示区。

在一个实施例中，在显示端设备确定至少两个目标画面之前，显示端设备发送缩略图请求信息给采集端设备，缩略图请求中包括网络端口以及缩略图的大小信息；

采集端设备根据缩略图请求信息，采集对应的源端设备的实时画面，对实时画面进行压缩生成缩略图，并将缩略图编码后发送给显示端设备；

显示端设备将解码后的缩略图显示在缩略图列表区中相应的缩略图窗口中。

在一个实施例中，发送端设备与源端设备为相互独立的设备，或者，发送设备内嵌在源端设备中。

在一个实施例中，在首次运行时，显示端设备配置各个发送端设备的设备参数，设备参考包括发送端设备的网络地址、网络端口。

根据本公开实施例的第三方面，提供一种图像显示设备，图像显示设备包括处理器和存储器，存储器中存储有至少一条计算机指令，指令由处理器加载并执行以实现第一方面以及第一方面的任一实施例所描述的图像显示方法中所执行的步骤。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，存储介质中存储有至少一条计算机指令，指令由处理器加载并执行以实现第一方面以及第一方面的任一实施例所描述的图像显示方法中所执行的步骤。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是本公开实施例提供的一种图像显示方法的流程示意图；

图2是本公开实施例提供的一种显示端设备的画面显示的分区示意图；

图3是本公开实施例提供的一种图像显示方法的流程示意图；

图4是本公开实施例提供的一种分屏模式的结构示意图；

图5是本公开实施例提供的一种图像显示方法的流程示意图；

图6是本公开实施例提供的一种图像显示系统的结构图；

图7是本公开实施例提供的一种图像显示设备的结构图；

图8是本公开实施例提供的一种图像显示设备的结构图；

图9是本公开实施例提供的一种图像显示设备的结构图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开实施例提供一种图像显示方法，该方法应用于显示端设备，如图1所示，该图像显示方法包括以下步骤：

101、确定至少两个目标画面。

在本公开实施例中，确定至少两个目标画面包括：

获取第一操作指令，并根据第一操作指令确定目标缩略图，第一操作指令用于指示用户从缩略图列表中选择目标缩略图；

将画面显示区中的已显示画面和目标缩略图确定为目标画面。

具体的，参考图2所示，显示端设备包括显示屏，显示屏包括两个区域，一个为缩略图列表区，一个为实时计算机画面显示区，缩略图列表中包括多个缩略图，画面显示区可以分屏显示多个画面。当画面显示区已有画面进行播放显示时，当用户需要再显示缩略图列表区中的一个缩略图时，显示端设备捕获用户通过输入设备的第一操作信息，第一操作信息包括双击、单击、滑动等方式，根据第一操作指令从缩略图列表中选择目标缩略图，进而，显示端设备将画面显示区中的已显示画面和目标缩略图确定为目标画面。

当画面显示区中已显示画面的数量为1时，意味着画面显示区仅显示一张画面，此时将该已显示画面和目标缩略图确定为目标画面；进一步的，当画面显示区中已显示画面的数量大于或等于2时，从画面显示区中的已显示画面中确定目标显示画面，将目标显示画面和目标缩略图确定为目标画面。

当画面显示区中已显示画面的数量为2时，可以将已显示画面全部作为目标显示画面，也可以选择其中的一个作为目标显示画面。示例性的，假设画面显示区中已显示画面分别记为画面1和画面2，此时，在选定目标缩略图后提示用户从画面1和画面2中进行选择，若用户选择画面1作为目标显示画面，则将画面1和目标缩略图确定为目标画面。又示例性的，假设画面显示区中已显示画面分别记为画面1和画面2，且画面1的显示时间早于画面2的显示时间，此时，在选定目标缩略图后，目标缩略图可以覆盖画面1，进而将画面2和目标缩略图作为目标画面。

102、根据目标画面的数量确定画面显示区的第一分屏模式。

第一分屏模式用于指示画面显示区中每个第一子显示区的第一排布显示参数以及每个第一子显示区与目标画面的对应关系，其中，第一排布显示参数包括每个第一子显示区的坐标参数和尺寸。示例性的，若目标画面的数量为2，则将画面显示区进行二分屏；若目标画面的数量为3，则将画面显示区进行三分屏，以此类推。

103、将第一分屏模式中每个第一子显示区的第一排布显示参数发送给与目标画面对应的采集端设备。

在本公开实施例中，显示端设备与多个采集端设备通信连接，采集端设备与源端设备一一对应连接，采集端设备用于将采集的源端设备的实时画面压缩编码后发送给显示端设备，因此，在确定好每个目标画面与第一子显示区的对应关系后，将每个第一子显示区的第一排布显示参数发送给对应的采集端设备，采集端设备采集各自对应的源端设备的实时画面，并根据各自的第一排布显示参数对源端设备的实时画面进行编码，得到第一编码画面。

104、接收每个采集端设备发送的第一编码画面，并将第一编码画面解码后显示在对应的第一子显示区。

第一编码画面为每个采集端设备根据各自的第一排布显示参数对采集的对应的源端设备的实时画面编码得到的。显示端设备在接收到每个采集端设备发送的第一编码画面后，将第一编码画面解码后显示在对应的第一子显示区。

基于图1所述的图像显示画面，参考图3所示，该方法还包括：

105、获取切换操作指令，并根据切换操作指令从第一分屏模式切换到第二分屏模式。

切换操作指令用于指示切换分屏模式。当需要切换当前分屏模式时，可点击分屏模式按钮，切换分屏模式。参考图4所示，以二分屏为例，图4左侧的竖向分屏(分屏模式1)为第一分屏模式，图4右侧的横向分屏(分屏模式2)为第二分屏模式，当需要切换当前分屏模式通过点击从第一分屏模式切换到第二分屏模式，第一分屏模式和第二分屏模式中子显示区的数量是相同的，区别在于子显示区的排布方式，第二分屏模式用于指示第二分屏模式中每个第二子显示区的排布显示参数以及每个第二子显示区与目标画面的对应关系。

106、将每个第二子显示区的第二排布显示参数发送给对应的采集端设备。

在从第一分屏模式切换到第二分屏模式后，更新显示参数，即将第二分屏模式中每个第二子显示区的排布显示参数发送给对应的采集端设备，采集端设备采集各自对应的源端设备的实时画面，并根据各自对应的第二子显示区排布显示参数对源端设备的实时画面进行编码，得到第二编码画面。

107、接收采集端设备发送的第二编码画面，并将第二编码画面解码后显示在对应的第二子显示区。

第二编码画面为每个采集端设备根据各自的排布显示参数对采集的对应的源端设备的实时画面编码得到的。显示端设备在接收到每个采集端设备发送的第二编码画面后，将第二编码画面解码后显示在对应的第二子显示区。

基于图1所述的图像显示画面，参考图5所示，该方法还包括：

108、获取第二操作信息，并根据第二操作信息确定待显示画面的数量。

第二操作信息用于指示删除画面显示区中的一个子显示区。当用户通过与显示端设备连接的输入设备进行双击、单击、滑动等时，显示端设备捕获用户通过输入设备的第二操作信息，并根据第二操作指令确定待显示画面的数量。示例性的，若画面显示区为二分屏，用户删除其中的一个子显示区，则可确定需要显示的待显示画面以及待显示画面的数量为1；若画面显示区为三分屏，用户删除其中的一个子显示区，则可确定需要显示的待显示画面以及待显示画面的数量为2；若画面显示区为三分屏，用户删除其中的二个子显示区，则可确定需要显示的待显示画面以及待显示画面的数量为1。

109、根据待显示画面的数量确定画面显示区的第三分屏模式。

第三分屏模式用于指示画面显示区中每个第三子显示区的第三排布显示参数以及每个第三子显示区与目标画面的对应关系。

110、将第三分屏模式中每个第三子显示区的第三排布显示参数发送给对应的采集端设备。

111、接收每个采集端设备发送的第三编码画面，并将第三编码画面解码后显示在对应的第三子显示区。

采集端设备在接收到各自对应的第三排布显示参数时，采集各自对应的源端设备的实时画面，并根据各自的第三排布显示参数对源端设备的实时画面进行编码，得到第三编码画面；显示端设备在接收到每个采集端设备发送的第三编码画面后，将第三编码画面解码后显示在对应的第三子显示区。

本公开实施例提供的图像显示方法，确定至少两个目标画面；根据目标画面的数量确定画面显示区的第一分屏模式；将第一分屏模式中每个子显示区的排布显示参数发送给与目标画面对应的采集端设备；接收每个采集端设备发送的已编码的实时画面，并将已编码的实时画面解码后显示在对应的子显示区。本公开实施例能够在显示端设备分屏显示多个源端设备的实时画面，提高监控效率。

基于上述图1对应的实施例提供的图像显示方法，本公开另一实施例提供一种图像显示方法，该方法可以应用于图6所示的图像显示系统，该图像显示系统包括：显示端设备、至少一个采集端设备、至少一个源端设备。其中，显示端设备与键盘鼠标等输入设备连接，显示端设备与至少一个采集端设备中的每个采集端设备通信连接，采集端设备与源端设备一一对应，采集端设备与源端设备通过视频线和数据线通信连接。需要说明的是，采集端设备与源端设备为相互独立的设备，或者，采集端设备内嵌在源端设备中。图4中仅示出一个采集端设备和一个源端设备，且以采集端设备和源端设备为相互独立的两个设备为例进行示例性说明。

基于图6所示的图像显示系统，本公开实施例主要是提供了一种查看源端设备的实时计算机画面和缩略图，并且根据用户操作需求，在显示端分屏显示多个源端设备的计算机屏幕，同时接收用户输入数据并将其反馈给对应的源端设备以达到对源端设备反向控制的目的。

具体的，将源端设备通过视频线和数据线跟采集端设备进行连接，当源端设备开机之后，采集端设备会通过视频线采集源端设备的画面，并将采集获得的计算机画面进行宽高压缩生成缩略图，经缩略图进行编码按照第一帧率通过网络发送给显示端。当显示端中的程序接收到采集端设备发送过来的画面数据之后，进行解码并且显示在屏幕上。

当用户点击缩略图需要进行放大显示时，显示端预先设置将显示的宽高及屏幕坐标参数，并将显示屏幕的宽高参数发送到采集端设备，采集端设备根据参数进行编码并通过网络发送给显示端。当显示端中的程序接收到采集端设备发送过来的画面数据之后，进行解码并且按照预先设置的参数显示在屏幕上。

当用户通过键盘和鼠标在显示端显示的画面上进行操作的时候，显示端中的程序捕获用户的输入动作并且将该动作编码通过网络发送给采集端设备。当采集端设备接收到显示端发送来的反向控制数据时候进行解码，而后通过数据线将解码获得的结果反馈给源端设备，以达到反向控制源端设备的目的。

根据上述图6所示的图像显示系统，下面以在计算机教学的应用场景进行举例说明，在计算机教学中，包括教师端、发送端(硬件设备)和学生端，其中，教师端即显示端设备，发送端即采集端设备，学生端即源端计算机。

具体的，

(1)发送端设备通过视频线和数据线跟学生端连接。

(2)发送端设备通过视频线采集学生端上的计算机画面。

(3)发送端设备将采集获得的计算机画面进行宽高压缩生成缩略图，以保证低带宽，而后将缩略图进行编码按照一定的帧率通过网络发送给教师端。

(4)教师端通过网络接收到发送端设备的缩略图数据之后将其解码，并且显示在缩略图列表区中相应的缩略图窗口中。一个教师端可同时通过网络连接多个发送端，因此在缩率图列表中可以同时显示多个缩略图窗口。

(5)教师即可通过缩略图监控学生端的画面。

(6)当教师查看学生端的实时计算机画面时候，教师双击相应的缩略图。

(7)教师端软件根据教师选择的参数,如预先设置的在教师端屏幕上的显示位置和宽高，发送给相应的发送端设备。

(8)发送端设备接受到参数后将采集获得的计算机画面进行编码，并且按照一定帧率(实时计算机画面)发送给教师端。

(9)教师端接收到发送端设备的实时计算机画面数据后进行解码并根据预先设置的参数，显示在实时计算机画面显示区。

(10)当实时计算机画面显示区已有计算机画面播放时，再次双击新的缩略图时，教师端软件的显示区域将自动分屏显示。并重设两路画面的显示参数，同时将各自的参数发送到对应的发送端设备。发送端设备接收到新的参数后，根据新参数进行采集编码，继续发送到教师端显示。

(11)正在进行分屏显示的画面，当需要切换当前分屏模式时，可点击软件左上角的分屏模式按钮，切换分屏模式。如下图，选择不同的分屏模式可切换分屏模式。切换后，软件自动更新显示参数，并更新各发送端s端的采集参数，使用更新后的参数采集并显示

(12)当教师需要操作学生端时，则可以将鼠标移动到某个实时计算机画面显示区，并用鼠标和键盘进行操作。

(13)在教师端，当键盘鼠标的操作对象为实时计算机画面显示区的时候，软件根据鼠标所在的屏幕位置，对应相应的s端，并采集键盘鼠标的输入信息，并将输入信息进行编码通过网络发送给对应的发送端。

(14)当发送端通过网络接收到教师端发送来的输入信息数据之后，将数据进行解码，而后将解码获得的数据通过数据线发送给学生端，即可达到在分屏模式下操作学生端计算机的目的。

本公开实施例提供的图像显示方法，可以查看源端设备的实时计算机画面和缩略图，并且根据用户操作需求，在显示端分屏显示多个源端设备的计算机屏幕，同时接收用户输入数据并将其反馈给对应的源端设备以达到对源端设备反向控制的目的。

基于上述图1～图3对应的实施例中所描述的图像显示方法，下述为本公开装置实施例，可以用于执行本公开方法实施例。

本公开实施例提供一种图像显示设备，如图7所示，该图像显示设备70包括：第一确定模块701、第二确定模块702、发送模块703、接收模块704和解码模块705；

第一确定模块701，用于确定至少两个目标画面；

第二确定模块702，用于根据所述目标画面的数量确定画面显示区的第一分屏模式，所述第一分屏模式用于指示所述画面显示区中每个第一子显示区的排布显示参数以及所述每个第一子显示区与所述目标画面的对应关系；

发送模块703，用于将所述每个第一子显示区的排布显示参数发送给与所述目标画面对应的采集端设备；

接收模块704，用于接收每个所述采集端设备发送的第一编码画面；

解码模块705，用于将所述第一编码实时画面解码后显示在对应的第一子显示区，所述第一编码画面为所述每个采集端设备根据各自的第一排布显示参数对采集的源端设备的实时画面编码得到的。

如图8所示，第一确定模块701包括：获取子模块7011和确定子模块7012；

在一个实施例中，获取子模块7011，用于获取第一操作指令，并根据所述第一操作指令确定目标缩略图，所述第一操作指令用于指示用户从缩略图列表中选中目标缩略图；

确定子模块7012，用于将所述画面显示区中的已显示画面和所述目标缩略图确定为所述目标画面。

在一个实施例中，确定子模块7012，用于在所述画面显示区中已显示画面的数量大于或等于2时，从所述画面显示区中的已显示画面中确定目标显示画面；

确定子模块7012，用于将所述目标显示画面和所述目标缩略图确定为所述目标画面

如图9所示，该图像显示设备70还包括：获取模块706；

在一个实施例中，获取模块706，用于获取切换操作指令，并根据所述切换操作指令从所述第一分屏模式切换到第二分屏模式，所述第二分屏模式用于指示所述画面显示区中每个第二子显示区的排布显示参数以及每个第二子显示区与所述目标画面的对应关系；

发送模块703，用于将所述每个第二子显示区的排布显示参数发送给对应的采集端设备；

接收模块704，用于接收所述采集端设备发送的第二编码画面；

解码模块705，用于将所述第二编码画面解码后显示在对应的第二子显示区，所述第二编码画面为所述每个采集端设备根据各自的排布显示参数对采集的源端设备的实时画面编码得到的。

在一个实施例中，获取模块706，用于获取第二操作信息，并根据所述第二操作信息确定待显示画面的数量，所述第二操作信息用于指示删除所述画面显示区中的一个子显示区；

第二确定模块702，用于根据所述待显示画面的数量确定所述画面显示区的第三分屏模式；

发送模块703，用于将所述每个第三子显示区的排布显示参数发送给对应的采集端设备；

接收模块704，用于接收每个所述采集端设备发送的第三编码画面；

解码模块705，用于将所述第三编码实时画面解码后显示在对应的第三子显示区，所述第三编码画面为所述每个采集端设备根据各自的第三排布显示参数对采集的源端设备的实时画面编码得到的。

本公开实施例提供的图像显示设备，确定至少两个目标画面；根据目标画面的数量确定画面显示区的第一分屏模式；将第一分屏模式中每个子显示区的排布显示参数发送给与目标画面对应的采集端设备；接收每个采集端设备发送的已编码的实时画面，并将已编码的实时画面解码后显示在对应的子显示区。本公开实施例能够在显示端设备分屏显示多个源端设备的实时画面，提高监控效率。

本公开实施例还提供了一种图像显示设备，该图像显示设备包括接收器、发射器、存储器和处理器，该发射器和存储器分别与处理器连接，存储器中存储有至少一条计算机指令，处理器用于加载并执行至少一条计算机指令，以实现上述图1～图3对应的实施例中所描述的图像显示方法。

基于上述图1～图3对应的实施例中所描述的图像显示方法，本公开实施例还提供一种计算机可读存储介质，例如，非临时性计算机可读存储介质可以是只读存储器(英文：readonlymemory，rom)、随机存取存储器(英文：randomaccessmemory，ram)、cd-rom、磁带、软盘和光数据存储装置等。该存储介质上存储有计算机指令，用于执行上述图1～图3对应的实施例中所描述的图像显示方法，此处不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

本领域技术人员在考虑说明书及实践这里公开的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。