CN111459428A - 显示界面同步方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本发明公开了一种显示界面同步方法、装置、计算机设备及存储介质，通过获取第一图像和第二图像，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像；对第一图像和第二图像进行比对，得到比对结果，比对结果指示第一图像和第二图像的差异程度；根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据；将图像更新数据发送至接收端，以指示接收端根据图像更新数据进行图像渲染，更新接收端的当前界面图像。通过发送端获取到的第一图像与第一图像的上一帧图像进行比对，根据两幅图像的差异程度来生成图像更新数据，提高了图像更新数据生成的准确性，减少了系统数据传输的冗余，提高了系统运行和传输数据的速率。

Description

显示界面同步方法、装置、计算机设备及存储介质

技术领域

本发明涉及无线传屏领域，尤其涉及一种显示界面同步方法、装置、计算机设备及存储介质。

背景技术

随着计算机技术的发展，无线传屏技术被广泛应用在生活场景，会议场景和教育场景中。

目前，大多数无线传屏技术的通信方式会以单一的无线网络进行数据传输。并且当前的无线传屏技术中常常直接将获取到的显示界面内容数据进行编码转成视频流发送到另一端，从而使得在很多时候无线传屏传输的数据是冗余的，导致系统运行速度降低，甚至会导致无线传屏过程中出现卡顿现象。

发明内容

本发明实施例提供一种显示界面同步方法、装置、计算机设备及存储介质，以解决无线传屏传输数据冗余的问题。

一种显示界面同步方法，包括：

获取第一图像和第二图像，所述第一图像为发送端的当前界面图像，第二图像为所述第一图像的上一帧图像；

对所述第一图像和所述第二图像进行比对，得到比对结果，所述比对结果指示所述第一图像和所述第二图像的差异程度；

根据所述比对结果，生成图像更新数据，所述图像更新数据包括指示标识和/或图像数据；

将所述图像更新数据发送至接收端，以指示接收端根据所述图像更新数据进行图像渲染，更新所述接收端的当前界面图像。

一种显示界面同步装置，包括：

图像获取模块，用于获取第一图像和第二图像，所述第一图像为发送端的当前界面图像，第二图像为所述第一图像的上一帧图像；

图像比对模块，用于对所述第一图像和所述第二图像进行比对，得到比对结果，所述比对结果指示所述第一图像和所述第二图像的差异程度；

图像更新数据生成模块，用于根据所述比对结果，生成图像更新数据，所述图像更新数据包括指示标识和/或图像数据；

数据发送模块，用于将所述图像更新数据发送至接收端，以指示接收端根据所述图像更新数据进行图像渲染，更新所述接收端的当前界面图像。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述显示界面同步方法的步骤。

一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述显示界面同步方法的步骤。

上述显示界面同步方法、装置、计算机设备及存储介质，通过获取第一图像和第二图像，所述第一图像为发送端的当前界面图像，第二图像为所述第一图像的上一帧图像；对所述第一图像和所述第二图像进行比对，得到比对结果，所述比对结果指示所述第一图像和所述第二图像的差异程度；根据所述比对结果，生成图像更新数据，所述图像更新数据包括指示标识和/或图像数据；将所述图像更新数据发送至接收端，以指示接收端根据所述图像更新数据进行图像渲染，更新所述接收端的当前界面图像。通过发送端获取到的发送端的当前界面图像与当前界面图像的上一帧图像进行比对，根据比对结果中两幅图像的差异程度来生成图像更新数据，提高了图像更新数据生成的准确性，同时，根据不同情况生成图像更新数据，减少了系统数据传输的冗余，提高了系统运行和传输数据的速率。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例中显示界面同步方法的一应用环境示意图；

图2是本发明一实施例中显示界面同步方法的一流程图；

图3是本发明一实施例中显示界面同步方法的另一流程图；

图4是本发明一实施例中显示界面同步方法的另一流程图；

图5是本发明一实施例中显示界面同步方法的另一流程图；

图6是本发明一实施例中显示界面同步装置的一原理框图；

图7是本发明一实施例中显示界面同步装置的另一原理框图；

图8是本发明一实施例中显示界面同步装置的另一原理框图；

图9是本发明一实施例中显示界面同步装置的另一原理框图；

