一种多屏联动方法以及系统技术方案

本发明专利技术公开了一种多屏联动方法以及系统，用户客户端与大屏客户端分别通过浏览器登录服务端，并与服务端之间通过websocket协议建立双向连接后展示内容相同的基于响应式布局方式设计的WEB页面；用户客户端接收到用户的页面操作指令时，发送对应的控制信息给服务端，服务端预先判断发起控制信息的客户端是否具有控制权限，如果没有控制权限，则舍弃掉所述控制信息，如果有控制权限，才将所述控制信息广播到所有的大屏客户端和用户客户端，客户端接收到控制消息后根据所述控制消息同步更新WEB页面；由于在软件系统层级实现了多屏幕联动控制，省去了重新采购硬件的麻烦；一套页面可以在大屏与控制端屏幕适应展示，保证页面的一致性，同时节省了开发成本。

A multi screen linkage method and system

【技术实现步骤摘要】
一种多屏联动方法以及系统
本专利技术涉及多媒体终端播放领域，尤其涉及一种多屏联动方法以及系统。
技术介绍
报告厅现场中，由于控制电脑与大屏相隔较远，演讲人若需要操作WEB页面进行演示，十分的不方便，严重影响系统的用户体验。为此需要一种远端遥控技术，方便用户的操作。现有的远端遥控技术，主要是使用专有的遥控器或者面板在硬件层级上进行控制，无法实现对web页面进行控制。总的来说，传统的硬件遥控设备存在两大问题，一是传统的硬件遥控设备通常都是一个设备控制一台机器。这里需要实现多个终端设备同时响应同一控制源发出的信号；二是，传统的硬件遥控设备是单向控制，遥控端向终端设备控制。这里各个设备之间可以在权限控制的基础上进行双向信息交流。
技术实现思路
本专利技术要解决的技术问题在于，针对现有技术的上述缺陷，提供一种多屏联动方法以及系统。本专利技术解决其技术问题所采用的技术方案是：构造一种多屏联动方法，所述方法包括：用户客户端与大屏客户端分别通过浏览器登录服务端，并与服务端之间通过websocket协议建立双向连接后展示内容相同的基于响应式布局方式设计的WEB页面；用户客户端接收到用户的页面操作指令时，发送对应的控制信息给服务端，服务端将所述控制信息广播到所有的大屏客户端和用户客户端，大屏客户端和用户客户端接收到控制消息后根据所述控制消息同步更新WEB页面。优选地，所述方法还包括：服务端收到控制信息时，预先判断发起控制信息的客户端是否具有控制权限，如果没有控制权限，则舍弃掉所述控制信息，如果有控制权限，才将所述控制信息广播到所有的大屏客户端和用户客户端。优选的，所述方法还包括：所述服务端预先存储有登录账号以及为各个登录账号配置的权限，服务端在每个客户端登录之后，为每个客户端生成相应的UUID来唯一标识客户端，并将客户端的UUID与登录账号关联；所述的判断发起控制信息的客户端是否具有控制权限，包括：根据发起控制信息的客户端的UUID，确定与之关联的登录账号所配置的权限是否为控制权限。优选的，所述用户客户端包括PC客户端和移动客户端。本专利技术另一方面还构造了一种多屏联动系统，包括服务端、用户客户端与大屏客户端；用户客户端与大屏客户端分别包括WEB展示模块，所述WEB展示模块用于通过浏览器登录服务端，并与服务端之间通过websocket协议建立双向连接后展示内容相同的基于响应式布局方式设计的WEB页面；所述用户客户端包括广播发起模块，所述广播发起模块用于在接收到用户的页面操作指令时，发送对应的控制信息给服务端；所述服务端包括广播控制模块，所述广播控制模块用于将所述控制信息广播到所有的大屏客户端和用户客户端；所述WEB展示模块还用于在接收到控制消息后根据所述控制消息同步更新WEB页面。优选的，所述广播发起模块在收到控制信息时，预先判断发起控制信息的客户端是否具有控制权限，如果没有控制权限，则舍弃掉所述控制信息，如果有控制权限，才将所述控制信息广播到所有的大屏客户端和用户客户端。优选的，服务端还包括账号管理库，所述账号管理库预先存储有登录账号以及为各个登录账号配置的权限；服务端还包括UUID管理模块，所述UUID管理模块用于在每个客户端登录之后，为每个客户端生成相应的UUID来唯一标识客户端，并将客户端的UUID与登录账号关联；所述广播发起模块具体是根据发起控制信息的客户端的UUID，确定与之关联的登录账号所配置的权限是否为控制权限。优选的，所述用户客户端包括PC客户端和移动客户端。本专利技术的多屏联动方法以及系统，具有以下有益效果：本专利技术在Web系统层面，运用websocket在页面间传递信息，由于在软件系统层级实现了多屏幕联动控制，省去了重新采购硬件的麻烦；在页面设计方面采用响应式布局，一套页面可以在大屏与控制端屏幕适应展示，保证页面的一致性，同时节省了开发成本。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图：图1是多屏联动系统的结构示意图；图2是多屏联动方法的流程图。具体实施方式为了便于理解本专利技术，下面将参照相关附图对本专利技术进行更全面的描述。附图中给出了本专利技术的典型实施例。但是，本专利技术可以以许多不同的形式来实现，并不限于本文所描述的实施例。相反地，提供这些实施例的目的是使对本专利技术的公开内容更加透彻全面。应当理解本专利技术实施例以及实施例中的具体特征是对本申请技术方案的详细的说明，而不是对本申请技术方案的限定，在不冲突的情况下，本专利技术实施例以及实施例中的技术特征可以相互组合。除非另有定义，本文所使用的所有的技术和科学术语与属于本专利技术的
的技术人员通常理解的含义相同。本文中在本专利技术的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本专利技术。实施例一本实施例公开了一种多屏联动方法，该方法是基于图1所示的系统实现。系统包括用户客户端、大屏客户端、服务端。其中，用户客户端又分为移动客户端和PC客户端。参考图2，本实施例的所述方法包括：S201：用户客户端与大屏客户端分别通过浏览器登录服务端，并与服务端之间通过websocket协议建立双向连接后展示内容相同的基于响应式布局方式设计的WEB页面；响应式布局，就是一个网站能够兼容多个客户端，而不是为每个客户端做一个特定的版本，各个客户端根据自身的设备参数来展示网站的页面，通过响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。S202：用户客户端接收到用户的页面操作指令时，发送对应的控制信息给服务端，服务端将所述控制信息广播到所有的大屏客户端和用户客户端，大屏客户端和用户客户端接收到控制消息后根据所述控制消息同步更新WEB页面。优选地，服务端收到控制信息时，预先判断发起控制信息的客户端是否具有控制权限，如果没有控制权限，则舍弃掉所述控制信息，如果有控制权限，才将所述控制信息广播到所有的大屏客户端和用户客户端。具体来说，所述服务端预先存储有登录账号以及为各个登录账号配置的权限，该权限主要是指的用户是否具有控制权限，只有具有控制权限的用户才具有广播控制信息的能力。优选地，所述方法还包括：服务端在每个客户端登录之后，为每个客户端生成相应的UUID来唯一标识客户端，该UUID会在客户端成功登陆后返回给客户端，之后客户端与服务端之间通信时，会携带客户端的UUID信息，服务端据此可以确定接收的消息来自哪个客户端。本实施例中，所述服务端在客户端登录后将客户端的UUID与登录账号关联，因此，前述的判断发起控制信息的客户端是否具有控制权限，具体包括：根据发起控制信息的客户端的UUID，确定与之关联的登录本文档来自技高网...

