CN111752661B - 一种界面显示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请实施例提供了一种界面显示方法、装置、电子设备及存储介质，涉及计算机技术领域，包括：在成功启动所述安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启所述网页客户端对应的信息界面；控制与所述安防设备连接的显示设备显示所述信息界面。由此可见，应用本申请实施例提供的方案可以使得安防设备和远程设备显示的信息界面一致。

Description

一种界面显示方法、装置、电子设备及存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种界面显示方法、装置、电子设备及存储介质。

背景技术

在安防领域，为便于用户了解监控信息，安防设备一般会通过相连接的显示设备显示信息界面。现有技术中，受限于安防设备的硬件特点，通常需要开发人员开发一套用于在安防设备端显示的信息界面，这一信息界面一般是利用MiniGUI用户界面支持系统进行显示的界面。

然而，当用户难以接近安防设备时，例如，用户距离安防设备较远时，用户不便于直接查看安防设备的信息界面。这种情况下，为满足用户通过台式计算机、手机等远程设备远程查看安防设备信息界面的需求，开发人员需要开发一套用于在远程设备端显示的信息界面，由于远程设备与安防设备的硬件特点不同，因此，用于在远程设备显示的信息界面与用于在安防设备显示的信息界面往往不同。

这样需要开发人员开发并维护两种不同的信息界面，这样由于维护不同步等原因可能会导致用于在安防设备显示的信息界面与用于在远程设备显示的信息界面不一致。

发明内容

本申请实施例的目的在于提供一种界面显示方法、装置、电子设备及存储介质，以使得安防设备和远程设备显示的信息界面一致。具体技术方案如下：

第一方面，本申请实施例提供了一种界面显示方法，应用于安防设备，所述方法包括：

在成功启动所述安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启所述网页客户端对应的信息界面；

控制与所述安防设备连接的显示设备显示所述信息界面。

本申请的一个实施例中，所述方法还包括：

在需要播放监控视频的情况下，利用所述网页客户端通知预先安装的视频窗口控制程序在所述信息界面上叠加视频播放窗口。

本申请的一个实施例中，所述视频播放窗口位于所述信息界面的下一图层，所述方法还包括：

将所述信息界面的窗口区域设置为透明状态，其中，所述窗口区域为：所述信息界面中与所述视频播放窗口重叠的区域。

本申请的一个实施例中，所述方法还包括：

接收远程设备发送的对所述安防设备的网页客户端的加载请求，其中，所述远程设备通过安装的浏览器发送所述加载请求；

将所述信息界面的界面信息发送至所述远程设备，以使得所述远程设备基于所述浏览器加载所述界面信息，显示所述信息界面。

第二方面，本申请实施例提供了一种界面显示装置，应用于安防设备，所述装置包括：

界面开启模块，用于在成功启动所述安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启所述网页客户端对应的信息界面；

界面显示模块，用于控制与所述安防设备连接的显示设备显示所述信息界面。

本申请的一个实施例中，所述装置还包括窗口加载模块，用于：

在需要播放监控视频的情况下，利用所述网页客户端通知预先安装的视频窗口控制程序在所述信息界面上叠加视频播放窗口。

本申请的一个实施例中，所述视频播放窗口位于所述信息界面的下一图层，所述装置还包括状态设置模块，用于：

将所述信息界面的窗口区域设置为透明状态，其中，所述窗口区域为：所述信息界面中与所述视频播放窗口重叠的区域。

本申请的一个实施例中，所述装置还包括信息发送模块，用于：

接收远程设备发送的对所述安防设备的网页客户端的加载请求，其中，所述远程设备通过安装的浏览器发送所述加载请求；

将所述信息界面的界面信息发送至所述远程设备，以使得所述远程设备基于所述浏览器加载所述界面信息，显示所述信息界面。

第三方面，本申请实施例提供了一种电子设备，包括处理器和存储器；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现第一方面任一所述的方法步骤。

可选的，所述电子设备还可以包括通信接口和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现第一方面任一所述的方法步骤。

本申请实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的界面显示方法。

本申请实施例有益效果：