图10是本发明一实施例中计算机设备的一示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供的显示界面同步方法，该显示界面同步方法可应用如图1所示的应用环境中。具体地，图1包括发送端和接收端，发送端与接收端通过网络进行通信，用于解决无线传屏传输数据冗余的问题。其中，发送端又称为用户端，是指与接收端相对应,为客户提供本地服务的程序。发送端可以但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。接收端可以但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。

在一实施例中，如图2所示，提供一种显示界面同步方法，以该方法应用在图1中的发送端为例进行说明，包括如下步骤：

S11：获取第一图像和第二图像，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像。

其中，第一图像为发送端的当前界面图像，即当前时刻发送端显示界面的显示图像。第二图像为发送端的当前界面图像的上一帧图像，即在发送端当前界面图像之前，在发送端显示界面上的显示图像。

具体地，发送端首先获取当前界面图像，并将当前界面图像作为第一图像；再根据第一图像获取该第一图像的上一帧图像，并将该第一图像的上一帧图像作为第二图像。

S12：对第一图像和第二图像进行比对，得到比对结果，比对结果指示第一图像和第二图像的差异程度。

其中，比对结果为发送端对第一图像和第二图像进行比对得到的结果，该比对结果指示第一图像和第二图像的差异程度。可选地，差异程度为第一图像和第二图像的差异区域占第一图像或者第二图像整个区域的百分比。

具体地，在获取到第一图像和第二图像之后，采用比对算法对第一图像和第二图像进行比对，得到比对结果。

在一具体实施例中，采用比对算法对第一图像和第二图像进行比对包括：

计算第一图像和第二图像之间的汉明距离，若汉明距离为0，则表明第一图像和第二图像之间没有差异，即第一图像和第二图像是相同的。若汉明距离不为0，则表明第一图像和第二图像之间是存在差异的，即第一图像和第二图像是不相同的，如果汉明距离越大，则第一图像和第二图像之间的差异程度越高。

在另一具体实施例中，采用比对算法对第一图像和第二图像进行比对还包括：

将第一图像的每个像素点的值减去第二图像中相对应的每个像素点的值，得到相减结果。示例性地，第一图像的第一个像素点的值减去第二图像的第一个像素点的值。

如果相减结果为相减后得到的每个像素点的值都为0，则表明第一图像和第二图像之间没有差异，即第一图像和第二图像是相同的。如果相减结果为相减后得到的像素点中有不为0的情况，则表明不为0的区域为第一图像和第二图像之间存在差异的区域，而其余为0的区域则是第一图像和第二图像之间没有差异。

进一步地，在将将第一图像的每个像素点的值减去第二图像相对应的每个像素点的值，得到相减结果之后，对第一图像进行边缘检测，根据边缘检测结果，采用最小外接矩形算法计算出第一图像和第二图像中存在差异的区域。

可选地，在采用比对算法对第一图像和第二图像进行比对之前，可以对第一图像和第二图像进行切割，以为第一图像和第二图像划分区域，能够更快的计算出第一图像和第二图像存在差异的区域。

S13：根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据。

其中，图像更新数据为发送端根据比对结果生成的数据，该图像更新数据包括指示标识、图像数据或指示标识和图像数据，该图像数据包括第一图像和第二图像之间的差异内容和差异内容对应的坐标。

具体地，在对第一图像和第二图像进行比对，得到比对结果之后，根据比对结果，对比对结果进行自定义编码，生成图像更新数据。其中，比对结果包括第一结果、第二结果和第三结果。

进一步地，第一结果指示第一图像和第二图像相同，若比对结果为第一结果，则生成第一指示标识，将所述第一指示标识作为图像更新数据，所述第一指示标识指示接收端无需更新接收端的当前界面图像；

第二结果指示第一图像和第二图像的比对差异未超过预设阈值，若比对结果为第二结果，则生成第二指示标识和图像数据，将所述第二指示标识和图像数据组成图像更新数据，所述第二指示标识指示接收端根据所述图像数据进行图像渲染，以更新接收端的当前界面图像。示例性地，预设阈值为第一图像和第二图像的比对差异区域占第一图像或第二图像的整个区域的40％、50％或者60％等。

可选地，假设采用将第一图像的每个像素点的值减去第二图像相对应的每个像素点的值，得到相减结果的方式，判断第一图像和第二图像的差异区域。可以将相减结果中像素差值不为0的区域的像素值作为图像数据，也可以将在第一图像中，与相减结果中像素差值不为0的区域对应的区域的像素值作为图像数据。

