天天看點

UE4 4.26 Pixel Streaming 應用場景

UE4 4.26 Pixel Streaming 應用場景

内容索引:

一.用到的知識

二.區域網路(内網)單執行個體

三.區域網路多執行個體

四.廣域網(外網)單執行個體

五.廣域網多執行個體

六.GPU雲伺服器部署

七.虛拟網絡與像素流

八.優化的解決方案

九.。。。

一.用到的知識

1.基礎網絡知識

需要了解TCP/UDP/IP/NAT/STUN/TURN

IP(網絡之間互連的協定)_百度百科

IPv4位址類型:

公有位址

公有位址(Public address)通過它直接通路網際網路,彼此在公網上都能互相找到的IP位址。

私有位址

私有位址(Private address)也是常說的内網位址,在内網使用,傳入到公網會被丢棄。

以下列出、的内部私有位址:

A類 10.0.0.0–10.255.255.255

B類 172.16.0.0–172.31.255.255

C類 192.168.0.0–192.168.255.255

C類的位址也就是我們最常用的區域網路位址。

怎麼知道兩個IP位址是在一個區域網路?

一句話簡易概況:

192.168.0.1 到 192.168.0.254 ,掩碼是255.255.255.0 是在一個區域網路中,總共有2^8-2個位址可使用。比如192.168.0.20 與192.168.0.66 就是在一個區域網路中,可以通過win+R ,ping 對方位址測試。

192.168.1.1 到 192.168.1.254 ,一般掩碼是255.255.255.0 是在一個區域網路中。

以此類推,因為這個網段是很多路由器預設的内網位址段。

2.NAT

NAT(Network Address Translation),網絡位址轉換,因為IPv4位址不夠,2^32個位址, NAT解決IP位址不足的問題。具體看這個

nat(網絡位址轉換協定)_百度百科

3.STUN/TURN

NAT技術的出現是為了解決遇到的問題,一旦實作後,NAT本身也成為問題,故而需要穿透技術。目前常用的針對UDP的NAT 穿透(NAT Traversal)方法主要有:STUN、TURN、ICE、uPnP等。其中ICE方式由于其結合了STUN和TURN的特點,是以使用最為廣泛。

通路外網需要用到NAT技術,為了解決NAT技術,用到了stun/turn穿透技術。

官方文檔:

像素流送總覽

建議把官方這方面内容自己研究一遍,後面的就好了解了。

二.區域網路(内網)單執行個體

UE4 4.26 Pixel Streaming 應用場景

這個官方文檔有很詳細的操作流程,具體原理如下:

元件

像素流送插件 - 此插件在虛幻引擎中運作。其使用H.264視訊壓縮對每個渲染幀的最終結果進行編碼,将這些視訊幀随遊戲音頻一同打包到媒體流送中,并通過直接點對點連接配接将該流送發送到一個或多個連線的浏覽器上。

信令和Web伺服器- 信令和Web伺服器負責交涉浏覽器和像素流送插件之間的連接配接,将播放媒體流送的HTML和JavaScript環境提供給浏覽器。

連接配接程序,參考上圖:

啟動所有像素流送元件時,在虛幻引擎中運作的像素流送插件首先将建立到信令和Web伺服器的連結。

用戶端會連接配接到信令伺服器,伺服器将對用戶端提供一個HTML頁面,其中包含播放器控件和以JavaScript編寫的控制代碼。

使用者開始流送時,信令伺服器将進行交涉,在用戶端浏覽器和虛幻引擎之間建立直接連接配接。

用戶端和虛幻引擎之間的連接配接建立後,像素流送插件便會直接開始将媒體流送到浏覽器。來自用戶端的輸入由播放器頁面的JavaScript環境直接發送回虛幻引擎中。

即使媒體流送已經開始播放,信令和Web伺服器仍會維持其與浏覽器和虛幻引擎的連接配接,以便在必要時将使用者從流送中移除,并處理浏覽器造成的連接配接斷開。

操作步驟:

https://docs.unrealengine.com/zh-CN/SharingAndReleasing/PixelStreaming/PixelStreamingIntro/index.html

注意點:

1.為了保障測試順通,雙方防火牆都關閉。若有打開防火牆需求,可以等測試通過後,在針對性設定防火牆。

2.用戶端與UE4端在一個區域網路中,可通過win+R ,輸入ipconfig 檢視,

3.win10使用基于chromium的浏覽器,chrome、edge、firefox、360極速模式都可以。

4.手機端IOS safari ;android 微信連結或最新版浏覽器打開。

三.區域網路多執行個體

UE4 4.26 Pixel Streaming 應用場景

