【UE4】UE4.24关于像素流送的使用

别等时光非礼了梦想. 提交于 2020-03-11 12:12:10

-----------------------一个热爱UE4的小博主,瓦达西瓦精神小伙

摘要

ue4的4.24版本针对像素流送技术,做了很多改善。从4.21版开始ue4就开始嵌入像素流送插件Pixel Streaming,最近ue4官方对于Pixel Streaming插件做了很多改进,利用像素流送可以在用户不可见的电脑上,远程运行虚幻引擎应用程序,这种体验感类似于在视频网站上观看视频流送,但有两点不同:
1.ue4的流送是播放虚幻引擎实时生成的渲染帧和音频。
2.接收方用户是可以通过控制按钮,如键盘、鼠标、触屏等,对浏览器进行操作的体验
具体对像素流送技术的官方介绍:https://docs.unrealengine.com/zh-CN/Platforms/PixelStreaming/PixelStreamingOverview/index.html

在这里插入图片描述
图片是用网图的,右下角水印也没去掉,别告我这个小博主

一、本地设备的浏览器

1.准备工作

i.使用工具

1、虚幻引擎4.24版本
2、Node.js
3、浏览器,我用的是Chrome(当然因为某些原因只能用沙盒版的了)

ii.打开Pixel Streaming插件


注:打开之后需要重启引擎

iii.偏好设置启动的参数

打开编辑器偏好设置
在这里插入图片描述
找到Play播放项 -> 找到Additional Launch Parameters 项 -> 填入-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888
其中AudioMixer的添加是为了项目中音频的播放
PixelStreamingIP = 后填入的是域网的地址,本地可填入localhost
PixelStreamingPort = 填入处理的端口,默认8888
注:注意空格

iv. 打包项目

为了后续方便观看实现效果,加入了小球自由落地的小功能
打包完成后

2.启动服务器

i.设置打包文件

找到打包文件
按住Alt+exe文件拖拽生成快捷方式,或者右击生成快捷方式
右击生成的快捷方式文件,在目标text文本后面添加如上内容:-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888在这里插入图片描述
注:注意空格,-AudioMixer前有空格

在这里插入图片描述

然后在WindowsNoEditor\Engine\Source\Programs\PixelStreaming\WebServers\SignallingWebServer
文件夹下运行run.bat文件,注:必须有Node.Js,若还报错,需要运行npm i
运行npm i 方法,在该文件夹下,按住Shift+右击,点击下图在此处打开Powershell窗口
在这里插入图片描述

调出管理员命令窗口,输入npm i,等一会,完成后就关掉
会发现文件夹里多出node_modules文件夹,即可;
运行run.bat文件,会显示如下图;
在这里插入图片描述
注:启动成功之后就不用管它了,务必要开着

3.连接服务器

打开上述创建的快捷方式文件
在Web浏览器里输入localhost回车,或者输入本地IP地址
点击浏览器窗口,即可播放并操作项目工程
在这里插入图片描述但操作程序那边,浏览器同样会播放同样操作

二、同一本地网络不同设备

在同一网络下,使用iphone手机也可完成操作,但使用手机端操作要相应一定要开启项目设置中
Always Show Touchinterface项
在这里插入图片描述
最后打包后,打开程序,进入如上操作,运行run.bat
在手机上开一个浏览器界面,输入网络的IP地址(注:不可是localhost
IP地址的查找是,按住windows键+R调出运行 -> 输入cmd -> 调出控制台输出 -> 输入ipconfig
其中IPv4地址即为
在手机浏览器里输入这个地址
注:要run.bat运行的时候

最后手机那边呈现的效果在这里插入图片描述
吐槽:没换新iphone,没法录手机屏幕,一张图片糊弄一下哈
手机端可直接操作

三、云服务器部署

云服务器这边目前还在待解决问题,DX11不能打开UE4项目的问题;
希望了解的大佬能帮助一下,windows server 2012 r2 的云服务器
目前有待解决问题:
系统DirectX版本是DirectX 11 ,可能需要DirectX 12
打不开UE4项目
在这里插入图片描述
待解决

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!