第三结果指示第一图像和第二图像的比对差异超过预设阈值，若比对结果为第三结果，则将所述第一图像作为图像更新数据。

其中，预设阈值用于衡量第一图像和第二图像的比对差异，预设阈值可为发送端默认设置的值，也可以为用户根据第一图像和第二图像的区域大小设置的值，还可以将预设阈值设置为第一图像和第二图像的比对差异区域占第一图像或第二图像的整个区域的百分比，示例性地，预设阈值为第一图像和第二图像的比对差异区域占第一图像或第二图像的整个区域的40％、50％或者60％等。

S14：将图像更新数据发送至接收端，以指示接收端根据图像更新数据进行图像渲染，更新接收端的当前界面图像。

其中，接收端是与发送端对应的，该接收端与发送端之间进行数据的传输，接收端可以但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备上。

具体地，在根据比对结果，生成图像更新数据之后，将该图像更新数据发送至接收端，接收端在接收到图像更新数据之后，根据图像更新数据进行图像渲染，以更新接收端的当前界面图像。

在本实施例中，通过获取第一图像和第二图像，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像；对第一图像和第二图像进行比对，得到比对结果，比对结果指示第一图像和第二图像的差异程度；根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据；将图像更新数据发送至接收端，以指示接收端根据图像更新数据进行图像渲染，更新接收端的当前界面图像。通过发送端获取到的发送端的当前界面图像与当前界面图像的上一帧图像进行比对，根据比对结果中两幅图像的差异程度来生成图像更新数据，提高了图像更新数据生成的准确性，同时，根据不同情况生成图像更新数据，减少了系统数据传输的冗余，提高了系统运行和传输数据的速度。

在一实施例中，在获取第一图像和第二图像之前，显示界面同步方法还包括：

建立与接收端的网络连接，网络连接包括WIFI连接和蓝牙连接。

在将图像更新数据发送至接收端时，显示界面同步方法还包括：

监听网络连接中的网络连接状态。

若WIFI连接的网络连接状态为连接失败状态或者网络不佳状态，则在以蓝牙连接的网络连接状态下，将图像更新数据发送至接收端；

若蓝牙连接的网络连接状态为连接失败状态或者网络不佳状态，则在以WIFI连接的网络连接状态下，将图像更新数据发送至接收端。

其中，网络连接是为发送端与接收端之间进行无线数据传输做准备，可选地，网络连接包括WIFI连接和蓝牙连接两种无线连接方式。网络连接状态为发送端与接收端的连接状态，网络连接状态包括连接成功状态、网络不佳状态和连接失败状态。其中，网络不佳状态可以为网络不稳定的状态，也可以为网络的传输速率较小的状态。示例性地，当网络的传输速率小于50kb/s、100kb/s或者150kb/s等，都可以作为网络的传输速率较小的状态。

具体地，在获取第一图像和第二图像之前，发送端建立与接收端的网络连接，网络连接包括WIFI连接和蓝牙连接，在将图像更新数据发送至接收端时，监听网络连接中的网络连接状态。

可选地，发送端与接收端进行数据传输时，默认在WIFI连接状态下进行数据的传输。若WIFI连接的网络连接状态为连接失败状态或者网络不佳状态，则在蓝牙连接的网络连接状态下，将图像更新数据发送至接收端；若蓝牙连接的网络连接状态为连接失败状态或者网络不佳状态，则在WIFI连接的网络连接状态下，将图像更新数据发送至接收端。

本实施例中，通过建立与接收端的网络连接，网络连接包括WIFI连接和蓝牙连接。在将图像更新数据发送至接收端时，显示界面同步方法还包括：

监听网络连接中的网络连接状态；若WIFI连接的网络连接状态为连接失败状态或者网络不佳状态，则在蓝牙连接的网络连接状态下，将图像更新数据发送至接收端；若蓝牙连接的网络连接状态为连接失败状态或者网络不佳状态，则在WIFI连接的网络连接状态下，将图像更新数据发送至接收端。采用两种无线连接方式作为系统网络连接的方式，能够提高传输数据的稳定性，防止某一个无线连接方式不稳定掉线或者无法连接时，导致传输中断或者传输数据失败，提高了用户体验性。

