UE5像素流送详细教程,以及解决黑边和鼠标消失问题

说明

本文是阅读UE5官方文档并且实践之后写的读书笔记,更多详细内容读者可以参考官方文档,本文只是因为在follow官方文档时发现有些操作界面不一样,有些细节遗漏了,所以才自己整理一篇笔记,以备后续使用。

读者按该文件指引操作后,可完成本地发布一个游戏,使用像素流网页访问。

详细操作

准备工作

  • 检查系统 ,笔者使用的是window11操作系统,建议可使用win10和win11(强烈不建议使用MAC OS,笔者反正是没成功,LINUX没试过)
  • 检查硬件,要运行带有像素流插件的虚幻引擎应用程序,计算机必须具有以下类型的图形硬件之一:
  • 安装node.js - 如果电脑上尚未安装 node.js,则需要下载并安装
  • 打开网络端口- 必须打开本地网络上的以下端口进行通信:80、888。如需修改默认端口,请查阅像素流送参考
  • 停止其他web服务器 - 如果电脑正在运行其他Web服务器,则将其停止,特别是相关网络端口一定要确保不能冲突。
  • IP地址- 如果你希望通过网络测试像素流,你需要知悉电脑的IP地址。

不过,你可以先通过LAN或VPN测试像素流送。你可以使用 localhost127.0.0.1 作为你的像素流IP地址。 如果尝试从不同网络的电脑或移动设备上进行连接,则你可能需要将信令服务器配置成使用STUN/TURN服务器。访问此像素流参考页面了解操作方法。

  • 安装windows sdk,微软官网下载visual studio installer安装包,辅助安装如图包和组件

    image.png

  • UE官网下载安装Epic Games Launcher

  • 启动该软件,安装UE5虚幻引擎

    image.png

这个过程较长,预计要安装好多个小时,具体根据读者的网速确定

新建配置项目

  • 打开Epic Games Launcher
  • 点击虚幻引擎,启动虚幻引擎

image.png

  • 建立一个游戏项目

image.png

  • 点击编辑,插件,找到pixel streaming插件,并且使能该插件,点击重启。
  • 在主菜单中选择 编辑(Edit) > 编辑器偏好(Editor Preferences...),在 关卡编辑器(Level Editor) > 播放(Play) 中找到 额外启动参数(Additional Launch Parameters) 设置,并将其值设为 -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888

    image.png

  • 打包项目,新建一个新的文件夹保存打包输出的文件

打包过程长短取决于电脑配置,及项目大小,如果失败请检查前面的软件是否安装好,以及自生的电脑是否支持。如下打包输出日志

  • 进入目录:out\Windows\Samples\PixelStreaming\WebServers\SignallingWebServer\platform_scripts\cmd,右键管理员运行,setup.bat。安装依赖环境。

  • 进入目录:out\Windows,cmd执行命令,启动虚幻引擎应用程序

  • 或者直接右键创建快捷方式

  • 然后直接在右边填上-PixelStreamingIP=127.0.0.1 -PixelStreamingPort=8888

  • 两种方法都行,推荐第二种,因为创建快捷方式方便使用

# testProject.exe  是项目名称
testProject.exe -PixelStreamingIP=127.0.0.1 -PixelStreamingPort=8888
  • 进入目录:out\Windows\Samples\PixelStreaming\WebServers\SignallingWebServer\platform_scripts\cmd,右键执行命令Start_SignallingServer.ps1

image.png

如上图,可以看到,启动成功,监听80端口。
命令行中间似乎会暂停,按任意键,就能跳过运行。

  • 网页输入```http://127.0.0.1/``,可访问到页面,点击开始按钮:

  • 如果页面没反应,则在Start_SignallingServer.ps1启动的powershell界面上敲一下回车,则可以正常进入页面。

测试会发现虚幻引擎应用程序,和网页上的界面是完全同步的。

如何解决鼠标消失问题呢?:直接在输入网址时,加上/?hoveringMouse=true
如何去掉黑边和使用全屏:

去掉黑边和使用全屏

请添加图片描述

请添加图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值