相比單執行個體多人共享同一個程式畫面,多執行個體,每個使用者擁有獨立的程式,需要多開UE4程式,使用者通路同一個位址,由matchmaker server依次配置設定沒有被占用的UE程式。

如希望在同一電腦上使用像素流送來運作多個虛幻引擎執行個體,須注意NVIDIA GeForce系列等諸多應用級顯示卡一次最多隻能運作2個編碼器。Quadro和Tesla等專業級顯示卡則無此類限制。

步驟:

在單執行個體的基礎上,從根路徑複制出一個一樣的UE4程式,我這裡分别命名4.25.ps1與4.25.ps2

UE4 4.26 Pixel Streaming 應用場景

下面按照圖檔的左右順序依次操作。

UE4程式—信令伺服器—matchmaker伺服器—網頁通路

1.UE4程式

ps1上配置: -AudioMixer -PixelStreamingIP=192.168.1.10 -PixelStreamingPort=7777

UE4 4.26 Pixel Streaming 應用場景

ps2上配置: -AudioMixer -PixelStreamingIP=192.168.1.10 -PixelStreamingPort=9999

UE4 4.26 Pixel Streaming 應用場景

2.信令伺服器

ps1:

UE4 4.26 Pixel Streaming 應用場景

右鍵編輯cirrus.js,修改如下參數

UE4 4.26 Pixel Streaming 應用場景

修改後的文本

var httpPort = 70;
var streamerPort = 7777; 
var matchmakerAddress = '192.168.1.10'; 
var matchmakerPort = 6666;
           

config.json 修改usermatchmaker 為true,這個是啟用matchmaker

UE4 4.26 Pixel Streaming 應用場景

ps2:

UE4 4.26 Pixel Streaming 應用場景

修改後的文本

var httpPort = 90;
var streamerPort = 9999; 
var matchmakerAddress = '192.168.1.10'; //如果信令伺服器與matchmaker伺服器在一台電腦上,這裡也可以寫成var matchmakerAddress = '127.0.0.1'
var matchmakerPort = 6666;
           

config.json 修改usermatchmaker 為true

UE4 4.26 Pixel Streaming 應用場景

3.matchmaker伺服器

ps1上:

隻需要開啟一個matchmaker伺服器即可。

UE4 4.26 Pixel Streaming 應用場景

右鍵編輯makchmaker.js

UE4 4.26 Pixel Streaming 應用場景

var httpPort =60;

var matchmakerPort = 6666;

到這裡配置結束,需要開啟2個UE4程序,對應的2個信令伺服器,1個matchmaker伺服器。

至于端口為何要這麼配置,主要是規避80端口,這個在外網測試中預設是被運作商屏蔽的。是以使用了60 70 90 端口。

之後啟動2個信令run.bat ,1個matchmaker的run.bat, 打開UE4快捷方式程式。

UE4 4.26 Pixel Streaming 應用場景

4.網頁通路

在内網任意電腦,都輸入同一個位址:192.168.1.10:60 ,會被分别跳轉到兩個實際的像素流伺服器位址,分别是192.168.1.10:70 與192.168.1.10:90

我這裡顯示127.0.0.1是因為是用戶端與服務端都在一個電腦上。127.0.0.1與localhost都能代表本機位址,無論實際配置什麼位址。

UE4 4.26 Pixel Streaming 應用場景

以上設定幾個應用,自己測試或臨時使用足夠了,但比較費事,當然也可以寫成批處理檔案自動完成。

如果有100個用戶端呢,UE4程式按需啟動關閉、信令伺服器要背景運作。。。可以參考後面第八項,優化的解決方案思路。

四.廣域網(外網)單執行個體

區域網路通路模式下,因為客戶網頁端與代理伺服器都在同一個區域網路中(比如公司内部就是一個區域網路),雙方可以直接通路到彼此,故能直接連接配接。而網際網路(也叫公網)因為存在NAT問題(區域網路IP位址通過NAT可以上網際網路,NAT是位址轉換,就是把自己的區域網路轉換為公網。NAT是為了解決IPv4位址不夠發明的),故需要stun/turn伺服器來打通NAT所帶來的的負面影響,也就是這個stun/turn伺服器,提供請求者擷取自己的真實公網IP位址,若用戶端與信令伺服器雙方都能擷取到自己真實的IP公網位址,那麼在網際網路理論上就可以直接通路彼此。

先決條件:

1.有個固定的公網IP位址,一般公司企業網都是固定IP,家庭寬帶,或者撥号上網的公網位址經常變,端口也是被封的。至于怎麼知道是不是固定公網,可以咨詢運作商。

2.若不是固定公網IP位址,這個案例就不适用了,也有其他辦法,詳細參考後面的GPU伺服器以及第七項部分(可以讓任意一台能上網的電腦,作為像素流伺服器,提供服務)。

