Embed Streaming within React Webpage

Eagle 3D Streaming

Embed Streaming within React Webpage

 








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?

🛠️ Contact our Support Team

💬 Join the Community on Discord

🆓 Get Started for free

 

Follow us on:

Facebook | GitHub | LinkedIn | YouTube

Eagle 3D Streaming