应用本申请实施例提供的方案进行界面显示时，针对安防设备，首先在成功启动安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启网页客户端对应的信息界面，然后控制与安防设备连接的显示设备显示信息界面。安防设备可以利用浏览器引擎加载网页客户端，从而实现对信息界面的显示。而远程设备在显示安防设备的信息界面时，也可以通过浏览器加载网页客户端的信息界面。由于安防设备和远程设备均可以基于浏览器引擎实现信息界面的显示，这样安防设备端和远程设备端可以显示相同的信息界面，进而开发人员只需要开发一套信息界面，由安防设备和远程设备对同一套信息界面进行显示。由此可见，应用本申请实施例提供的方案，可以使得安防设备和远程设备显示的信息界面一致。

附图说明

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

图1为本申请实施例提供的第一种界面显示方法的流程示意图；

图2为本申请实施例提供的第二种界面显示方法的流程示意图；

图3为本申请实施例提供的一种界面图层示意图；

图4为本申请实施例提供的第三种界面显示方法的流程示意图；

图5为本申请实施例提供的一种安防设备的系统框架图；

图6为本申请实施例提供的一种安防设备加载网页客户端的过程示意图；

图7为本申请实施例提供的一种远程设备的系统框架图；

图8为本申请实施例提供的一种远程设备加载网页客户端的过程示意图；

图9为本申请实施例提供的一种界面显示装置的结构示意图；

图10a、图10b为本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

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

为了使得安防设备和远程设备显示的信息界面一致，本申请实施例提供了一种界面显示方法、装置、电子设备及存储介质，下面分别进行详细说明。

参见图1，图1为本申请实施例提供的第一种界面显示方法的流程示意图。界面显示方法应用于安防设备，安防设备指的是应用于安防领域的电子设备，可以包括用于对监控视频进行存储的录像机，例如NVR(Network Video Recorder，网络视频录像机)、DVR(Digital Video Recorder，硬盘录像机)等，NVR或DVR可以用于对安防场景下采集的监控视频进行存储。安防设备还可以是电子计算机、光端机等。

上述界面显示方法可以包括如下步骤101至步骤102。

步骤101，在成功启动安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启网页客户端对应的信息界面。

其中，上述网页客户端可以是基于网页引擎技术开发得到的客户端，例如，可以是基于QWebEngine技术开发得到，这样便于安防设备通过浏览器引擎启动网页客户端。

网页客户端对应的信息界面中可以显示安防设备的设备信息、功能信息、监控视频信息等。上述设备信息可以包括时间、设备版本号、设备编号等，功能信息可以包括回放功能信息、预览功能信息、配置功能信息等，监控视频信息可以包括安防设备获得的监控视频的信息。

具体的，在成功启动安防设备后，安防设备可以通过本地的浏览器引擎加载网页客户端，在启动网页客户端后，网页客户端可以获取信息界面的界面信息，然后根据所获得的界面信息开启信息界面。

其中，上述界面信息可以包括：信息界面的外形信息、包含的功能按钮的按钮信息、界面布局信息等。例如，上述外形信息可以是信息界面的长度、宽度、颜色等信息。上述功能按钮可以是回放按钮、预览按钮、配置按钮等。每一功能按钮的按钮信息可以是该按钮的形状、大小、位置等信息。

具体的，上述信息界面的界面信息可以预先由开发人员设计得到，并存储在安防设备端。这样安防设备端可以直接从本地获得界面信息，并根据界面信息显示信息界面。远程设备可以对安防设备进行远程访问，获得界面信息，再根据界面信息显示信息界面。由于远程设备进行信息界面显示时所需的界面信息是从安防设备本地获得的，这样开发人员在对信息界面进行优化和改进时，只需对安防设备本地的界面信息进行更新，从而可以减小界面开发和维护所需的工作量。

本申请的一个实施例中，上述界面信息还可以存储在网络服务器中，安防设备可以通过访问网络服务器获得界面信息，这样可以节省安防设备的存储资源。

本申请的一个实施例中，上述网页客户端可以预先安装在安防设备中，这样在成功启动安防设备后，可以直接利用浏览器引擎加载预先安装的网页客户端。

步骤102，控制与安防设备连接的显示设备显示信息界面。

其中，与安防设备相连接的显示设备可以是安防设备中自带的显示器件，也可以是安防设备外接的显示器等。上述显示设备可以通过有线或者无线与安防设备相连接。

具体的，安防设备可以将上述信息界面发送至相连接的显示设备，显示设备在接收到信息界面后，可以对信息界面进行显示，从而便于用户通过显示设备查看信息界面。用户还可以以点击的方式操作信息界面，进而实现对网页客户端的操作。

