一种多通道并行渲染的大屏幕展示方法及系统技术方案

技术编号:17345878 阅读:17 留言:0更新日期:2018-02-25 10:50
本申请公开一种多通道并行渲染的大屏幕展示方法,其设计为无边框的浏览器,用户可以通过鼠标点击添加和拖拽光标实现任意拼接屏幕内容,使得多通道并行整体展示给观众,形式多样化,科技感十足,视觉冲击力增强。该方法包括:(1)开始;(2)选用node‑webkit;(3)配置开发环境;(4)按照接口文档进行开发;(5)配置无边框项目;(6)实现主界面无边框;(7)打包运行;(8)结束。还提供了一种多通道并行渲染的大屏幕展示系统。

【技术实现步骤摘要】
一种多通道并行渲染的大屏幕展示方法及系统
本专利技术涉及大数据可视化的
,尤其涉及一种多通道并行渲染的大屏幕展示方法,以及多通道并行渲染的大屏幕展示系统。
技术介绍
目前多通道并行大屏幕展示主要有两种展示方式:一种大屏幕是整块的,大屏展示是由高分辨率大屏幕、多屏拼接控制器、网络交换机和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;配置模块,其用来配置开发环境;开发模块,其配置来按照接口文档进行开发;设置模块,其用来配置无边框项目;执行模块,其配置来实现主界面无边框;运行模块,其配置来打包运行。以上所述,仅是本专利技术的较佳实施例,并非对本专利技术作任何形式上的限制,凡是依据本专利技术的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属本专利技术技术方案的保护范围。本文档来自技高网...
一种多通道并行渲染的大屏幕展示方法及系统

【技术保护点】
一种多通道并行渲染的大屏幕展示方法,其特征在于:该方法包括以下步骤:(1)开始;(2)选用node‑webkit;(3)配置开发环境;(4)按照接口文档进行开发;(5)配置无边框项目;(6)实现主界面无边框;(7)打包运行;(8)结束。

【技术特征摘要】
1.一种多通道并行渲染的大屏幕展示方法,其特征在于:该方法包括以下步骤:(1)开始;(2)选用node-webkit;(3)配置开发环境;(4)按照接口文档进行开发;(5)配置无边框项目;(6)实现主界面无边框;(7)打包运行;(8)结束。2.根据权利要求1所述的多通道并行渲染的大屏幕展示方法,其特征在于:所述步骤(2)中,下载node-webkit,解压后双击nw.exe直接运行,看到网页内容为NODE-WEBKIT,则说明安装成功。3.根据权利要求2所述的多通道并行渲染的大屏幕展示方法,其特征在于:所述步骤(5)中建一个App,内容包含package.json、index.html、js/、css/、resources/、node_modules/。4.根据权利要求3所述的多通道并行渲染的大屏幕展示方法,其特征在于:所述步骤(6)中,修改package.json,禁用工具栏;或者修改代码配置。5.根据权利要求4所述的多通道并行渲染的大屏幕展示方法,其特征在于:所述步骤(7)包括以下步...

【专利技术属性】
技术研发人员:孙辉程凯征
申请(专利权)人:北京数猎天下科技有限公司
类型:发明
国别省市:北京,11

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

1