在一实施例中，如图3所示，步骤S13中，比对结果包括第一结果、第二结果和第三结果，第一结果指示第一图像和第二图像相同，第二结果指示第一图像和第二图像的比对差异未超过预设阈值，第三结果指示第一图像和第二图像的比对差异超过预设阈值。根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据具体包括如下步骤：

S131：若比对结果为第一结果，则生成第一指示标识，将第一指示标识作为图像更新数据，第一指示标识指示接收端无需更新接收端的当前界面图像。

其中，第一结果指示第一图像和第二图像相同。第一指示标识的实质为标识信号，第一指示标识指示接收端无需更新接收端的当前界面图像。

具体地，在对第一图像和第二图像进行比对，得到比对结果之后，对比对结果进行判断，若比对结果为第一结果，则生成无需更新接收端的当前界面图像的标识，即生成第一指示标识，将第一指示标识作为图像更新数据，该第一指示标识用于指示接收端无需更新接收端的当前界面图像。其中，当第一图像和第二图像相同时，只需要传输一个标识信号，不需要再对图像进行传输，减少数据冗余的情况。

S132：若比对结果为第二结果，则生成第二指示标识和图像数据，将第二指示标识和图像数据组成图像更新数据，第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像。

其中，第二结果指示第一图像和第二图像的比对差异未超过预设阈值。第二指示标识的实质为标识信号，第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像。图像数据包括第一图像和第二图像之间的差异内容和差异内容对应的坐标。

具体地，在对第一图像和第二图像进行比对，得到比对结果之后，对比对结果进行判断，若比对结果为第二结果，则将第一图像和第二图像之间存在差异的区域的内容取出，并将该区域在第一图像中对应的坐标位置也取出，将该差异的区域的内容和差异的区域对应的坐标位置作为图像数据。进一步地，生成一个图像部分更新的标识信号，即第二指示标识，该第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像。

S133：若比对结果为第三结果，则将第一图像作为图像更新数据。

其中，第三结果指示第一图像和第二图像的比对差异超过预设阈值。

具体地，在对第一图像和第二图像进行比对，得到比对结果之后，对比对结果进行判断，若比对结果为第三结果，则将第一图像作为图像更新数据。在第一图像和第二图像的比对差异超过预设阈值时，直接将第一图像作为图像更新数据，不再输出差异区域内容和图像更新标识，提高显示界面图像更新的速率。

在本实施例中，若比对结果为第一结果，则生成第一指示标识，将第一指示标识作为图像更新数据，第一指示标识指示接收端无需更新接收端的当前界面图像；若比对结果为第二结果，则生成第二指示标识和图像数据，将第二指示标识和图像数据组成图像更新数据，第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像；若比对结果为第三结果，则将第一图像作为图像更新数据。根据不同的比对结果，生成相对应的图像更新数据。在第一图像和第二图像相同时，只需要传输一个标识信号，不需要再对图像进行传输，减少数据冗余的情况。在第一图像和第二图像的比对差异未超过预设阈值，在少部分存在差异时，采用传输差异区域内容和更新标识信号的方式，能够提高显示界面图像更新的速率。在第一图像和第二图像的比对差异超过预设阈值时，直接将第一图像作为图像更新数据，不再输出差异区域内容和图像更新标识，提高显示界面图像更新的速率。

在一实施例中，如图4所示，本发明实施例还提供一种显示界面同步方法，以该方法应用在图1中的接收端为例进行说明，包括如下步骤：

S15：接收发送端发送的图像更新数据，图像更新数据是发送端对第一图像和第二图像进行比对，得到比对结果之后，根据比对结果生成的，其中，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像。

其中，图像更新数据为发送端根据比对结果生成的数据，该图像更新数据包括指示标识和/或图像数据，该图像数据包括第一图像和第二图像之间的差异内容和差异内容对应的坐标。比对结果为发送端对第一图像和第二图像进行比对得到的结果，该比对结果指示第一图像和第二图像的差异程度。进一步地，差异程度为第一图像和第二图像的差异区域占第一图像或者第二图像整个区域的百分比。第一图像为发送端的当前界面图像，即当前时刻发送端显示界面的显示图像。第二图像为发送端的当前界面图像的上一帧图像，，即在发送端当前界面图像之前，在发送端显示界面上的显示图像。

