Skip to main content
    • Open Source

      React.jsPixel Streamingfor Unreal Engine

      The Open Source MetaEditor offers a complete set of tools for professional developing and running the Unreal Engine’s Applications in browsers.
    • Online DemoGet started

    • Hyper-Realistic
      3D websites

    • Sending a commands
      User sends commands to Unreal Engine. For example, when someone clicks on a menu item on a website.
    • Getting callbacks
      Your site receives callbacks from Unreal Engine to change the web interface.
    • MetaEditor Platform
      Upload your Unreal Engine project to our portal and the system will automatically scale streaming servers for your users.
    • Unreal Engine
      Install MetaPlugin to work with Pixel Streaming to listen for commands and send callbacks.
MetaEditor - Pixel Streaming for Unreal EngineMetaEditor - Pixel Streaming for Unreal Engine
Partners & Technologies
  • Products

    Tools for streaming the Unreal Engine to browsers

    Quickly implement the Unreal Engine to the browser without sacrificing flexibility and control.
    • ReactJS framework
      A library of components for quickly connecting a web interface with Unreal Engine
    • Unreal Engine Streaming
      Autoscaling servers for distributing streaming Unreal Engine graphics to users' browsers.
    • Plugin for Unreal Engine
      A free plugin for integrating MetaEditor with an Unreal Engine project via Pixel Streaming.
    • Developer Portal
      In the MetaPortal, you can control the cost of streaming and configure created in Unreal Engine projects.
Easy to Use

Easy to Use

The MetaEditor is a complete solution for running and testing projects built by the Unreal Engine. You can attach any web components to interact with the streaming server.

Focus on What Matters

Focus on What Matters

The MetaEditor allows you to concentrate your attention on the development of the Unreal Engine, and we will take over all the work integrating into the browser.

Powered by React

Powered by React

A complete solution for launching your own project based on the ReactJS and the Pixel Streaming. The MetaEditor allows you to customize the interaction between the browser and the Unreal Engine project.

Noah Pohl
Glossi.io

“I am one of the developers for the Glossi and we are looking at using the MetaEditor platform for pixel streaming our unreal application. Thank you for all the assistance; hope to hear from you soon!”

Bo Layer
DFL technology

“My team wants to work with the MetaEditor and we were curious if the MetaEditor is compatible with UE4.27 by chance? We have paid attention to the "Unreal Engine v.5" and want to try it out first. Thanks!”

John Joyce
Unreal Liberty

“The MetaEditor has significantly reduced the development time for our Unreal Engine’s projects. Thanks!”

The MetaEditor is a professional web application for developing solutions based on the ReactJS and the PixelStreaming.

img

The standard implementation of the PixelStreaming significantly complicates developing your own reactive web applications for the Unreal Engine. Initially, the PixelStreaming was a no-architecture javascript solution for interacting, which has reactive web frameworks. Adapting the standard ReactJS for the PixelStreaming is a very long and laborious process, which significantly increases development time, because there are many technical problems to solve. It is related to the peculiarities of browsers, devices, and reactive technologies (like the ReactJS)

The MetaEditor.io helps to integrate the Unreal Engine v.5 into the browser. It allows you to send commands and get callbacks from the stream server with the Unreal Engine launched.

Advantages

The MetaEditor solves most of the possible problems in developing web applications for streaming from the Unreal Engine, such as:

  • a Cloud streaming solution
  • a Plugin for the Unreal Engine IDE
  • Developer tools
  • a Set of professional web components
  • an Adaptation for mobile devices
  • a Progress bar with the process of starting a cloud server
  • a Video quality optimization, connection speed control
  • Notifications. For example, if the connection is lost or there is no activity

Flexibility

When developing the MetaEditor, we created a universal architecture that makes it easy to deploy and customize your ReactJS application without the risk of breaking something. The MetaEditor allows you to focus on developing the interface of your application, built on the top of it, without delving into the complex technical details of the PixelStreaming technology.

Components

We have created and adapted a set of the ReactJS’s components to solve basic tasks of your web application (taking into account the features of streaming video)

Unreal Engine Plugin

Optionally, we developed a plugin for the Unreal Engine 5, which helps your web application to interact with a project on the Unreal Engine.

Commands which are sending to the Unreal Engine from the MetaEditor are asynchronous, so each command receives a response when executed.

We added the possibility of one-way callbacks, so the MetaEditor’s interface responds to events in the Unreal Engine. For example, when clicking on some 3D object in your application, you can launch the MetaMask plugin using web3.js

Developer Tools

When developing a web application for the Unreal Engine, it is important to have convenient testing tools:

  • Local connection. The ability to connect to a local server to test web applications during development without leaving the Unreal Engine’s IDE.

  • Command manager. A detailed report on all sent commands and received callbacks, with the ability to add your own commands.

  • State tree. Shows the current state of your WebRTC streaming.

  • Emergency reboot. Allows you to restart the streaming server in case of any error (suitable for cloud streaming).

  • Advanced logging system. The MetaEditor decomposes system messages from a WebRTC connection and displays them in the developer's interface.

Optionally, we have developed a plugin for the Unreal Engine 5, which helps your web application to interact with a project on the Unreal Engine.

Commands which are sending to the Unreal Engine from the MetaEditor are asynchronous, so each command receives a response when executed.

We added the possibility of one-way callbacks, so the MetaEditor’s interface responds to events in the Unreal Engine. For example, when clicking on some 3D object in your application, you can launch the MetaMask plugin using web3.js

Cloud Streaming

Cloud Streaming from the MetaEditor allows you to dynamically scale cloud servers to stream your 3D content created in the Unreal Engine.

The system automatically launches the required number of cloud servers, for example, at the time of a large influx of users.

Thanks to auto scaling, you can significantly optimize the cost of renting servers for streaming.

To control cloud servers in real-time, you can use the MetaEditor app from the App Store. You will receive push notifications, manage active connections, and control cloud-computing costs.

Parameters:

  • cost optimization
  • up to 5.000 simultaneous connections
  • AWS data center
  • OS Linux
  • any server configurations with GPU.
  • fast project update

Future plans

  • Publishing the MetaEditor plugin in the UE Marketplace
  • Improving documentation
  • Developing the MetaEditor for Mobile Platforms