3.預設情況公網IP位址會封兩個端口80與8080,需要申請才給開通,流程比較複雜,故我們會避開這倆端口。若是在阿裡雲或者亞馬遜雲伺服器上測試,則不需要考慮這些。

直接使用ps1的像素流程式内容做測試。

公網通路相比内網單執行個體多了一些設定,具體如下:

1.配置stun/turn伺服器

2.配置Start_AWS_WithTURN_SignallingServer.ps1

3.配置NAT

1.配置stun/turn伺服器

直接使用UE4像素流自帶的即可,如果想配置其他的可以搜尋教程自行搭建。

右鍵編輯Start_AWS_TURNServer.ps1

把localip改為127.0.0.1即可,官方預設的可以删除。

UE4 4.26 Pixel Streaming 應用場景

2.配置Start_AWS_WithTURN_SignallingServer.ps1

先修改config.json檔案的"UseMatchmaker": false,因為這裡暫時用不到matchmaker伺服器。

右鍵編輯Start_AWS_WithTURN_SignallingServer.ps1

UE4 4.26 Pixel Streaming 應用場景

方法一:修改publicip,這種直接擷取自己公網IP位址。

$PublicIpContnet = Invoke-webrequest -Uri "myip.dnsomatic.com"  | Select content
$PublicIp = $PublicIpContnet.content
Write-Output "Public IP:$PublicIp"
$peerConnectionOptions = "{ \""iceServers\"": [{\""urls\"": [\""stun:" + $PublicIp + ":19302\"",\""turn:" + $PublicIp + ":19303\""], \""username\"": \""PixelStreamingUser\"", \""credential\"": \""Another TURN in the road\""}] }"
$ProcessExe = "node.exe"
$Arguments = @("cirrus", "--peerConnectionOptions=""$peerConnectionOptions""", "--publicIp=$PublicIp")
# Add arguments passed to script to Arguments for executable
$Arguments += $args
Write-Output "Running: $ProcessExe $Arguments"
Start-Process -FilePath $ProcessExe -ArgumentList $Arguments -Wait -NoNewWindow
           

方法二:或者手動寫自己的公網IP位址,比如位址是:12.34.56.78

$PublicIp = "12.34.56.78"
Write-Output "Public IP:$PublicIp"
$peerConnectionOptions = "{ \""iceServers\"": [{\""urls\"": [\""stun:" + $PublicIp + ":19302\"",\""turn:" + $PublicIp + ":19303\""], \""username\"": \""PixelStreamingUser\"", \""credential\"": \""Another TURN in the road\""}] }"
$ProcessExe = "node.exe"
$Arguments = @("cirrus", "--peerConnectionOptions=""$peerConnectionOptions""", "--publicIp=$PublicIp")
# Add arguments passed to script to Arguments for executable
$Arguments += $args
Write-Output "Running: $ProcessExe $Arguments"
Start-Process -FilePath $ProcessExe -ArgumentList $Arguments -Wait -NoNewWindow
           

這裡推薦方法二。自動擷取每次都要查詢,有可能會擷取失敗。

3.配置NAT

登陸電腦所連接配接的路由器上(方法百度),不同路由器顯示界面不一樣,但是配置的内容是一樣的。

因為之前ps1那個像素流對應的端口是70,這裡把位址與端口做映射,外網位址映射成像素流電腦的位址192.168.1.10,端口外網70映射内網70,别忘了先把電腦防火牆關閉。

映射70 19302 19303

UE4 4.26 Pixel Streaming 應用場景
UE4 4.26 Pixel Streaming 應用場景

到此配置結束,下面開啟應用。

需要打開stun/turn伺服器,信令伺服器,依次打開下面的bat檔案。

Start_AWS_TURNServer.bat

Start_STUNServer.bat

runAWS_WithTURN.bat

UE4 4.26 Pixel Streaming 應用場景

如果有手機,開啟移動流量做測試即可。位址:12.34.56.78:70 這個位址是自己的公網位址+端口号。(預設情況:電腦用谷歌核心浏覽器,ios用safari(不支援微信打開),安卓用微信或者把浏覽器更新到最新版本打開)

UE4 4.26 Pixel Streaming 應用場景

五.廣域網多執行個體

其實上面的如果弄清楚了,這個廣域網多執行個體就很簡單了,是之前内容的融合。

本來這個内容不想寫了,發現好多人問,說明還是沒有了解。

原理跟區域網路多執行個體一樣,隻是多了路由器的端口映射以及stun/turn配置。

UE4 4.26 Pixel Streaming 應用場景