具体地，发送端首先获取第一图像和第二图像，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像；对第一图像和第二图像进行比对，得到比对结果，比对结果指示第一图像和第二图像的差异程度；根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据。发送端将生成的图像更新数据发送至接收端中，接收端接收该图像更新数据。

S16：根据图像更新数据进行图像渲染，更新接收端的当前界面图像。

其中，图像渲染指的是接收端根据图像更新数据对接收端的当前界面图像进行渲染的过程。

具体地，在接收到发送端发送的图像更新数据之后，根据该图像更新数据进行图像渲染，以更新接收端的当前界面图像。

在本实施例中，通过接收发送端发送的图像更新数据，图像更新数据是发送端对第一图像和第二图像进行比对，得到比对结果之后，根据比对结果生成的，其中，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像；根据图像更新数据进行图像渲染，更新接收端的当前界面图像。通过发送端中对第一图像和第二图像进行比对，得到比对结果，再根据不同的比对结果，生成相对应的图像更新数据，提高了图像更新数据生成的准确性，减少了系统数据传输的冗余，提高了系统运行和传输数据的速度。接收端根据不同的图像更新数据，对接收端的当前界面图像进行渲染更新，提高了接收端对显示界面图像的更新速率。

在一实施例中，比对结果包括第一结果、第二结果和第三结果，第一结果指示第一图像和第二图像相同，第二结果指示第一图像和第二图像的比对差异未超过预设阈值，第三结果指示第一图像和第二图像的比对差异超过预设阈值；接收发送端发送的图像更新数据包括：

S151：若比对结果为第一结果，则图像更新数据为第一指示标识。

其中，第一结果指示第一图像和第二图像相同。第一指示标识的实质为标识信号，第一指示标识指示接收端无需更新接收端的当前界面图像。

具体地，发送端在对第一图像和第二图像进行比对，得到比对结果之后，发送端对比对结果进行判断，若比对结果为第一结果，则生成无需更新接收端的当前界面图像的标识，即生成第一指示标识，并将第一指示标识作为图像更新数据，该第一指示标识用于指示接收端无需更新接收端的当前界面图像。其中，当第一图像和第二图像相同时，只需要传输一个标识信号，不需要再对图像进行传输，减少数据冗余的情况。

S152：若比对结果为第二结果，则图像更新数据包括第二指示标识和图像数据。

其中，第二结果指示第一图像和第二图像的比对差异未超过预设阈值。第二指示标识的实质为标识信号，第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像。图像数据包括第一图像和第二图像之间的差异内容和差异内容对应的坐标。

具体地，发送端在对第一图像和第二图像进行比对，得到比对结果之后，发送端对比对结果进行判断，若比对结果为第二结果，则将第一图像和第二图像之间存在差异的区域的内容取出，并将该区域在第一图像中对应的坐标位置也取出，将该差异的区域的内容和差异的区域对应的坐标位置作为图像数据。进一步地，生成一个图像部分更新的标识信号，即第二指示标识，该第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像。

S153：若比对结果为第三结果，则图像更新数据为第一图像。

其中，第三结果指示第一图像和第二图像的比对差异超过预设阈值。

具体地，发送端在对第一图像和第二图像进行比对，得到比对结果之后，发送端对比对结果进行判断，若比对结果为第三结果，则将第一图像作为图像更新数据。在第一图像和第二图像的比对差异超过预设阈值时，发送端直接将第一图像作为图像更新数据，不再输出差异区域内容和图像更新标识，提高显示界面图像更新的速率。

在本实施例中，通过若比对结果为第一结果，则图像更新数据为第一指示标识；若比对结果为第二结果，则图像更新数据包括第二指示标识和图像数据；若比对结果为第三结果，则图像更新数据为第一图像。根据不同的比对结果，生成相对应的图像更新数据。在第一图像和第二图像相同时，只需要传输一个标识信号，不需要再对图像进行传输，减少数据冗余的情况。在第一图像和第二图像的比对差异未超过预设阈值，在少部分存在差异时，采用传输差异区域内容和更新标识信号的方式，能够提高显示界面图像更新的速率。在第一图像和第二图像的比对差异超过预设阈值时，直接将第一图像作为图像更新数据，不再输出差异区域内容和图像更新标识，提高显示界面图像更新的速率。。

