Skip to main content
Skip table of contents

Embed Streaming within React Webpage Using no iframe Solution

In this document, we will guide you on how to embed streaming within your React webpage without using an iframe script.

To assist with this, we have provided a Node.js application that utilizes our Token API. You can find it in the following GitHub repository:

https://github.com/e3ds/full-html-control/tree/reactJs

Follow the steps below:

Step 1. Clone the Repository

Run the following command to clone the specific branch directly:

CODE
git clone --branch reactJs https://github.com/e3ds/full-html-control.git

Step 2. Install Necessary Packages

Navigate into the cloned project folder and install dependencies:

CODE
npm install

Step 3. Navigate to the cloned project folder and open the file server.js

image-20250513-185727.png

Figure 1. Open server.js File

Step 4. Update the Required Information Inside server.js

image-20250513-190053.png

Figure 2. Update Required Information

image-20250529-153512.png

Figure 3. Information Updated

Step 5. Build the React Project

Run the following command to compile the React application:

CODE
npm run build

Step 6. Start the Server

Now, start the token server:

CODE
npm run runserver

Step 7. Launch in Browser

Once the server is running, open your browser and visit:

CODE
http://localhost:3000

If all information has been correctly configured, the session should start automatically.

Screenshot 2025-05-14 010648.png

Figure 4. http://localhost:3000

After few seconds the stream started

Screenshot 2025-05-14 010742.png

Figure 5. After few seconds the stream started

To learn how to communicate between your Unreal Engine app and the webpage (e.g., sending messages or triggering actions), please refer to the documentation here:
Communication Between Unreal App and Webpage

 


💬 Ask questions and help your peers Community Forum

📄 Need help? Contact Support

 

Facebook | GitHub | LinkedIn | YouTube

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.