• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

ue4像素流部署到web

武飞扬头像
逆夏ぃ光年141
帮助1

打包:

学新通

 学新通

学新通 

学新通 

学新通 

 学新通

学新通 

学新通 

学新通 

学新通学新通 

-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888

注意:用“”将原本的内容包括起来再加一个空格,之后将改文本复制在后边。

在WindowsNoEditor文件夹将release和WebServers两个文件复制到和WebServers在同一个目录下,方便后续操作。

局域网:

学新通

首先在WebServers文件夹里打开SignallingWebServer找到cirrus.js

学新通 

运行SignallingWebServer文件夹里面的run.bat,

学新通 

打开exe快捷方式

学新通 

在web上搜索https://localhost:81/即可(81为自己设置的端口号)。

广域网单实例:

1.Release文件夹里的Start_AWS_TURNServer.ps1

学新通 

2.在SignallingWebServer 文件夹里面修改Start_AWS_WithTURN_SignallingServer.ps1

学新通 

3.运行SignallingWebServer文件夹里setup.bat会出现config.json文件。将config.json文件内容改为

学新通

文本如下:

{

       "UseFrontend": false,

       "UseMatchmaker": true,

       "UseHTTPS": false,

       "UseAuthentication": false,

       "LogToFile": true,

       "HomepageFile": "player.htm",

       "AdditionalRoutes": {},

       "EnableWebserver": true,

       "streamerPort": 7772,

       "httpPort": 72,

       "matchmakerPort": 8888,

       "matchmakerAddress": "127.0.0.1",

       "peerConnectionOptions": "{ \"iceServers\": [{\"urls\": [\"stun:此处填服务器的ip:19302\",\"turn: 此处填服务器的ip:19303\"], \"username\": \"PixelStreamingUser\", \"credential\": \"Another TURN in the road\"}] }",

       "publicIp": "此处填服务器的ip "

}

注:快捷方式.exe属性里目标…….exe -AudioMixer -PixelStreamingIP=此处填服务器的ip -PixelStreamingPort=7772(注:后面的端口号和config.json里面”streamerPort”:后面的端口号一样)

4.WebServers文件夹里打开SignallingWebServer找到cirrus.js(不做这步也可以但上一步config.json必须要改)

学新通 

5.编辑WebServers\Matchmaker里面的matchmaker.js

学新通 

学新通 

5.完成后打包发到服务器。(注:客户端和服务端都要下载node.js)

6.打开release文件里面的Start_AWS_TURNServer.bat和Start_STUNServer.bat

学新通

打开WebServers\Matchmaker里面的run.bat(注:里面的端口号和自己设置的有关)

 学新通

再打开WebServers里面SignallingWebServer里面的runAWS_WithTURN.bat

学新通 

在本机打开.exe快捷方式运行起来。

学新通 

 此时可在web上搜索https://服务器的ip:自己设置的端口号。即可打开。

广域网多实例(在单实例的基础上做):

将WebServers文件里SignallingWebServer复制几份(服务器上)

学新通

以三份为例,将SignallingWebServer里面的config.Json的内容的

修改

"streamerPort": 7770,

      "httpPort": 70,

(注:没有必要一定是这个端口)

学新通

同样对应的.exe快捷方式(在你的本地电脑)复制几份并修改属性目标的-PixelStreamingPort=8001里面的端口(一个SignallingWebServer对应一个.exe快捷方式)。

可能会遇到的问题:

1.UE4.26.2使用像素流:Player 101找不到问题的解决方法

2.配置完成后若在web上打不开可能的原因是防火墙未关闭。

3. 以阿里云服务器为例,添加端口(自己用到的端口)也可以将所有的端口都添加上就不用一个一个端口加了(不建议这样做,会导致服务器安全性降低)。,学新通 

参考资料:

(1)UE4像素流(Pixel Streaming)应用场景 - 知乎

(2)学新通https://blog.csdn.net/qq_31042143/article/details/120118854

(3)https://www.bilibili.com/video/BV1cv411M7aY/?spm_id_from=333.880.my_history.page.click&vd_source=2ca9cbdfe2c1aa2031a5848bdce23d69

(4)https://www.bilibili.com/video/BV1HT4y1S7cs/?spm_id_from=333.337.search-card.all.click&vd_source=2ca9cbdfe2c1aa2031a5848bdce23d69

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgakgee
系列文章
更多 icon
同类精品
更多 icon
继续加载