在一实施例中，如图5所示，步骤16中，即根据所述图像更新数据进行图像渲染，更新接收端的当前界面图像具体包括以下步骤：

S161：若图像更新数据为第一指示标识，则在缓冲帧中渲染接收端的当前界面图像，并对接收端的当前界面图像进行更新。

其中，缓冲帧为接收端中存放等待合成、正在合成或者等待显示的区域。

具体地，在接收到发送端发送的图像更新数据之后，对图像更新数据进行解码，若解码后的图像更新数据为第一指示标识，即指示无需更新接收端的当前界面图像，则在缓冲帧中渲染接收端的当前界面图像，因此接收端的当前界面图像无需更新。

S162：若图像更新数据包括第二指示标识和图像数据，则在缓冲帧中渲染接收端的当前界面图像，在接收端的当前界面图像中，渲染与图像数据对应的区域，并对接收端的当前界面图像进行更新。

具体地，在接收到发送端发送的图像更新数据之后，对图像更新数据进行解码，若解码后的图像更新数据包括第二指示标识和图像数据，即指示需要根据图像数据对接收端的当前界面图像进行图像渲染，以更新接收端的当前界面图像。进一步地，先在缓冲帧中渲染接收端的当前界面图像；由于图像数据中包含第一图像和第二图像之间存在差异的区域的内容和该区域对应的坐标位置，因此在缓冲帧中渲染接收端的当前界面图像之后，找到接收端的当前界面图像与差异的区域坐标位置对应的区域，得到接收端的差异区域；再将第一图像和第二图像之间存在差异的区域的内容替代接收端的差异区域的内容，以更新接收端的当前界面图像。

S163：若图像更新数据为第一图像，则在缓冲帧中渲染第一图像，并对接收端的当前界面图像进行更新。

具体地，在接收到发送端发送的图像更新数据之后，对图像更新数据进行解码，若解码后的图像更新数据为第一图像，则接收端在缓冲帧中渲染第一图像，将接收端的当前界面图像更新为第一图像。

在本实施例中，若图像更新数据为第一指示标识，则在缓冲帧中渲染接收端的当前界面图像；若图像更新数据包括第二指示标识和图像数据，则先在缓冲帧中渲染接收端的当前界面图像，然后在接收端的当前界面图像中，渲染与图像数据对应的区域；若图像更新数据为第一图像，则在缓冲帧中渲染第一图像。根据不同的图像更新数据，在缓冲帧中对接收端的当前界面图像进行渲染，能够考虑到各种情况，减少数据传输的冗余，也降低缓冲帧中数据存储的压力。在第一图像和第二图像的比对差异未超过预设阈值，则更新差异区域内容，提高了显示界面图像更新速率。在第一图像和第二图像的比对差异超过预设阈值时，则采用第一图像进行渲染，减少了缓冲帧中寻找差异区域和替换内容的时间，进一步提高了显示界面图像更新速率。

在一实施例中，提供一种显示界面同步方法，以该方法应用在图1所述的应用环境为例进行说明，包括如下步骤：

发送端建立与接收端的网络连接，网络连接包括WIFI连接和蓝牙连接。

发送端获取第一图像和第二图像，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像。

发送端对第一图像和第二图像进行比对，得到比对结果，比对结果指示第一图像和第二图像的差异程度。

发送端根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据。

发送端将图像更新数据发送至接收端，并监听图像更新数据发送过程的网络连接状态。

接收端根据发送端发送的图像更新数据进行图像渲染，更新接收端的当前界面图像。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

在一实施例中，提供一种显示界面同步装置，该显示界面同步装置与上述实施例中显示界面同步方法一一对应。如图6所示，该显示界面同步装置包括图像获取模块11、图像比对模块12、图像更新数据生成模块13和数据发送模块14。各功能模块详细说明如下：

图像获取模块11，用于获取第一图像和第二图像，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像；

图像比对模块12，用于对第一图像和第二图像进行比对，得到比对结果，比对结果指示第一图像和第二图像的差异程度；

图像更新数据生成模块13，用于根据比对结果，生成图像更新数据，图像更新数据包括指示标识和/或图像数据；

数据发送模块14，用于将图像更新数据发送至接收端，以指示接收端根据图像更新数据进行图像渲染，更新接收端的当前界面图像。

可选地，显示界面同步装置还包括：