应用上述实施例提供的方案进行界面显示时，针对安防设备，首先在成功启动安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启网页客户端对应的信息界面，然后控制与安防设备连接的显示设备显示信息界面。安防设备可以利用浏览器引擎加载网页客户端，从而实现对信息界面的显示。而远程设备在显示安防设备的信息界面时，也可以通过浏览器加载网页客户端的信息界面。由于安防设备和远程设备均可以基于浏览器引擎实现信息界面的显示，这样安防设备端和远程设备端可以显示相同的信息界面，进而开发人员只需要开发一套信息界面，由安防设备和远程设备对同一套信息界面进行显示。由此可见，应用上述实施例提供的方案，可以使得安防设备和远程设备显示的信息界面一致。

本申请的一个实施例中，对于上述步骤101，可以在安防设备启动后，立即加载本地网页客户端，这样可以快速开启网页客户端对应的信息界面，从而快速将信息界面显示给用户，便于用户对信息界面进行操作，保证在安防设备开启的情况下，安防设备本地显示的界面与远程设备显示的安防设备的界面一致。也可以在安防设备启动后，间隔预设时长加载本地网页客户端，从而开启信息界面。

本申请的一个实施例中，也可以在接收到用户输入的开启信息界面的指令后，再加载本地网页客户端，进而开启信息界面。具体的，当用户需要针对信息界面进行操作的情况下，可以向安防设备输入开启信息界面的指令，安防设备在接收到上述指令后再开启信息界面，这样可以避免在无需针对信息界面进行操作的情况下开启信息界面带来的资源消耗，节省安防设备的运算内存。

本申请的一个实施例中，在接收到针对信息界面的关闭指令后，安防设备可以关闭当前开启的信息界面。具体的，用户可以通过显示设备所显示的信息界面，向安防设备发送关闭信息界面的关闭指令，安防设备在接收到关闭指令后，对所开启的信息界面进行关闭操作。也可以预先设定信息界面的开启时长，安防设备在检测到开启信息界面后经过的时长达到上述开启时长的情况下，可以关闭所开启的信息界面。

除此之外，安防设备还可以监测最近接收到用户对信息界面执行操作的时刻，距离当前时刻的间隔时长，在上述间隔时长达到预设的时长阈值的情况下，关闭所开启的信息界面。具体的，当用户操作信息界面的间隔时长达到时长阈值的情况下，可以认为用户长时间未对信息界面进行操作，因此安防设备可以暂时关闭所开启的信息界面。在用户需要对信息界面进行操作的情况下，可以向安防设备发送开启信息界面的开启指令，安防设备接收到开启指令后，重新加载网页客户端，开启信息界面。这样可以进一步避免在无需针对信息界面进行操作的情况下开启信息界面带来的资源消耗，节省安防设备的运算内存。

参见图2，图2为本申请实施例提供的第二种界面显示方法的流程示意图，上述方法还包括如下步骤：

步骤103，在需要播放监控视频的情况下，利用网页客户端通知预先安装的视频窗口控制程序在信息界面上叠加视频播放窗口。

具体的，安防设备中可以预先安装视频窗口控制程序。用户可以通过信息界面向安防设备发送播放监控视频的指令，安防设备接收到指令后，认为需要播放监控视频。此时，安防设备可以利用网页客户端向上述视频窗口控制程序发送窗口加载指令。视频窗口控制程序接收到窗口加载指令后，可以加载视频播放窗口，并控制视频播放窗口在信息界面上叠加显示。

本申请的一个实施例中，上述窗口加载指令中可以包括视频播放窗口的形状、大小、位置等信息，这样视频窗口控制程序可以根据指令加载视频播放窗口。

本申请的一个实施例中，上述视频窗口控制程序可以将视频播放窗口置于信息界面的下一图层，这样可以避免用户在信息界面上进行操作时误触视频播放窗口。

本申请的一个实施例中，安防设备还可以将信息界面的窗口区域设置为透明状态。

其中，窗口区域为：信息界面中与视频播放窗口重叠的区域。这样将视频播放窗口设置于信息界面的下一图层，可以避免用户在信息界面上进行操作时误触视频播放窗口。并且将窗口区域设置为透明状态，这样可以避免信息界面对所播放的视频产生遮挡。

