当前位置:   article > 正文

Unity RenderStreaming流渲染(一)_unityrenderstreaming

unityrenderstreaming

“流渲染”是一种解决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回车:
在这里插入图片描述
点击如上图圈出来的获得如下界面:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这时候鼠标动一动,就能实现互动同步了。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/89576
推荐阅读
相关标签
  

闽ICP备14008679号