网络连接模块，用于建立与接收端的网络连接，网络连接包括WIFI连接和蓝牙连接。

网络监听模块，用于监听网络连接中的网络连接状态。

第一网络切换模块，用于当WIFI连接的网络连接状态为连接失败状态或者网络不佳状态时，在以蓝牙连接的网络连接状态下，将图像更新数据发送至接收端；

第二网络切换模块，用于当蓝牙连接的网络连接状态为连接失败状态或者网络不佳状态时，在以WIFI连接的网络连接状态下，将图像更新数据发送至接收端。

可选地，如图7所示，图像更新数据生成模块13还包括：

第一数据生成模块131，用于当比对结果为第一结果时，生成第一指示标识，将第一指示标识作为图像更新数据，第一指示标识指示接收端无需更新接收端的当前界面图像。

第二数据生成模块132，用于当比对结果为第二结果时，生成第二指示标识和图像数据，将第二指示标识和图像数据组成图像更新数据，第二指示标识指示接收端根据图像数据进行图像渲染，以更新接收端的当前界面图像。

第三数据生成模块133，用于当比对结果为第三结果，将第一图像作为图像更新数据。

在一实施例中，提供一种显示界面同步装置，该显示界面同步装置与上述实施例中显示界面同步方法一一对应。如图8所示，该显示界面同步装置包括数据接收模块15和图像更新模块16。各功能模块详细说明如下：

数据接收模块15，用于接收发送端发送的图像更新数据，图像更新数据是发送端对第一图像和第二图像进行比对，得到比对结果之后，根据比对结果生成的，其中，第一图像为发送端的当前界面图像，第二图像为第一图像的上一帧图像。

图像更新模块16，用于根据图像更新数据进行图像渲染，更新接收端的当前界面图像。

可选地，数据接收模块15还包括：

第四数据模块151，用于当比对结果为第一结果时，图像更新数据为第一指示标识。

第五数据模块152，用于当比对结果为第二结果，图像更新数据包括第二指示标识和图像数据。

第六数据模块153，用于当比对结果为第三结果，图像更新数据为第一图像。

可选地，如图9所示，图像更新模块16还包括：

第一更新模块161，用于当图像更新数据为第一指示标识，则在缓冲帧中渲染接收端的当前界面图像，并对接收端的当前界面图像进行更新。

第二更新模块162，用于当图像更新数据包括第二指示标识和图像数据，则在缓冲帧中渲染接收端的当前界面图像，在接收端的当前界面图像中，渲染与图像数据对应的区域，并对接收端的当前界面图像进行更新。

第三更新模块163，用于当图像更新数据为第一图像，则在缓冲帧中渲染第一图像，并对接收端的当前界面图像进行更新。

关于显示界面同步装置的具体限定可以参见上文中对于显示界面同步方法的限定，在此不再赘述。上述显示界面同步装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图10所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于上述实施例中显示界面同步方法中使用到的数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种显示界面同步方法。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述实施例中的显示界面同步方法。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述实施例中的显示界面同步方法。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种显示界面同步方法，其特征在于，包括：

获取第一图像和第二图像，所述第一图像为发送端的当前界面图像，第二图像为所述第一图像的上一帧图像；

对所述第一图像和所述第二图像进行比对，得到比对结果，所述比对结果指示所述第一图像和所述第二图像的差异程度；

根据所述比对结果，生成图像更新数据，所述图像更新数据包括指示标识和/或图像数据；

将所述图像更新数据发送至接收端，以指示接收端根据所述图像更新数据进行图像渲染，更新所述接收端的当前界面图像。

2.如权利要求1所述的显示界面同步方法，其特征在于，在所述获取第一图像和第二图像之前，所述显示界面同步方法还包括：

建立与所述接收端的网络连接，所述网络连接包括WIFI连接和蓝牙连接；

所述将所述图像更新数据发送至接收端，包括：

监听所述网络连接中的网络连接状态；

若所述WIFI连接的网络连接状态为连接失败状态或者网络不佳状态，则在以蓝牙连接的网络连接状态下，将所述图像更新数据发送至接收端；

若所述蓝牙连接的网络连接状态为连接失败状态或者网络不佳状态，则在以WIFI连接的网络连接状态下，将所述图像更新数据发送至接收端。