本申请的一个实施例中，信息界面中可以还叠加显示信息弹窗，例如，上述信息弹窗可以是错误警告信息弹窗、用户登陆提示信息弹窗等。具体的，可以将上述信息弹窗设置于信息界面的上一图层。这样便于用户及时发现信息弹窗，避免因信息弹窗被遮挡而操作出错。

参见图3，图3为本申请实施例提供的一种界面图层示意图。可见，信息弹窗置于最上方图层，信息界面置于中间图层，视频播放窗口置于最下方图层，并且将信息界面的窗口区域设置为透明状态。

本申请的一个实施例中，还可以将视频播放窗口显示在信息界面的上一图层，以覆盖的形式与信息界面进行叠加。这样可以保证信息界面不会对视频播放窗口造成遮挡。

参见图4，图4为本申请实施例提供的第三种界面显示方法的流程示意图，该方法可以包括如下步骤401至步骤402。

步骤401，接收远程设备发送的对安防设备的网页客户端的加载请求。

其中，远程设备通过安装的浏览器发送加载请求。上述浏览器可以是IE浏览器、谷歌浏览器等。

上述远程设备为：可以远程访问安防设备的设备，例如，可以是计算机、手机、平板电脑等。

具体的，当用户需要通过远程设备访问安防设备网页客户端的信息界面时，可以对远程设备进行操作，以使得远程设备获得加载网页客户端的指令。远程设备获得到指令后，再向安防设备发送加载网页客户端的加载请求，安防设备从而接收到上述加载请求。

步骤402，将信息界面的界面信息发送至远程设备，以使得远程设备基于浏览器加载界面信息，显示信息界面。

具体的，安防设备在接收到加载请求后，可以将本地网页客户端对应的信息界面的界面信息发送至远程设备。远程设备接收到界面信息后，可以在浏览器中借助浏览器引擎加载上述界面信息，从而显示信息界面。

本申请的一个实施例中，远程设备可以通过浏览器获得安防设备的IP地址，根据IP地址与安防设备建立通信连接，基于通信连接，从安防设备获得信息界面的界面信息，然后按照界面信息，在浏览器中显示信息界面。

具体的，可以由用户在上述浏览器的网址栏中输入期望远程访问的安防设备的IP(Internet Protocol，互联网协议)地址，从而使得远程设备获得安防设备的IP地址。

远程设备获得IP地址后，可以利用浏览器与该IP地址对应的安防设备建立通信连接，这样远程设备可以对该安防设备进行访问，与该安防设备进行数据交互。

远程设备可以将加载请求发送至建立通信连接的安防设备，安防设备接收到加载请求后将界面信息返回至远程设备。远程设备可以根据所获得的界面信息，在浏览器中以网页的形式对信息界面进行显示。

本申请的一个实施例中，还可以预先在远程设备中存储至少一个可远程访问的安防设备的标识与IP地址的对应关系，当需要对某一安防设备进行访问时，用户可以点击待访问的安防设备的标识，远程设备可以根据标识在对应关系中确定该安防设备的IP地址。其中，上述标识可以是安防设备的编号、名称、安防区域信息等。

本申请的一个实施例中，在安防设备本地网页客户端的信息界面发生改变的情况下，安防设备可以向远程设备发送界面变更通知。以使得远程设备重新向安防设备发送网页客户端的加载请求，安防设备将改变后的信息界面的新界面信息发送至远程设备，远程设备基于浏览器加载新界面信息，从而开启改变后的信息界面。

具体的，用户在对安防设备端网页客户端的信息界面进行优化或更新的情况下，安防设备可以通知远程设备本地网页客户端的信息界面发生变更。远程设备在接收到界面变更通知的情况下，可以重新向安防设备发送网页客户端的加载请求，安防设备接收到加载请求后，可以将变更后信息界面的界面信息发送至远程设备，远程设备从而可以在浏览器中加载新的界面信息，从而显示改变后的信息界面。这样可以使得远程设备及时对最新的信息界面进行显示，保持与安防设备所显示的信息界面一致。

本申请的一个实施例中，安防设备还可以接收远程设备发送的编辑后的界面信息，并对编辑后的界面信息进行加载，开启新的信息界面。

