Skip to main content
Version: v4.0

Pixel Streaming Reactjs plugin for Unreal Engine 5.2

Installation

Install with npm:

npm install rsuite pixel-streaming --save

Install with yarn:

yarn add rsuite pixel-streaming

Usage

import "rsuite/dist/rsuite.min.css";
import { ButtonGroup, Button } from "rsuite";
import { MetaProvider, MetaEditor, Hooks } from "pixel-streaming";

const Player = () => {
const actions = Hooks.actions();

return (
<MetaEditor
debugMode
showToolbar
psHost="ws://127.0.0.1:80"
psConfig={{
// https://metaeditor.io/docs/metaeditor/settings/player
}}
/>
);
};

export default function AppHOC() {
return (
<MetaProvider>
<Player />
</MetaProvider>
);
}

Attention!

  • React 18.1.0
  • Node 16.*

Built With

  • React — A JavaScript library for building user interfaces
  • MetaEditor — Complete set of tools for professional developing and running the Unreal Engine’s Applications in browsers.
  • Unreal Engine Pixel Streaming — Library for Unreal Engine.
  • React Suite — Set of react component libraries for enterprise system products.

License

Pixel Streaming for React.js is licensed under the MIT License.