基于web跨平台与拼墙互动的方法及装置

摘要

本发明提供一种基于web跨平台与拼墙互动的方法及装置，所述方法包括以下步骤：解析客户端发送过来的资源变更文件、资源申请文件；所述资源变更包括：资源的增加、删除、修改；根据解析得到的网页图层位置对资源进行分组编号，然后发送资源及其编号给连接的客户端；如果是增加资源，则将增加的资源加载到内存缓存中；如果是删除或修改资源，则根据所述编号找到相应的资源进行删除或修改；如果是资源申请文件，判断所述内存缓存当中是否存在资源；若是，则通知客户端更新资源。本发明的基于web跨平台与拼墙互动的方法及装置，实现了跨平台的资源的共享与交互。

说明书

技术领域

本发明涉及拼接墙系统，特别是涉及一种基于web跨平台与拼墙互动的方 法以及一种基于web跨平台与拼墙互动的系统。

背景技术

随着高分辨率投影机的不断广泛和提高、拼墙系统的不断成熟，拼墙的应 用系统也越来越多。并且随着全新多媒体交互设备发展与应用的提高，各种设 备图片与视频的共享与交互越来越重要。

然而，现有的控制拼墙没有跨平台控制，所有其它控制设备的资源与拼墙 系统的资源不能互通有无。以往设备的资源要想投到拼墙系统上，必须得通过 转化和设置，用信号方式接入拼墙。但实时的图片、视频文件、实时业务数据 等并不能方便的接入到拼墙系统上，导致跨平台的资源共享存在困难，并且所 有其它控制设备也不能接入拼墙系统的资源，无法远程虚拟控制拼墙。

发明内容

基于此，有必要针对上述跨平台的资源无法共享的问题，提供一种基于web 跨平台与拼墙互动的方法及装置。

为实现上述目的，本发明采用如下的技术方案：

一种基于web跨平台与拼墙互动的方法，包括以下步骤：

解析客户端发送过来的资源变更文件、资源申请文件；所述资源变更包括： 资源的增加、删除、修改；

根据解析得到的网页图层位置对资源进行分组编号，然后发送资源及其编 号给连接的客户端；

如果是增加资源，则将增加的资源加载到内存缓存中；如果是删除或修改 资源，则根据所述编号找到相应的资源进行删除或修改；

如果是资源申请文件，判断所述内存缓存当中是否存在资源；

若是，则通知客户端更新资源；包括：若更新资源是视频文件，则将数据 流转化成预定格式的视频文件，并通知各客户端用视频播放器播放实时视频； 若更新资源是图片，则根据时间生成序列号，将图片及其序列号发送给各客户 端，并通知各客户端根据所述序列号在相应的区域刷新对应的图片；若更新资 源是实时数据，则通知各客户端根据实时数据编号信息找到相应的区域动态更 新图表。

一种基于web跨平台与拼墙互动的装置，包括：

解析模块，用于解析客户端发送过来的资源变更文件、资源申请文件；所 述资源变更包括：资源的增加、删除、修改；

分组编号模块，用于根据解析得到的网页图层位置对资源进行分组编号， 然后发送资源及其编号给连接的客户端；

资源变更模块，用于如果是增加资源，则将增加的资源加载到内存缓存中； 如果是删除或修改资源，则根据所述编号找到相应的资源进行删除或修改；

判断模块，用于如果是资源申请文件，则判断所述内存缓存当中是否存在 资源；

通知更新模块，用于在所述判断模块的判断结果为是的情况下，通知客户 端更新资源；包括：若更新资源是视频文件，则将数据流转化成预定格式的视 频文件，并通知各客户端用视频播放器播放实时视频；若更新资源是图片，则 根据时间生成序列号，将图片及其序列号发送给各客户端，并通知各客户端根 据所述序列号在相应的区域刷新对应的图片；若更新资源是实时数据，则通知 各客户端根据实时数据编号信息找到相应的区域动态更新图表。

由以上方案可以看出，本发明的一种基于web跨平台与拼墙互动的方法及 装置，通过对客户端发送过来的资源变更文件、申请文件进行解析和对资源进 行分组编号，当判断得出服务端的内存缓存当中存在资源时，根据资源的不同 类型，如视频文件、图片、实时数据等，采取不同的处理方式来实现跨平台的 资源共享与交互。与现有技术相比，本发明的方法及装置具有如下的有益效果：

一、基于web跨平台，客户端不用安装插件，只需要支持html5的浏览器 显示设备都可安装；

二、实现了ipad、拼墙、pc、手机等相互之间资源的共享，互通有无，并且 接入资源更方便快捷；

