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.