强者来袭：UE5像素流peer-stream Stars数量突破三位数
强者来袭：UE5像素流peer-stream Stars数量突破三位数
Part1前言
peer-stream是inveta团队开源的UE5像素流组件，与EpicGame为像素流设计的SDK相比，peer-stream.js是一个轻量级的WebRTC库，具有0依赖性，包含前端组件（使用WebComponents API）和信令服务器（使用NodeJS）。 peer-stream.js：用于播放器的浏览器SDK。 signal.js:node.js信令服务器。 .signal.js：带有env变量的signal.js。 test.html：浏览器网页。 开源地址 https://github.com/inveta/peer-stream
Part2stars
在大家的支持下，peer-stream的github的stars数量成功突破三位数。
和官方臃肿不堪的像素流SDK相比，我们开发出了轻量、零依赖、开箱即用的软件套装，前端的peer-stream.js基于WebComponentsAPI，后端signal.js基于NodeJS和npm/ws。
使用方法
# 安装 WebSocket
npm install ws@8.5.0
# 启动信令服务器
PORT=88 node signal.js
# 启动 UE5
start path/to/UE5.exe -PixelStreamingURL="ws://localhost:88"
# 打开测试网页
start http://localhost:88/test.html
signal.js在官方库的基础上做了大量优化
1、文件只有5KB，压缩后只有3KB。 2、提供http文件服务，和WebSocket共享端口号。 3、面向前端和面向UE5的端口号绑定，通过WebSocket子协议区分。 4、通过环境变量统一传参。 5、提供密码认证服务。 6、可以限制最大连接数。 7、支持多个UE5连接。 8、控制台实时打印UE5和前端的多对多映射关系。 9、对WebSocket连接做节流过滤，提高稳定性。 10、支持UE5和前端一一映射。 11、前端连入时，可以自动启动UE5进程。 12、多个UE5连入时，负载均衡。 13、支持stun公网穿透，在公网间互连。 14、控制台可输入调试代码，并打印计算结果。 15、定时发送心跳连接保活。 16、前端的端口号与ID绑定。
signal.js 既支持多个前端连接，也支持多个UE5连接，此时前端和UE5的多对多映射关系是均衡负载的：前端会被引向最空闲的UE5进程。若想要限制一一映射关系，开启one2one 环境变量。最好提供 UE5_* 自启动命令行，更多实例参考 .signal.js。流程图如下：
peer-stream.js 前端开发包
1、文件18KB，压缩后12KB。 2、基于 Web Components API 组件化video标签。 3、断线自动重连。 4、DOM生命周期绑定：挂载自动连接，卸载自动断开。 5、支持stun公网穿透。 6、全局挂载一份引用方便调试：window.ps。 7、支持5种键盘/鼠标/触屏输入模式。 8、支持3333端口重定向。 9、支持视频自动播放。 10、video标签的id即信令服务器地址，默认指向网页的域名。
Part3给epic提交建议被采纳
最近团队给UE5提交了一个关于像素流的建议，目前已经被官方采纳。
Part4总结
本文主要对inveta团队开源的UE5像素流组件进行了简单介绍。
Part5Inveta团队
Inveta团队由研发、美术设计、建模等组成。团队介绍: https://www.inveta.cn/about.html 团队开源项目： https://github.com/inveta