三、实时了小屏控制大屏，改变了传统用鼠标与键盘控制拼墙的操作方式；

四、实现了各种设备的同步，且各个设备显示内容一致；

五、实现了各种设备的交互，某种设备有特定的控制方式都可以应用到拼 墙上去；

六、提供了接入信号的另一种方式，各种设备的资源可以通过网络共享的 方式投到拼墙上，是一种全新的信号接入大墙方式；

七、对实时业务数据进行了接入，能够实时动态显示实时业务数据，不管 是互联网的数据还是其它方式进入的信号都可以实时更新到拼墙系统web客户 端上。

附图说明

图1为本发明实施例中一种基于web跨平台与拼墙互动的方法流程示意图；

图2为本发明实施例中一种基于web跨平台与拼墙互动的装置结构示意图。

具体实施方式

目前，HTML5技术受到很多人的追捧。基于HTML5技术开发出的网页游 戏不逊于PC端的效果与质感，画面丰富流畅，在产品质量上有相当的优势。基 于web跨平台的互动方式能较好的解决资源共享、跨平台操作拼墙系统等问题。 本发明实施例中基于HTML5开发，用户可以在任何电脑、平板、智能手机、拼 墙等使用Web浏览器便能实现图片、视频等的共享预览，实现所有设备之间的 显示同步、资源共享、应用交互等，并且通过实时数据在其它客户端实时画出 来，动态实时显示业务数据的更新。本发明实施例中可以包括客户端与服务端 两个组成部分。其中，客户端可以包括web客户端以及gis、3d应用软件客户端 等。服务端与客户端之间可以采用websocket双工通讯，通过读入实时数据，动 态对其它客户端的实时显示。Web客户端(标注、增加图片、视频等)可以通过 服务端来实现其它客户端的同步与资源共享，从而实现其它设备与拼墙的炫丽 交互和动态控制。下面着重从服务端的角度出发，对本发明的技术方案作进一 步的描述。

参见图1所示，一种基于web跨平台与拼墙互动的方法，包括以下步骤：

步骤S101，当接收到客户端所发送过来的资源变更文件、资源申请文件时， 服务端对所述客户端所发送过来的资源变更文件、资源申请文件进行解析，然 后进入步骤S102。

作为一个较好的实施例，所述资源变更文件、资源申请文件均可以为XML 格式的文件。

步骤S102，根据解析得到的网页图层（网页的一个区域）位置对资源（如 图片、视频、文字等）进行分组编号，然后发送资源及其编号给连接（登陆成 功为连接，即在线）的客户端。例如，图片1是属于图层1、图片类，则可以按 lay1_pic_0001进行编号。进行分组编号是为了后续的动态检索、更新。

步骤S103，判断客户端的需求。如果是增加资源，则将增加的资源加载到 内存缓存中；如果是删除或修改资源，则根据所述编号找到相应的资源进行删 除或修改。

步骤S104，如果是资源申请文件，则判断内存缓存当中是否存在资源；若 是则进入步骤S105。

步骤S105，若检索到内存缓存当中存在资源，则通知客户端更新资源。本 发明实施例中，根据资源的不同类型采取不同的处理方式来实现跨平台的资源 共享与交互。具体包括如下：

步骤S1051，若更新资源是视频文件，则将数据流转化成预定格式的视频文 件，并通知各客户端用视频播放器播放实时视频；

步骤S1052，若更新资源是图片，则根据时间生成序列号，将图片及其序列 号发送给各客户端，并通知各客户端根据所述序列号在相应的区域刷新对应的 图片；

步骤S1053，若更新资源是实时数据，则通知各客户端根据实时数据编号信 息找到相应的区域动态更新图表。

作为一个较好的实施例，在步骤S1051中，所述的预定格式可以为html5 播放器支持的视频通用格式。

作为一个较好的实施例，在步骤S101解析客户端发送过来的资源申请文件 之后、步骤S102根据解析得到的网页图层位置对资源进行分组编号之前，还可 以包括步骤：根据网页图层是否关联实时业务数据（例如背景图是静态的，实 时图表是动态的），对资源进行静态资源和动态资源分类。具体的，若所述资源 申请文件为XML格式的文件，则可以根据该XML文件中的dynamic或static 属性来对资源进行静态资源和动态资源的分类。

另外，作为一个较好的实施例，若在步骤S103中判断到所述内存缓存当中 不存在资源，则可以执行以下步骤：

步骤S106，检索资源的预先配置信息，并提取路径等相关信息。