具体的，在需要对网页客户端的信息界面进行维护的情况下，远程设备可以基于通信连接获得安防设备本地的界面信息，然后对界面信息进行编辑，实现对信息界面的远程维护，并将编辑后的界面信息返回安防设备。安防设备在接收到编辑后的界面信息后，可以对编辑后的界面信息进行加载，从而开启维护后的信息界面。这样用户在难以接近安防设备的情况下，可以通过远程设备远程对网页客户端进行维护。

应用上述实施例提供的方案进行界面显示时，针对安防设备，首先在成功启动安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启网页客户端对应的信息界面，然后控制与安防设备连接的显示设备显示信息界面。安防设备可以利用浏览器引擎加载网页客户端，从而实现对信息界面的显示。而远程设备在显示安防设备的信息界面时，也可以通过浏览器加载网页客户端的信息界面。由于安防设备和远程设备均可以基于浏览器引擎实现信息界面的显示，这样安防设备端和远程设备端可以显示相同的信息界面，进而开发人员只需要开发一套信息界面，由安防设备和远程设备对同一套信息界面进行显示。由此可见，应用上述实施例提供的方案，可以使得安防设备和远程设备显示的信息界面一致。

本申请的一个实施例中，针对远程设备，当存在播放监控视频的需求时，远程设备可以加载视频播放窗口，并将视频播放窗口与信息界面叠加显示。

具体的，用户可以基于信息界面对远程设备进行操作，以使得远程设备获得播放监控视频的指令，远程设备获得上述指令后，认为存在播放监控视频的需求。此时，远程设备中的浏览器可以调用预先安装的视频窗口控制程序加载视频播放窗口，并将所加载的视频播放窗口与信息界面叠加显示。

本申请的一个实施例中，在远程设备的浏览器所显示的信息界面中，可以包含播放监控视频的虚拟按键。在需要播放监控视频的情况下，用户可以对上述虚拟按键进行点击操作。在接收到用户对上述虚拟按键的点击操作后，远程设备中的浏览器可以调用视频播放窗口控制程序加载视频播放窗口，然后基于视频播放窗口对监控视频进行播放。这样远程设备只有在需要播放监控视频的情况下加载视频播放窗口，在无需播放监控视频的情况下，则可以不加载视频播放窗口，这样可以减少远程设备运算资源。

本申请的一个实施例中，远程设备上的浏览器在加载完毕信息界面后，可以直接调用视频窗口控制程序加载视频播放窗口。这样远程设备可以在显示信息界面后，直接加载视频播放窗口。

具体的，在向浏览器输入IP地址后，浏览器可以根据输入的IP地址确定是否需要直接加载视频播放窗口，若为是，例如浏览器根据地址确定需要向安防设备获取对视频播放的界面进行加载显示时，确定需要直接加载视频播放窗口，此时，浏览器可以首先根据IP地址加载对应的网页客户端，进行信息界面的显示，并调用视频窗口控制程序加载视频播放窗口。这样当播放监控视频时，可以直接基于加载完毕的视频播放窗口进行视频播放，可以提高播放监控视频的效率，减少等待加载视频播放窗口带来的时间消耗。

其中，远程设备在调用视频窗口控制程序加载视频播放窗口时，可以控制视频播放窗口的形状、大小、位置等。

本申请的一个实施例中，可以将视频播放窗口嵌入到信息界面。由于信息界面是在浏览器的页面中显示的，因此将视频播放窗口嵌入到信息界面，也就是将视频播放窗口嵌入到浏览器页面。这样视频播放窗口可以由浏览器统一管理，当用户用过交互设备对浏览器页面进行滑动、缩放等操作时，视频播放窗口也可以随着页面滑动、缩放等。

本申请的一个实施例中，还可以将视频播放窗口显示在信息界面的上一图层，并控制视频播放窗口的窗口属性与信息界面的界面属性同步更新。

其中，上述窗口属性可以包括视频播放窗口的位置、大小、主题色等属性信息，界面属性可以包括信息界面的位置、大小、主题色等属性信息，当信息界面发生滑动、缩放等动作时，信息界面的界面属性也会发生变化。

具体的，可以由视频窗口控制程序监测信息界面的界面属性，当监测到界面属性发生变化时，可以根据监测结果控制视频播放窗口的窗口属性同步变化。例如，当视频窗口控制程序监测到信息界面缩放75％时，视频窗口控制程序可以控制视频播放窗口同步缩放75％。这样当用户通过浏览器对信息界面进行滑动、缩放等操作时，视频播放窗口可以跟随信息界面执行同样的动作，从而给用户带来更好地体验。