【技术保护点】
1.一种多屏联动方法，其特征在于，所述方法包括：/n用户客户端与大屏客户端分别通过浏览器登录服务端，并与服务端之间通过websocket协议建立双向连接后展示内容相同的基于响应式布局方式设计的WEB页面；/n用户客户端接收到用户的页面操作指令时，发送对应的控制信息给服务端，服务端将所述控制信息广播到所有的大屏客户端和用户客户端，大屏客户端和用户客户端接收到控制消息后根据所述控制消息同步更新WEB页面。/n

【技术特征摘要】
1.一种多屏联动方法，其特征在于，所述方法包括：
用户客户端与大屏客户端分别通过浏览器登录服务端，并与服务端之间通过websocket协议建立双向连接后展示内容相同的基于响应式布局方式设计的WEB页面；
用户客户端接收到用户的页面操作指令时，发送对应的控制信息给服务端，服务端将所述控制信息广播到所有的大屏客户端和用户客户端，大屏客户端和用户客户端接收到控制消息后根据所述控制消息同步更新WEB页面。


2.根据权利要求1所述的多屏联动方法，其特征在于，所述方法还包括：
服务端收到控制信息时，预先判断发起控制信息的客户端是否具有控制权限，如果没有控制权限，则舍弃掉所述控制信息，如果有控制权限，才将所述控制信息广播到所有的大屏客户端和用户客户端。


3.根据权利要求2所述的多屏联动方法，其特征在于，所述方法还包括：所述服务端预先存储有登录账号以及为各个登录账号配置的权限，服务端在每个客户端登录之后，为每个客户端生成相应的UUID来唯一标识客户端，并将客户端的UUID与登录账号关联；
所述的判断发起控制信息的客户端是否具有控制权限，包括：根据发起控制信息的客户端的UUID，确定与之关联的登录账号所配置的权限是否为控制权限。


4.根据权利要求1所述的方法，其特征在于，所述用户客户端包括PC客户端和移动客户端。


5.一种多屏联动系统，其特征在于，包括服务端、用户客户端与大屏客户端；
用...

【专利技术属性】
技术研发人员：曹弘，黄楚伟，
申请(专利权)人：深圳市康拓普信息技术有限公司，
类型：发明
国别省市：广东;44