一种多个屏幕联动报警的方法技术

技术编号:35006228 阅读:27 留言:0更新日期:2022-09-21 14:57
本发明专利技术公开了一种多个屏幕联动报警的方法,包括如下步骤:步骤一,判断当前的分屏模式,确定当前处于的分屏模式为一屏模式、两屏模式还是三屏模式;步骤二,监测当前是否处于报警状态,并根据步骤一中确定的分屏模式进行显示。本发明专利技术的多个屏幕联动报警的方法,通过步骤一和步骤二的设置,便可有效的实现确定分屏模式,然后根据分屏模式进行相对应的报警联动显示了。动显示了。动显示了。

【技术实现步骤摘要】
一种多个屏幕联动报警的方法


[0001]本专利技术涉及一种报警方法,更具体的说是涉及一种多个屏幕联动报警的方法。

技术介绍

[0002]物联网场景中,接入的设备种类繁多,在传统一屏模式中,如果有设备触发实时报警,无法同时展示报警设备所在空间位置信息、报警中心报警状态和实时报警视频。如果想要查看相应的信息数据或者报警视频需要打开对应的功能,即需要更多的操作来查看报警设备相关的数据和视频,缺少了设备空间信息、报警中心数据和报警视频之间的联动性。
[0003]现有的一屏模式具有以下缺点:受一屏空间限制,可展示出的相关数据量有限,只能以弹出层的形式展示更多的数据,从体验感来说是单向的通知,没有双向的交互,缺少设备空间信息、报警中心数据和报警视频之间的联动性,当操作其它菜单或功能页面跳走时,无法同步观看报警中心数据和视频录像。

技术实现思路

[0004]针对现有技术存在的不足,本专利技术的目的在于提供一种软硬件结合将分屏联动功能将其整合成一个相互联动的整体的多个屏幕联动报警的方法。
[0005]为实现上述目的,本专利技术提供了如下技术方案:一种多个屏幕联动报警的方法,包括如下步骤:
[0006]步骤一,判断当前的分屏模式,确定当前处于的分屏模式为一屏模式、两屏模式还是三屏模式;
[0007]步骤二,监测当前是否处于报警状态,并根据步骤一中确定的分屏模式进行显示,当确定为一屏模式,且当前处于正常状态时,则屏幕页面显示主操作页,或者当前处于报警状态时,则屏幕页面会跳转到报警中心/>‑
实时报警页面,同时弹层展示报警信息和处理操作、当前报警设备所在平面视图和设备的实时报警视频,当确定为两屏模式,且当前处于正常状态时,主屏展示主操作页,第二屏展示实时视频页,或者当前处于报警状态时,主屏页面会跳转到报警中心

实时报警页面,同时弹层展示报警信息和处理操作、当前报警设备所在平面视图,第二屏实时视频页会按顺序展示报警设备的实时报警视频;当确定为三屏模式,且当前处于正常状态时,主屏展示主操作页,第二屏展示实时视频页,第三屏展示报警中心

实时报警页面,或者当前处于报警状态时,主屏页面会跳转到当前报警设备所在平面视图页面,第二屏实时视频页会按顺序展示报警设备的实时报警视频,第三屏会展示报警中心

