1.写在前面

01.作者碎碎念

2022.11.19初次更新俺是不是很粗长！老仔细了，全是截图，不废话，就是上图干！

02.结果

演示截图

在这里插入图片描述

视频教程

B站：www.bilibili.com/video/BV1QG… Youtube：youtu.be/MiiLR9PElrs

2.需要准备的软件

01.UE（UE5.0） 02.node.js

3.步骤

官网步骤：docs.unrealengine.com/5.0/zh-CN/g… 首先我们需要先有一个打包好的项目。在这里插入图片描述那么先让我们开始准备一个打包好的项目吧。如果你已经有了一个符合要求的项目，可以跳过此步骤。

01.准备一个打包好的项目

1).在虚幻编辑器中打开项目。

2).在虚幻编辑器的主菜单中选择编辑（Edit） > 插件（Plugins）。

在这里插入图片描述 3).搜索找到像素流送（Pixel Streaming）插件并勾选启用（Enabled）框。点击立即重启（Restart Now）重启项目并应用修改。 4). 如果你需要触控显示：如果你不需要则直接走下一步： 5).在主菜单中选择编辑（Edit） > 编辑器偏好（Editor Preferences...）在关卡编辑器（Level Editor） > 播放（Play）中找到额外启动参数（Additional Launch Parameters）设置，并将其值设为 -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888。在这里插入图片描述 6).打包Windows项目。从虚幻编辑器的主菜单中选择文件（Files） > 打包项目（Package Project） > Windows > Windows (64-bit)。 7).在项目找打开虚幻引擎放置项目打包版本的文件夹，点击选择文件夹（Select Folder）。 8).虚幻编辑器将开始打包进程。

在这里插入图片描述 9).打包进程完毕后，将找到一个名为 Windows 的文件夹，其中的内容类似于下图：

在这里插入图片描述 10).每次启动打包应用程序时，均需要传递命令行标签。执行此操作的一种方法是设置一个快捷方式： 0001.按住 Alt 键并拖动 .exe 文件即可在相同文件夹中（或在其他任意处）新建一个快捷方式。 0002.右键点击快捷方式并从上下文菜单中选择属性（Properties）。在这里插入图片描述 0003.在快捷方式属性（Shortcut Properties）窗口的快捷方式（Shortcut）选项卡中，在目标（Target）域的末尾附加文本 -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888 并点击确认。

02.启动服务器

在 Samples/PixelStreaming/WebServers/SignallingWebServer 中找到信令服务器的路径。

在这里插入图片描述

以管理员身份打开PowerShell,win+R 在这里插入图片描述运行 SignallingWebServer\platform_scripts\cmd\Start_SignallingServer.ps1 开启信令服务器然后运行run_local.bat，会报错。

在这里插入图片描述

不要慌，上网搜了一下发现是80端口被占用了，解决它。 blog.csdn.net/weixin_4378…

在这里插入图片描述

发现占用80端口的是系统进程，继续追究，因为很大可能是某个程序狐假虎威在背后占用。找到之后就结束它。在这里插入图片描述此时，再次运行发现可以了！这说明虚幻引擎应用程序已经启用了像素流送插件，前端信令和Web服务器也已准备好将客户端连接到虚幻引擎应用程序。此时必要的设置均已在电脑上完成。现在只需连接到浏览器。