Pixel Streamer的一个简单demo

Pixel Streamer

PixelStreamer是一个轻量级的前端像素流SDK（另赠送信令服务），对接的是虚幻的像素流插件。本项改编自虚幻的原版本，但删除了所有但依赖库和垃圾代码，同时合并成一个JS模块，开箱即用。

demo：

Signalling Server 开启信令服务

代码语言：javascript

复制

npm install ws
node signalling.js playerPort=80 UE4port=8888

UE4 启动插件

代码语言：javascript

复制

// Editor Preferences > Level Editor > Play > Additional Launch Parameters


-RenderOffScreen
-AllowPixelStreamingCommands
-AudioMixer
-PixelStreamingIP=localhost
-PixelStreamingPort=8888

Frontend 前端引入库

代码语言：javascript

复制

import 'PixelStream.js';



const ps = new PixelStream('ws://localhost');


ps.registerMouseHoverEvents();
ps.registerKeyboardEvents();
ps.registerTouchEvents();


ps.addEventListener('connected', e => {
document.body.appendChild(ps.video);
});
ps.addEventListener('message', ({detail}) => {
ps.emitDescriptor('received');
});

Requirement 版本要求

  • Chrome
  • NodeJS 10+
  • Unreal Engine 4+