Unity RenderStreaming流渲染(一)

“流渲染”是一种解决Web端海量空间数据可视化的新思路,unity引擎产商推出的“云渲染”方案是基于WebRTC的视频流推送技术,它就是RenderStreaming插件。基本原理是将场景通过后端的渲染,之后使用实时的视频流推送至前端界面,可实现前后端的同步交互。
接下来就是进行Unity RenderStreaming的基操,先安装展示此插件的功能开始。

(一)创建打开一个Unity工程文件,选择Window—>Package Manager打开如下页面:

在这里插入图片描述
在Advanced中勾选Show dependencies和Show preview packages,在package列表中找到Unity Render Streaming,选中安装
在这里插入图片描述
安装完之后就选择导入项目文件(demo)
在这里插入图片描述
在这里插入图片描述
(二)安装必要的服务器运行环境
1.npm
2.node.js
其实node是自带npm的,但是不是最新版本,但是没有关系,直接安装node.js运行就好
node.js下载地址下载
下载安装完之后打开cmd,进行以下操作检测是否安装成功
在这里插入图片描述
(三)下载signal server服务器
官方提供了Unity Render Streaming作为webapp运行的服务器,这里提供下载这个服务器的三种方式:
1.在unity中选择Edit—>Render Sreaming—>DownLoad web app
2.github下载web app
在这里我使用第二种方式,在github中下载
在这里插入图片描述
在这里插入图片描述
解压打开之后得到如下文件夹:
在这里插入图片描述
(四)配置服务器环境
打开WebApp文件夹,找到package.json文件,在这里可以进行一些IP端口的配置,默认的端口是8000,因为我电脑有另外的程序在跑端口重复了,所以我改成8001
在这里插入图片描述
将"start"里面的"node ./build/index.js"改成"node ./build/index.js --port 8001 -w"
双击run.bat文件启动服务器
在这里插入图片描述
在这里插入图片描述
(5)配置Unity demo IP端口
服务器启动成功之后,在unity项目中选择一个demo进去,在这里我选择Broadcast场景
在这里插入图片描述
选中面板中的RenderStreaming找到Signaling URL输入127.0.0.1:8001
在这里插入图片描述
在这里插入图片描述
(六)验证效果
启动Unity程序,在浏览器中网址栏输入127.0.0.1:8001回车:
在这里插入图片描述
点击如上图圈出来的获得如下界面:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这时候鼠标动一动,就能实现互动同步了。

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值