Embed Streaming within HTML Webpage
Source Code: https://github.com/e3ds/E3DS-Iframe-Demo
Live Demo: https://iframe.eagle3dstreaming.com/
In this tutorial we will guide you how you can embed streaming within your webpage. Follow the steps below:
Step 1. Select the app which you want to embed with your webpage.
Figure 1. Select the App
Step 2. Select a config.
Figure 2. Select a Config
Step 3. Copy Streaming iFrame Script.
Figure 3. Copy iFrame Script
Step 4. Now open any html editor and create a folder.
Figure 4. Create a Folder
Step 5. Create “index.html” file inside the folder.
Figure 5. Create index.html File
Step 6. Copy the code below and paste it inside index.html.
CODE
<html>
<head>
<title>Demo</title>
</head>
<body>
<div>
//paste the copied iFrame Script here
</div>
</body>
</html>
Figure 6. index.html File
Step 7. Now paste the copied iFrame script inside the <div> below.
Figure 7. Paste the iFrame Script
Step 8. Run the page locally
Figure 8. Run the page locally
To learn how to communicate between Unreal app and the iFrame, follow this documentation:
To learn how to embed streaming within a React Webpage, follow this documentation:
Need help?
🛠️ Contact our Support Team
💬 Join the Community on Discord
Follow us on:
Facebook | GitHub | LinkedIn | YouTube