本申请的一个实施例中，可以将视频播放窗口显示在信息界面的下一图层，并将信息界面的窗口区域设置为透明状态。

其中，窗口区域为：信息界面中与视频播放窗口重叠的区域。

这样将视频播放窗口设置于信息界面的下一图层，可以避免用户在信息界面上进行操作时误触视频播放窗口。并且将窗口区域设置为透明状态，这样可以避免信息界面对所播放的视频产生遮挡。

参见图5，图5为本申请实施例提供的一种安防设备的系统框架图。安防设备可以是基于Linux OS(Linux Operating System，Linux操作系统)的电子设备，Linux OS上可以部署多种PMS(Protocol Manager Service，协议管理服务)，如NetStream(报文统计服务)、ISAPI(Internet Server Application Programming Interface，服务器扩展服务)等。依赖于上述服务层，安防设备上可以安装有QT APP(QT Application，QT应用)壳，其中，QT指跨平台C++图形用户界面应用程序开发框架，QT APP壳内部包含Web Engine(浏览器引擎)，用于加载基于QT开发的Video Control(视频窗口控制程序)和Web(网页客户端)。

参见图6，图6为本申请实施例提供的一种安防设备加载网页客户端的过程示意图。安防设备在启动后，可以对包含Web Engine的QT APP壳进行启动，可以理解为对安防设备内置的浏览器引擎进行启动，然后基于浏览器引擎加载网页客户端。还可以通知视频窗口控制程序加载视频播放窗口，这样在需要播放监控视频的情况下，可以基于加载的视频播放窗口对监控视频进行播放。

参见图7，图7为本申请实施例提供的一种远程设备的系统框架图。远程设备可以是基于Windows OS(Windows Operating System，Windows操作系统)的电子设备。远程设备可以基于Local Service(本地服务)对Video Control进行加载，其中，Video Control可以是基于QT开发得到的。还可以基于远程设备中安装的Browers(浏览器)加载Web，其中，上述Browers可以是Chrome(谷歌浏览器)、FireFox(火狐浏览器)等。

参见图8，图8为本申请实施例提供的一种远程设备加载网页客户端的过程示意图。远程设备可以首先运行预先安装的浏览器，利用浏览器获取安防设备端存储的界面信息，并基于界面信息加载网页客户端。还可以通知视频窗口控制程序加载视频播放窗口，这样在需要播放监控视频的情况下，可以基于加载的视频播放窗口对监控视频进行播放。

参见图9，图9为本申请实施例提供的一种界面显示装置的结构示意图，应用于安防设备，所述装置包括：

界面开启模块901，用于在成功启动所述安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启所述网页客户端对应的信息界面；

界面显示模块902，用于控制与所述安防设备连接的显示设备显示所述信息界面。

本申请的一个实施例中，所述装置还包括窗口加载模块，用于：

在需要播放监控视频的情况下，利用所述网页客户端通知预先安装的视频窗口控制程序在所述信息界面上叠加视频播放窗口。

本申请的一个实施例中，所述视频播放窗口位于所述信息界面的下一图层，所述装置还包括状态设置模块，用于：

将所述信息界面的窗口区域设置为透明状态，其中，所述窗口区域为：所述信息界面中与所述视频播放窗口重叠的区域。

本申请的一个实施例中，所述装置还包括信息发送模块，用于：

接收远程设备发送的对所述安防设备的网页客户端的加载请求，其中，所述远程设备通过安装的浏览器发送所述加载请求；

将所述信息界面的界面信息发送至所述远程设备，以使得所述远程设备基于所述浏览器加载所述界面信息，显示所述信息界面。

应用上述实施例提供的方案进行界面显示时，针对安防设备，首先在成功启动安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启网页客户端对应的信息界面，然后控制与安防设备连接的显示设备显示信息界面。安防设备可以利用浏览器引擎加载网页客户端，从而实现对信息界面的显示。而远程设备在显示安防设备的信息界面时，也可以通过浏览器加载网页客户端的信息界面。由于安防设备和远程设备均可以基于浏览器引擎实现信息界面的显示，这样安防设备端和远程设备端可以显示相同的信息界面，进而开发人员只需要开发一套信息界面，由安防设备和远程设备对同一套信息界面进行显示。由此可见，应用上述实施例提供的方案，可以使得安防设备和远程设备显示的信息界面一致。

