本笔记记录了像素流送插件的实现和优化过程。
UE version:5.3


一、像素流送

虚幻引擎应用程序从一台电脑上流送到相同网络中的另一台电脑或移动设备上。
然后通过网页形式展示和控制UE应用程序。


二、实现步骤

1、开启像素流送插件

像素流送插件默认好像是关闭的,在插件列表里,我们需要打开重启。
在这里插入图片描述

2、设置参数

编辑(Edit) > 编辑器偏好(Editor Preferences…)> 关卡编辑器(Level Editor) > 播放(Play) > 额外启动参数(Additional Launch Parameters)
输入一下内容:

-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888

在这里插入图片描述
非必备:
如果移动设备需要使用,最好打开触控操作显示:(无触控设备显示要求可以不用)
在这里插入图片描述

3、打包程序

设置好参数后进行打包:
在这里插入图片描述

注意:最好打调试包,方便看日志,如果打发行包无法观察日志。

打包完成后的路径内容:
在这里插入图片描述

4、打包后的程序进行像素流参数设置

在这里插入图片描述
对快捷方式应用程序启动属性进行填写:
在这里插入图片描述
在项目的启动目录的后面加上一下内容:(记得空格)

  -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888

也就是和未打包前在UE程序内填写的内容一致
在这里插入图片描述

5、下载NodeJS

用于启动信令服务器必备的环境:
NodeJS网址:Node.js
选择自己合适的版本:(最好LTS长期稳定版)
在这里插入图片描述
然后后续安装好,这里不演示了。

6、下载信令服务器

在官方Github仓库里找到对应版本的信令服务器文件:
PixelStreamingInfrastructure
在这里插入图片描述
用Git命令下载也可以:

git clone --branch UE5.3 https://github.com/EpicGames/PixelStreamingInfrastructure.git

7、对信令服务器进行设置

右击安装必备的环境:

SignallingWebServer\platform_scripts\cmd\
一下都运行一波

在这里插入图片描述
在这里插入图片描述
然后发现在网页还是打不开:(发现可能是端口错误 )
在这里插入图片描述
调整端口:

PixelStreamingInfrastructure\SignallingWebServer\config.json

在这里插入图片描述

8、启动像素流送

开启信令服务器:
在这里插入图片描述
在这里插入图片描述
双击打开应用程序:
在这里插入图片描述
改成9999端口后打开网页:
在这里插入图片描述


三、优化

1、鼠标显示问题

在打包后鼠标可能显示会出现问题,建议打开软件鼠标:
在这里插入图片描述

2、像素流送后很卡

优化1:
在这里插入图片描述

-RenderOffScreen  关闭程序渲染,只有网页才显示画面
-log 打开运行日志输出,只有调试模式才生效

优化2:
在这里插入图片描述
传输质量和运行帧率调整:

Min QP:最小质量
Max QP:最大质量
越小质量越高,调整合适的质量
Max FPS:帧率越大越顺畅,且鼠标跟手程度取决于此参数。
这三个参数是最影响运行效果的。

修改后我们可以看到网址也发生变化:

http://127.0.0.1:9999/?MinQP=20&MaxQP=10
也可以在后面加上其他的参数:如关闭声音:PixelStreamingWebRTCDisableReceiveAudio
http://127.0.0.1:9999/?MinQP=40&MaxQP=30&PixelStreamingWebRTCDisableReceiveAudio

在这里插入图片描述
还可以给同局域网的主机分享:

http://192.168.1.25:9999/?MinQP=40&MaxQP=30&PixelStreamingWebRTCDisableReceiveAudio
192.168.1.25是本端主机
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