如果基于上文的配置,後續步驟如下:

1.更改ps1配置

2.更改路由器NAT映射

3.啟動

1.更改ps1配置:

ps1中的config.json,把matchmaker的值改為true。

UE4 4.26 Pixel Streaming 應用場景

2.更改路由器NAT映射

如下圖,很好了解。外網通過60端口進入matchmaker伺服器,此伺服器會基于政策配置設定一個空閑的像素流服務給使用者。

UE4 4.26 Pixel Streaming 應用場景

3.啟動

不分先後5個對應啟動,在啟動2個UE4程式。(這些服務可以設定為自啟背景運作)

stun/turn

UE4 4.26 Pixel Streaming 應用場景

matchmaker伺服器

UE4 4.26 Pixel Streaming 應用場景

信令伺服器

F:\pixtest\4.25.ps1\WindowsNoEditor\Engine\Source\Programs\PixelStreaming\WebServers\SignallingWebServer\runAWS_WithTURN.bat

F:\pixtest\4.25.ps2\WindowsNoEditor\Engine\Source\Programs\PixelStreaming\WebServers\SignallingWebServer\runAWS_WithTURN.bat

UE4 4.26 Pixel Streaming 應用場景

用外網測試即可,測試圖檔就不放了。

六.GPU雲伺服器/普通雲伺服器部署

這裡闡述下思路以及關鍵節點截圖,配置方式跟廣域網一樣。

因為是雲伺服器,是以有公網接口,這點很重要,我們後續的通路才可行。

信令伺服器、matchmaker伺服器、UE4程式、stun/Turn放在那?

保證你的服務需要與另外的服務通信,雙方可以互相通路,使用者能通路到你提供的服務,

是以推薦如下:

可以把UE4放到GPU雲伺服器上,其他的也放進去。

也可以把UE4放到自己家電腦,其他的放到雲伺服器上。如果是這種模式,就不需要GPU伺服器,普通雲伺服器即可,最主要是很很便宜。

關鍵節點如下:

1.GPU雲伺服器配置(用的阿裡雲)

2.普通雲伺服器

1.GPU雲伺服器

如下圖,選擇GPU類型的,圖中紅框的都可以用,價格相對合理,在做測試可以選擇按量付費

UE4 4.26 Pixel Streaming 應用場景

鏡像選擇這個,官方預設的不包含GPU顯示卡驅動,UE4運作不了。

UE4 4.26 Pixel Streaming 應用場景

寬帶選擇使用流量計費,誰用誰知道,網速不是問題。

UE4 4.26 Pixel Streaming 應用場景

這樣配置就行了,如果對阿裡雲配置或使用不太懂,官方文檔介紹的很清楚。

入方向政策配置:

通過網頁在控制台中的執行個體安全組裡,配置通路。比如需要放行某些端口等,配置很簡單。

隻需要入方向配置即可。

UE4 4.26 Pixel Streaming 應用場景

剩下的配置就跟在廣域網單執行個體或者廣域網多執行個體一樣了,NAT部分在雲端就沒有了,因為不需要NAT,直接修改入方向政策即可。

自己嘗試配置下,了解上面的内容就好配置了,如果有困難,就留言我在把詳細配置貼出來,主要是GPU的伺服器我早釋放了。

2.普通雲伺服器(省錢/友善)

普通雲伺服器是相對于GPU伺服器說的,采用本地電腦運作UE4程式,雲伺服器運作其他的程式,這樣就不用申請GPU的了。

1.阿裡雲申請

2.複制檔案

3.微調資料

1.阿裡雲申請

如果前面都懂了,會發現後面的配置越來越簡單。

很簡單,關鍵位置截圖,我是按照一周價格截圖,網絡寬帶按需。

UE4 4.26 Pixel Streaming 應用場景
UE4 4.26 Pixel Streaming 應用場景

2.複制檔案

我直接把PS1檔案夾的UE4打包過的engine拷貝到雲端了,幾十兆。

UE4 4.26 Pixel Streaming 應用場景

運作環境需要安裝nodejs。

3.微調資料

修改公網位址

UE4快捷方式修改如下,這裡的1.2.3.4就是對應公網位址:

檔案Start_AWS_WithTURN_SignallingServer.ps1公網位址修改:

修改位址映射

因為伺服器直接有公網IP,就不用映射,直接在網頁的政策裡配置放行對應端口即可TCP/UDP的,70 ,7777 19302 19303 ,當然為了測試,直接全部放行也可以。

本地電腦(公司、家)運作UE4程式,阿裡雲伺服器運作STUN/TURN/cirrus。

UE4 4.26 Pixel Streaming 應用場景

到此結束。

QQ==704178262

繼續閱讀