实现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在浏览器访问的前后两个步骤中用到的技术。
云渲染是一种使用云计算资源进行渲染的技术,通过将渲染任务上传到云端的服务器,利用高性能的计算资源进行渲染,然后将结果传回到本地客户端。这种技术可以在短时间内快速完成复杂的渲染任务,特别是对于需要大量计算资源的渲染任务,如电影、游戏等领域。
像素流是一种实时视频传输技术,也称为流媒体技术。它将视频分成多个小块,以像素为单位进行传输和处理,以达到实时传输和播放的效果。这种技术可以用于实时视频通话、在线游戏等领域。