本申请实施例还提供了一种电子设备，如图10a所示，包括处理器1001、和存储器1003，

存储器1003，用于存放计算机程序；处理器1001，用于执行存储器1003上所存放的程序时，实现上述界面显示方法。

可选的，如图10b所示，该电子设备还包括通信接口1002和通信总线1004，其中，处理器1001，通信接口1002，存储器1003通过通信总线1004完成相互间的通信。

上述电子设备设备提到的通信总线可以是外设部件互连标准(PeripheralComponent Interconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。通信接口用于上述电子设备与其他设备之间的通信。

计算机可读存储介质可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，计算机可读存储介质还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本申请提供的又一实施例中，还提供了一种计算机可读存储介质，所述计算机可读存储介质为电子设备中的计算机可读存储介质，所述电子设备包括处理器和至少两个显存，所述计算机程序被处理器执行时实现上述任一界面显示方法。

在本申请提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一界面显示方法。

应用上述实施例提供的方案进行界面显示时，针对安防设备，首先在成功启动安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启网页客户端对应的信息界面，然后控制与安防设备连接的显示设备显示信息界面。安防设备可以利用浏览器引擎加载网页客户端，从而实现对信息界面的显示。而远程设备在显示安防设备的信息界面时，也可以通过浏览器加载网页客户端的信息界面。由于安防设备和远程设备均可以基于浏览器引擎实现信息界面的显示，这样安防设备端和远程设备端可以显示相同的信息界面，进而开发人员只需要开发一套信息界面，由安防设备和远程设备对同一套信息界面进行显示。由此可见，应用上述实施例提供的方案，可以使得安防设备和远程设备显示的信息界面一致。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例、电子设备实施例、存储介质实施例、计算机程序产品实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本申请的较佳实施例而已，并非用于限定本申请的保护范围。凡在本申请的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本申请的保护范围内。

Claims (8)

1.一种界面显示方法，其特征在于，应用于安防设备，所述方法包括：

在成功启动所述安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启所述网页客户端对应的信息界面；

控制与所述安防设备连接的显示设备显示所述信息界面；

所述方法还包括：

接收远程设备发送的对所述安防设备的网页客户端的加载请求，其中，所述远程设备通过安装的浏览器发送所述加载请求；

将所述信息界面的界面信息发送至所述远程设备，以使得所述远程设备基于所述浏览器加载所述界面信息，显示所述信息界面。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在需要播放监控视频的情况下，利用所述网页客户端通知预先安装的视频窗口控制程序在所述信息界面上叠加视频播放窗口。

3.根据权利要求2所述的方法，其特征在于，所述视频播放窗口位于所述信息界面的下一图层，所述方法还包括：

将所述信息界面的窗口区域设置为透明状态，其中，所述窗口区域为：所述信息界面中与所述视频播放窗口重叠的区域。

4.一种界面显示装置，其特征在于，应用于安防设备，所述装置包括：

界面开启模块，用于在成功启动所述安防设备后，利用本地浏览器引擎加载本地网页客户端，以开启所述网页客户端对应的信息界面；

界面显示模块，用于控制与所述安防设备连接的显示设备显示所述信息界面；

所述装置还包括信息发送模块，用于：

接收远程设备发送的对所述安防设备的网页客户端的加载请求，其中，所述远程设备通过安装的浏览器发送所述加载请求；

将所述信息界面的界面信息发送至所述远程设备，以使得所述远程设备基于所述浏览器加载所述界面信息，显示所述信息界面。

5.根据权利要求4所述的装置，其特征在于，所述装置还包括窗口加载模块，用于：

在需要播放监控视频的情况下，利用所述网页客户端通知预先安装的视频窗口控制程序在所述信息界面上叠加视频播放窗口。

6.根据权利要求5所述的装置，其特征在于，所述视频播放窗口位于所述信息界面的下一图层，所述装置还包括状态设置模块，用于：

将所述信息界面的窗口区域设置为透明状态，其中，所述窗口区域为：所述信息界面中与所述视频播放窗口重叠的区域。

7.一种电子设备，其特征在于，包括处理器和存储器；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1-3任一所述的方法步骤。

8.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-3任一所述的方法步骤。

Images