Skip to main content
Skip table of contents

Embed Streaming within React Webpage Using iframe

Why embed streaming within your webpage?

Embed and customize your stream link directly from your own website for seamless integration and branding control.








Follow the steps below:

Step 1. Select the app you want to embed in your webpage

image-20250509-144601.png

Figure 1. Select the App

Step 2. Copy the Streaming iFrame script

image-20250509-144726.png

Figure 2. Copy iFrame Script

Step 3. Open your React project in any code editor

image-20250509-144839.png

Figure 3. Open Your Project

Step 4. Paste the iFrame script in a suitable component

image-20250509-145141.png

Step 4. Paste the iFrame Script

Step 5. Run your React project locally

image-20250509-145344.png

Figure 5. Run the Project

To learn how to communicate with Unreal app from the iFrame, follow this documentation:

Communicate with your Unreal App from iframe - React

To learn how to communicate from Unreal App to Webpage, follow this documentation:

Communicate from Unreal App to 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.