3.如权利要求1所述的显示界面同步方法，其特征在于，所述比对结果包括第一结果、第二结果和第三结果，所述第一结果指示所述第一图像和所述第二图像相同，所述第二结果指示所述第一图像和所述第二图像的比对差异未超过预设阈值，所述第三结果指示所述第一图像和所述第二图像的比对差异超过预设阈值；所述根据所述比对结果，生成图像更新数据，包括：

若所述比对结果为第一结果，则生成第一指示标识，将所述第一指示标识作为图像更新数据，所述第一指示标识指示接收端无需更新接收端的当前界面图像；

若所述比对结果为第二结果，则生成第二指示标识和图像数据，将所述第二指示标识和所述图像数据组成图像更新数据，所述第二指示标识指示接收端根据所述图像数据进行图像渲染，以更新接收端的当前界面图像；

若所述比对结果为第三结果，则将所述第一图像作为图像更新数据。

4.一种显示界面同步方法，其特征在于，包括：

接收发送端发送的图像更新数据，所述图像更新数据是发送端对第一图像和第二图像进行比对，得到比对结果之后，根据所述比对结果生成的，其中，所述第一图像为发送端的当前界面图像，第二图像为所述第一图像的上一帧图像；

根据所述图像更新数据进行图像渲染，更新接收端的当前界面图像。

5.如权利要求4所述显示界面同步方法，其特征在于，所述比对结果包括第一结果、第二结果和第三结果，所述第一结果指示所述第一图像和所述第二图像相同，所述第二结果指示所述第一图像和所述第二图像的比对差异未超过预设阈值，所述第三结果指示所述第一图像和所述第二图像的比对差异超过预设阈值；所述接收发送端发送的图像更新数据包括：

若所述比对结果为第一结果，则所述图像更新数据为第一指示标识；

若所述比对结果为第二结果，则所述图像更新数据包括第二指示标识和图像数据；

若所述比对结果为第三结果，则所述图像更新数据为第一图像。

6.如权利要求5所述显示界面同步方法，其特征在于，所述根据所述图像更新数据进行图像渲染，更新接收端的当前界面图像，包括：

若所述图像更新数据为第一指示标识，则在缓冲帧中渲染接收端的当前界面图像，并对所述接收端的当前界面图像进行更新；

若所述图像更新数据包括第二指示标识和图像数据，则在缓冲帧中渲染接收端的当前界面图像，在接收端的当前界面图像中，渲染与所述图像数据对应的区域，并对所述接收端的当前界面图像进行更新；

若所述图像更新数据为第一图像，则在缓冲帧中渲染所述第一图像，并对所述接收端的当前界面图像进行更新。

7.一种显示界面同步装置，其特征在于，包括：

图像获取模块，用于获取第一图像和第二图像，所述第一图像为发送端的当前界面图像，第二图像为所述第一图像的上一帧图像；

图像比对模块，用于对所述第一图像和所述第二图像进行比对，得到比对结果，所述比对结果指示所述第一图像和所述第二图像的差异程度；

图像更新数据生成模块，用于根据所述比对结果，生成图像更新数据，所述图像更新数据包括指示标识和/或图像数据；

数据发送模块，用于将所述图像更新数据发送至接收端，以指示接收端根据所述图像更新数据进行图像渲染，更新所述接收端的当前界面图像。

8.如权利要求7所述显示界面同步装置，其特征在于，所述比对结果包括第一结果、第二结果和第三结果，所述第一结果指示所述第一图像和所述第二图像相同，所述第二结果指示所述第一图像和所述第二图像的比对差异未超过预设阈值，所述第三结果指示所述第一图像和所述第二图像的比对差异超过预设阈值；所述图像更新数据生成模块包括：

第一数据生成模块，用于当所述比对结果为第一结果时，生成第一指示标识，将所述第一指示标识作为图像更新数据，所述第一指示标识指示接收端无需更新接收端的当前界面图像。

第二数据生成模块，用于当所述比对结果为第二结果时，生成第二指示标识和图像数据，将所述第二指示标识和所述图像数据组成图像更新数据，所述第二指示标识指示接收端根据所述图像数据进行图像渲染，以更新接收端的当前界面图像。

第三数据生成模块，用于当所述比对结果为第三结果，将所诉第一图像作为图像更新数据。

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述显示界面同步方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述显示界面同步方法的步骤。

Images