Skip to main content
Skip table of contents

Embed Streaming within React Webpage

In this tutorial we will guide you on how you can embed streaming within your React webpage using iframe script.








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 between Unreal app and the iFrame, follow this documentation:

Communication Between Unreal App and iFrame

 


Need help?

If you need any assistance, feel free to reach out through any of the following channels:

🛠️ Support Portal: Contact Our Support Team

💬 Discord Community (Faster Support): Join Our Discord Community

📧 Email Support: support@eagle3dstreaming.com

🆓 Get Started for free

 

Follow us on:

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.