【虚幻引擎UE】UE5.0 六步实现UE5在网页端查看(云渲染+像素流)

本文详细介绍了如何通过六步在网页端实现UE5云渲染+像素流,包括安装node环境、UE5项目打包设置、端口开放与权限映射、文件补充、快捷方式创建及启动过程。提供了所需文件的百度网盘链接,并区分了云渲染与像素流的概念。
摘要由CSDN通过智能技术生成

实现UE5在网页端查看(云渲染+像素流)

在这里插入图片描述

1.安装node环境

在这里插入图片描述

2.UE5项目打包设置

在这里插入图片描述
(1)启用像素流插件
在这里插入图片描述
(2)编辑器播放参数设置
在这里插入图片描述
-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888
(3)移动端控制
在这里插入图片描述

3.打开电脑防火墙端口,外网连接需要开放权限映射

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
根据实际需要配置端口号,也就是把你想开放的端口号写在后面,用逗号分割。
(默认为80,8888,但为了避免端口冲突建议更换)
注意一定要包含自己实际使用到的端口号
假如端口被占用或无法访问则会报错All 0 Cirrus servers are in use.

PS:如果有小朋友不知道自己适合什么端口号,可以打开cmd去搜搜看自己心仪的端口号有没有被占用:
一般8000-9000之间取一个喜欢的数字。
注意逗号用半角,
本案例中需要添加8888和8082两个端口号到这里,需要修改的话就在入站规则中找到刚刚创建的规则进行修改。
在这里插入图片描述

详见:CMD查看端口占用

4.补充缺失的文件

在这里插入图片描述

百度网盘链接,下载后直接覆盖
链接:https://pan.baidu.com/s/1Ct9iz7ryVEovPF1fQfykdg?pwd=0802
提取码:0802

5.创建快捷方式,修改基本设置

(1)创建快捷方式并点击属性修改链接
在这里插入图片描述

在原始地址后加上-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888
例如:F:\dabao\Windows\demoData.exe -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888
(2)修改相关端口

以下案例中,8082是主进程HTTP端口,8888是像素流端口
需要修改以下三个地方的端口配置信息,一定确保不同文件配置的端口一致。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述

6.启动

双击run运行,在浏览器输入http://localhost:8082/(端口号根据自己设置的进行修改,默认是80,这里改了8082)
可以看到提示没有应用在启动。
在这里插入图片描述

如果中途卡住 可以按回车继续。
在这里插入图片描述

这时候我们打开应用程序,持续让它运行
在这里插入图片描述
再切换到浏览器点击播放,就可以成功同步像素流了。
在这里插入图片描述

参考资料:
(1)UE4.26/4.27像素流实现
官方文档教程(主)
https://docs.unrealengine.com/4.26/zh-CN/SharingAndReleasing/PixelStreaming/PixelStreamingIntro/
官方补充参考(辅)
https://docs.unrealengine.com/4.26/zh-CN/SharingAndReleasing/PixelStreaming/PixelStreamingReference/
(2)UE5像素流相关资料
https://docs.unrealengine.com/5.0/en-US/customizing-the-player-web-page-in-unreal-engine/
https://docs.unrealengine.com/5.0/en-US/interacting-with-the-pixel-streaming-system-in-unreal-engine/
https://docs.unrealengine.com/5.0/en-US/unreal-engine-pixel-streaming-reference/

(3)CSDN其他相关博文
UE像素流,来颗“减肥药”吧!
UE5像素流公网多人部署
VUE与UE5 像素流送
UE4 Pixel Streaming像素推流云端部署方案

补充说明
其中,4.27缺失像素流相关内容,因此需要把4.26的整个像素流包拷贝进去。
百度网盘链接:https://pan.baidu.com/s/1ROouccWyMnQOE4tEjIeptA?pwd=0802
提取码:0802

PS:记录一个答疑:

云渲染和像素流是同一个东西吗?

云渲染和像素流不是同一个东西,它们是两种不同的概念。
在这里可以理解为实现UE5在浏览器访问的前后两个步骤中用到的技术。

云渲染是一种使用云计算资源进行渲染的技术,通过将渲染任务上传到云端的服务器,利用高性能的计算资源进行渲染,然后将结果传回到本地客户端。这种技术可以在短时间内快速完成复杂的渲染任务,特别是对于需要大量计算资源的渲染任务,如电影、游戏等领域。

像素流是一种实时视频传输技术,也称为流媒体技术。它将视频分成多个小块,以像素为单位进行传输和处理,以达到实时传输和播放的效果。这种技术可以用于实时视频通话、在线游戏等领域。

评论 61
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵境引路人

感谢投喂 ~ ❤

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值