实时报警页面,并且会有报警处理操作框弹出。
[0008]作为本专利技术的进一步改进,所述步骤二中监测当前是否处于报警状态的具体步骤如下:
[0009]步骤二一,首先屏幕进入到项目页面,在进入到项目页面后,主页面注册Websocket并且监听message事件实时接收Websocket推送的报警数据,同时在其他屏页面中注册storage事件;
[0010]步骤二二,当有设备触发实时报警时,后端会通过Websocket推送当前报警设备的相关数据,对数据处理后缓存到storage中,未触发实时报警则返回继续监听message事件;
[0011]步骤二三,若在storage缓存中实时报警相关的字段被更新,会立即执行注册的事件处理函数,将其他屏实时联动,若实时报警相关的字段没有更新则返回监听storage事件。
[0012]作为本专利技术的进一步改进,所述步骤二一中监听message事件的具体步骤如下:
[0013]步骤二一一,前端向后端发起ws连接;
[0014]步骤二一二,后端直接推送已存在的报警记录给前端;
[0015]步骤二一三,前端发出定时ping给后端,后端同时发出响应ping给前端。
[0016]作为本专利技术的进一步改进,所述步骤二一中实时接收Websocket推送的报警数据的具体步骤如下:
[0017]步骤二一四,当外部产生报警时,后端推送产生报警的设备数据至前端,并在报警被处理了或是报警恢复了之后推送报警已结束至前端;
[0018]步骤二一五,前端和后端之间相互返回操作通过接口标记报警记录。
[0019]本专利技术的有益效果,通过步骤一和步骤二的设置,便可有效的实现先判断当前的分屏模式,然后根据选择的分屏模式进行针对性的联动显示,有效的增加了双向的交互,增加了设备空间信息、报警中心数据和报警视频之间的联动性。
附图说明
[0020]图1为本专利技术的多个屏幕报警联动的方法的流程图;
[0021]图2为报警状态监听的流程图;
[0022]图3为数据推送流程图;
[0023]图4为实例中主屏效果的示意图;
[0024]图5为实例中第二屏屏效果的示意图;
[0025]图6为实例中第三屏效果的示意图。
具体实施方式
[0026]下面将结合附图所给出的实施例对本专利技术做进一步的详述,在使用本实施例方法的过程中首先需要配置硬件,具体配置流程为:三台屏幕连接一台主机,在三个屏幕中打主页、实时视频播放页面、报警中心页面;三个页面的软件通信使用前端本地缓存实现,硬件通信使用1拖3显卡实现。
[0027]参照图1所示,本实施例的一种多个屏幕联动报警的方法,包括如下步骤:
[0028]步骤一,判断当前的分屏模式,确定当前处于的分屏模式为一屏模式、两屏模式还是三屏模式;
[0029]步骤二,监测当前是否处于报警状态,并根据步骤一中确定的分屏模式进行显示,当确定为一屏模式,且当前处于正常状态时,则屏幕页面显示主操作页,或者当前处于报警状态时,则屏幕页面会跳转到报警中心

实时报警页面,同时弹层展示报警信息和处理操作、当前报警设备所在平面视图和设备的实时报警视频,当确定为两屏模式,且当前处于正常状态时,主屏展示主操作页,第二屏展示实时视频页,或者当前处于报警状态时,主屏页
面会跳转到报警中心

实时报警页面,同时弹层展示报警信息和处理操作、当前报警设备所在平面视图,第二屏实时视频页会按顺序展示报警设备的实时报警视频;当确定为三屏模式,且当前处于正常状态时,主屏展示主操作页,第二屏展示实时视频页,第三屏展示报警中心

实时报警页面,或者当前处于报警状态时,主屏页面会跳转到当前报警设备所在平面视图页面,第二屏实时视频页会按顺序展示报警设备的实时报警视频,第三屏会展示报警中心

实时报警页面,并且会有报警处理操作框弹出,如此有效的实现了二屏或是三屏的联动,因此可以在主页面操作不同功能的同时,来查看报警中心和实时视频页面的信息。可以在设备报警时,在三屏中分别展示报警设备不同的数据信息,同时也可以减少使用者的操作频率,提高处理问题的效率。
[0030]作为改进的一种具体实施方式,如图2所示,所述步骤二中监测当前是否处于报警状态的具体步骤如下:
[0031]步骤二一,首先屏幕进入到项目页面,在进入到项目页面后,主页面注册Websocket并且监听message事件实时接收Websocket推送的报警数据,同时在其他屏页面中注册storage事件;...

【技术保护点】

【技术特征摘要】
1.一种多个屏幕联动报警的方法,其特征在于:包括如下步骤:步骤一,判断当前的分屏模式,确定当前处于的分屏模式为一屏模式、两屏模式还是三屏模式;步骤二,监测当前是否处于报警状态,并根据步骤一中确定的分屏模式进行显示,当确定为一屏模式,且当前处于正常状态时,则屏幕页面显示主操作页,或者当前处于报警状态时,则屏幕页面会跳转到报警中心

实时报警页面,同时弹层展示报警信息和处理操作、当前报警设备所在平面视图和设备的实时报警视频,当确定为两屏模式,且当前处于正常状态时,主屏展示主操作页,第二屏展示实时视频页,或者当前处于报警状态时,主屏页面会跳转到报警中心

实时报警页面,同时弹层展示报警信息和处理操作、当前报警设备所在平面视图,第二屏实时视频页会按顺序展示报警设备的实时报警视频;当确定为三屏模式,且当前处于正常状态时,主屏展示主操作页,第二屏展示实时视频页,第三屏展示报警中心

实时报警页面,或者当前处于报警状态时,主屏页面会跳转到当前报警设备所在平面视图页面,第二屏实时视频页会按顺序展示报警设备的实时报警视频,第三屏会展示报警中心

实时报警页面,并且会有报警处理操作框弹出。2.根据权利要求1所述的多个屏幕联动报警的方法,其特征在于:所述步骤二中监...

【专利技术属性】
技术研发人员:张莉强阮云峰秦钢花京武
申请(专利权)人:杭州指令集智能科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1