E3DS Documents & Tutorials

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