UE4-PixelStreaming（虚幻引擎4-像素流）笔记

啊我

一、 UE项目设置

1.启用pixel streaming插件





重启UE


2.添加额外启动参数

编辑器偏好设置--关卡编辑器--播放 --在独立进程游戏中运行--额外启动参数
-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888


编辑器偏好设置  命令行参数 是为了不打包的情况下  用独立进程游戏 调试像素流功能


3.显示触摸控制器

（如果只是PC端使用，或者不需要触摸移动可以不启用该选项）
编辑（Edit） > 项目设置（Project Settings）
引擎（Engine） > 输入类型（Input category）下启用固定显示触控界面（Always Show Touch Interface）设置


4.打包


5.新建UE程序快捷方式

按住Alt键并拖动.exe文件，新建一个快捷方式


6.UE程序快捷方式命令行参数

右键点击快捷方式并从上下文菜单中选择属性（Properties）--目标
添加启动命令行（留意-之前的空格）
-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888



-RenderOffScreen

让像素流送系统开始运行后，可能还需要添加-RenderOffScreen命令行参数。如果虚幻引擎应用程序窗口意外被最小化，像素流送视频和输入流送将停止工作。-RenderOffScreen能以headless模式运行应用程序，不带可见窗口，避免意外发生。
二、 启动服务器

1.安装信令服务器依赖环境

\Samples\PixelStreaming\WebServers\SignallingWebServer\platform_scripts\cmd
为了准备信令服务器，首先以管理员身份打开PowerShell并运行 SignallingWebServer\platform_scripts\cmd\setup.ps1。这会安装所有需要的依赖环境。




安装过程


运行SignallingWebServer\platform_scripts\cmd\Start_SignallingServer.ps1开启信令服务器。首次运行服务器时其将下载需要的所有依赖性。服务器启动，能够接收连接后，控制台窗口中将出现以下命令行：




安装完 不出问题就能看到下图
WebSocket listening to Streamer connections on :8888
WebSocket listening to Players connections on :80
Http listening on *: 80


2.运行run_local.bat

也可以直接运行run_local.bat 自动安装环境 并启动


可以直接将run_local.bat 创建快捷方式，并复制到程序根目录 方便使用。




3.运行UE快捷方式



4.浏览器访问 http://127.0.0.1



点击Click to start  进入程序


三、 网页页面与UE4程序间交换事件

1.设置第三人称  gamemode



2.新建playercontroller



3.playercontroller添加PixelStreamerInput组件



4.show FPS功能按钮实现







网页端


UE逻辑实现
打开关卡蓝图






get json string value  关键字 对应网页内的关键字




运行测试
启动信令服务器


独立进程运行UE


点击 网页端 showFPS 按钮  UE端会显示FPS实时值



四、 常见问题

1.环境安装问题

当运行 Start_SignallingServer.ps1 报错
Cannot read properties of null (reading 'pickAlgorithm')


解决方法：
在终端输入： npm cache clear --force
重新右键PowerShell并 运行  Start_SignallingServer.ps1

2.网页和UE交互

网页和UE交互 必须 在 playercontroller 里  添加 pixel streaminginput 组件