Skip to content

The Pixel Streaming library for ReactJS facilitates the integration of Unreal Engine v.5 into a web browser. It enables the transmission of commands and receipt of callbacks from the stream server once Unreal Engine is launched.

License

Notifications You must be signed in to change notification settings

crazysnowboy/metaeditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Links:

Usage

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

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

  return (
    <MetaPlayer
      debugMode
      showToolbar
      psHost="ws://127.0.0.1:80"
      autoPlay={false}
      autoConnect
      startMuted
      hoveringMouse
      fakeMouseWithTouches
      matchViewportRes
    >
      <ButtonGroup>
        <Button
          onClick={() => {
            actions.emitUi({ action: "ui_command" }, { debug: true });
          }}
        >
          Send action
        </Button>
        <Button
          onClick={() => {
            actions.emitSys({ action: "system_command" }, { debug: false });
          }}
        >
          Send command
        </Button>
      </ButtonGroup>
    </MetaPlayer>
  );
};

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

About Pixel Streaming for Unreal Engine

Pixel streaming is a powerful technology that enables remote rendering and streaming of real-time 3D graphics to any device, anywhere in the world. It has many applications, including online gaming, remote work, and virtual events. However, setting up a pixel streaming environment can be challenging, especially for those who are not familiar with complex server configurations and network setups. This library provides a simple and easy-to-use solution for streaming real-time 3D content over the internet. It allows users to set up a pixel streaming server with just a few clicks, and then stream the content to any device with a compatible web browser. The Pixel Streaming Plugin for Unreal Engine can save developers a significant amount of time and effort when it comes to configuring a pixel streaming environment. This is because the library comes with pre-built configurations and settings that work out of the box, meaning developers don't need to spend time tinkering with complex server configurations or network setups. One of the key benefits of using the Pixel Streaming Plugin is that it eliminates the need for users to install any additional software or plugins on their devices. All they need is a compatible web browser and an internet connection, and they can access the streaming content from anywhere in the world.

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.

Thank you!

Github profile

License

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

About

The Pixel Streaming library for ReactJS facilitates the integration of Unreal Engine v.5 into a web browser. It enables the transmission of commands and receipt of callbacks from the stream server once Unreal Engine is launched.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 99.9%
  • JavaScript 0.1%