react-pixel-streaming
v4.0.8
Published
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.
Downloads
48
Maintainers
Readme
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!
License
Pixel Streaming for React.js is licensed under the MIT License.