Embed Streaming within React Webpage

Eagle 3D Streaming

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.

 

 

Demo Project GitHub Repository: https://github.com/e3ds/E3DS-Iframe-Demo

Live demo: https://iframe_react.eagle3dstreaming.com/






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

Eagle 3D Streaming