步骤S107，若为静态资源，则根据所述路径信息获取资源，将资源打数据 包，并对该数据包进行分割和编号，然后发送分割后的数据包给客户端，并将 已编号的资源加载到所述内存缓冲中。将资源进行切割，把大的数据变成小的 数据，并进行编号是为了组合资源。比如，可以将一个大的图片切成9份，分 组传输后组成原来的图片。

步骤S108，若为动态资源，则根据所述路径信息切换矩阵服务器，根据相 关参数从资源服务器（如视频硬件服务器、图片服务器等）中获取资源流，并 动态的把获取的资源流加载到所述内存缓存中。

作为一个较好的实施例，在步骤S108中，所述相关参数可以包括：ip地址、 端口、通道、资源编号等。

与上述一种基于web跨平台与拼墙互动的方法相对应，本发明还提供一种 基于web跨平台与拼墙互动的装置，参见图2所示，包括：

解析模块101，用于解析客户端发送过来的资源变更文件、资源申请文件； 所述资源变更包括：资源的增加、删除、修改；

分组编号模块102，用于根据解析得到的网页图层位置对资源进行分组编 号，然后发送资源及其编号给连接的客户端；

资源变更模块103，用于如果是增加资源，则将增加的资源加载到内存缓存 中；如果是删除或修改资源，则根据所述编号找到相应的资源进行删除或修改；

判断模块104，用于如果是资源申请文件，则判断所述内存缓存当中是否存 在资源；

通知更新模块105，用于在所述判断模块的判断结果为是的情况下，通知客 户端更新资源；包括：若更新资源是视频文件，则将数据流转化成预定格式的 视频文件，并通知各客户端用视频播放器播放实时视频；若更新资源是图片， 则根据时间生成序列号，将图片及其序列号发送给各客户端，并通知各客户端 根据所述序列号在相应的区域刷新对应的图片；若更新资源是实时数据，则通 知各客户端根据实时数据编号信息找到相应的区域动态更新图表。

作为一个较好的实施例，本发明的一种基于web跨平台与拼墙互动的装置 还可以包括：资源分类模块，用于在解析客户端发送过来的资源申请文件之后、 根据解析得到的网页图层位置对资源进行分组编号之前，根据网页图层是否关 联实时业务数据，对资源进行静态资源和动态资源分类。

作为一个较好的实施例，本发明的一种基于web跨平台与拼墙互动的装置 还可以包括：资源加载模块，用于在所述判断模块的判断结果为否的情况下， 加载资源到所述内存缓存中；包括：检索资源的预先配置信息，并提取路径信 息；若为静态资源，则根据所述路径信息获取资源，将资源打数据包，并对该 数据包进行分割和编号，然后发送分割后的数据包给客户端，并将已编号的资 源加载到所述内存缓冲中；若为动态资源，则根据所述路径信息切换矩阵服务 器，根据相关参数从资源服务器中获取资源流，并动态把获取的资源流加载到 所述内存缓存中。

作为一个较好的实施例，所述相关参数可以包括：ip地址、端口、通道、 资源编号等。

上述一种基于web跨平台与拼墙互动的装置的其它技术特征与本发明的一 种基于web跨平台与拼墙互动的方法相同，此处不予赘述。

通过以上方案可以看出，本发明的一种基于web跨平台与拼墙互动的方法 及装置，通过对客户端发送过来的资源变更文件、申请文件进行解析和对资源 进行分组编号，当判断得出服务端的内存缓存当中存在资源时，根据资源的不 同类型，如视频文件、图片、实时数据等，采取不同的处理方式来实现跨平台 的资源共享与交互。与现有技术相比，本发明的方法及装置具有如下的有益效 果：

一、基于web跨平台，客户端不用安装插件，只需要支持html5的浏览器 显示设备都可安装；

二、实现了ipad、拼墙、pc、手机等相互之间资源的共享，互通有无，并且 接入资源更方便快捷；

三、实时了小屏控制大屏，改变了传统用鼠标与键盘控制拼墙的操作方式；

四、实现了各种设备的同步，且各个设备显示内容一致；

五、实现了各种设备的交互，某种设备有特定的控制方式都可以应用到拼 墙上去；

六、提供了接入信号的另一种方式，各种设备的资源可以通过网络共享的 方式投到拼墙上，是一种全新的信号接入大墙方式；

七、对实时业务数据进行了接入，能够实时动态显示实时业务数据，不管 是互联网的数据还是其它方式进入的信号都可以实时更新到拼墙系统web客户 端上。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细， 但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域 的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和 改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附 权利要求为准。