一种多通道并行渲染的大屏幕展示方法及系统与流程

本发明涉及大数据可视化的技术领域，尤其涉及一种多通道并行渲染的大屏幕展示方法，以及多通道并行渲染的大屏幕展示系统。

背景技术：

目前多通道并行大屏幕展示主要有两种展示方式：

一种大屏幕是整块的，大屏展示是由高分辨率大屏幕、多屏拼接控制器、网络交换机和1台计算机等组成，为了更清晰地呈现屏幕内容则需要对应大屏的分辨率及显卡配置，由于高分辨率下单个浏览器性能不够，则需要打开多个浏览器，再将多个浏览器在多屏拼接控制器上拼接成一个页面。这种方式成本很高且浏览器存在边框使得整个大屏被划分为多个小块显示内容，整体感不强。如图1所示。

另一种大屏幕是由多个小屏拼接而成，每台计算机控制一个浏览器内容，再由图像拼接器拼接完成后发送至各个小屏。这种方式成本相对较高同样由于浏览器边框问题无法给人整体感。如图2所示。

目前这两种大屏在分屏显示时，由于浏览器存在边框的问题，使得大屏幕多通道图形展示时不像一个整体，局限了观众的思维，且让人感到压抑。如果单纯地将背景匹配边框颜色，则显得颜色单一，灵动性差，不能更好地诠释主题。

技术实现要素：

为克服现有技术的缺陷，本发明要解决的技术问题是提供了一种多通道并行渲染的大屏幕展示方法，其设计为无边框的浏览器，用户可以通过鼠标点击添加和拖拽光标实现任意拼接屏幕内容，使得多通道并行整体展示给观众，形式多样化，科技感十足，视觉冲击力增强。

本发明的技术方案是：这种多通道并行渲染的大屏幕展示方法，该方法包括以下步骤：

(1)开始；

(2)选用node-webkit；

(3)配置开发环境；

(4)按照接口文档进行开发；

(5)配置无边框项目；

(6)实现主界面无边框；

(7)打包运行；

(8)结束。

本发明选用node-webkit，设计为无边框的浏览器，因此用户可以通过鼠标点击添加和拖拽光标实现任意拼接屏幕内容，使得多通道并行整体展示给观众，形式多样化，科技感十足，视觉冲击力增强。

还提供了一种多通道并行渲染的大屏幕展示系统，该系统包括：

选用模块，其配置来选用node-webkit；

配置模块，其用来配置开发环境；

开发模块，其配置来按照接口文档进行开发；

设置模块，其用来配置无边框项目；

执行模块，其配置来实现主界面无边框；

运行模块，其配置来打包运行。

附图说明

图1所示为一种现有的大屏幕展示方法。

图2所示为另一种现有的大屏幕展示方法。

图3所示为本发明的方法。

图4所示为本发明的方法的大屏幕上直接展示实际拼接后的效果。

图5所示为本发明的方法的流程图。

具体实施方式

如图5所示，这种多通道并行渲染的大屏幕展示方法，该方法包括以下步骤：

(1)开始；

(2)选用node-webkit(下载地址：

https://github.com/rogerwang/node-webkit)；

(3)配置开发环境；

(4)按照接口文档进行开发；

(5)配置无边框项目；

(6)实现主界面无边框；

(7)打包运行；

(8)结束。

本发明选用node-webkit，设计为无边框的浏览器，因此用户可以通过鼠标点击添加和拖拽光标实现任意拼接屏幕内容，使得多通道并行整体展示给观众，形式多样化，科技感十足，视觉冲击力增强。

另外，所述步骤(2)中，下载node-webkit，解压后双击nw.exe直接运行,看到网页内容为node-webkit,则说明安装成功。

另外，所述步骤(5)中建一个app，内容包含package.json、index.html、js/、css/、resources/、node_modules/。

另外，所述步骤(6)中，修改package.json,禁用工具栏；或者修改代码配置。

修改package.json,禁用工具栏，如下所示:

修改代码配置，也可以实现主界面无边框的效果。

gui＝require('nw.gui')；

gui.window.open('http://google.com',{toolbar:false,frame:false})；

另外，所述步骤(7)包括以下步骤：

(i)将app内的文件压缩成zip格式；

(ii)将example.zip与node-webkit解压目录下的nw.exe合并；

(iii)下载安装enigmavirtualbox(下载地址：

http://enigmaprotector.com/assets/files/enigmavb.exe)；

(iv)利用enigmavirtualbox将example.zip与node-webkit的其他文件打包成example1_boxed.exe文件；

(v)将example1_boxed.exe文件拷贝到任意路径下，双击运行即可。

另外，所述步骤(ii)中，通过windows的命令行下的copy命令实现：copy/bnw.exe+example1.zipexample1.exe。

pc端运行example1_boxed.exe，打开多个无边框浏览器，分别显示在各个屏幕上，由于是一台计算机控制，可以实现屏幕之间任意切换，浏览器内容无缝衔接，且成本最低。如图3所示。

用户进入软件操作界面，选择添加需要导入的浏览器内容。系统会逐个地打开浏览器内容，用户通过鼠标将内容按照需要拼接，大屏幕上会直接展示实际拼接后的效果。如图4所示。

本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，包括上述实施例方法的各步骤，而所述的存储介质可以是：rom/ram、磁碟、光盘、存储卡等。因此，与本发明的方法相对应的，本发明还同时包括一种多通道并行渲染的大屏幕展示系统，该系统通常以与方法各步骤相对应的功能模块的形式表示。使用该方法的系统包括：

选用模块，其配置来选用node-webkit；

配置模块，其用来配置开发环境；

开发模块，其配置来按照接口文档进行开发；

设置模块，其用来配置无边框项目；

执行模块，其配置来实现主界面无边框；

运行模块，其配置来打包运行。

以上所述，仅是本发明的较佳实施例，并非对本发明作任何形式上的限制，凡是依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属本发明技术方案的保护范围。