Eagle 3D Streaming

Embed Streaming within Your HTML Webpage

In this tutorial we will guide you how you can embed streaming within your webpage.

 

Why embed streaming within your webpage?

Customize your stream link and stream it from your website

 

 

Step 1. Select the app which you want to embed with your webpage.

 

image-20241113-140807.png
Figure 1. Select the App

 

 

 

 

 

 

 

 

 

Step 2. Select a config.

 

image-20241113-140929.png
Figure 2. Select a Config

 

 

 

 

 

 

 

 

 

 

 

 

Step 3. Copy Streaming iFrame Script.

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 4. Now open any html editor and create a folder.

 

 

 

 

 

 

 

 

 

 

 

Step 5. Create “index.html” file inside the folder.

 

 

 

 

 

 

 

 

 

 

 

Step 6. Copy the code below and paste it inside index.html.

 

<html> <head> <title>Demo</title> </head> <body> <div> //paste the copied iFrame Script here </div> </body> </html>

 

 

 

 

 

 

 

 

 

 

 

 

Step 7. Now paste the copied iFrame script inside the <div> below.

 

 

 

 

 

 

 

 

 

 

 

 

Step 8. Open an account in Netlify or Login to Netlify if you have already an account.

 

 

 

 

 

 

 

 

 

 

Step 9. Go to Build and click on “New site from Git”.

 

 

 

 

 

 

 

 

 

 

 

Step 10. Click Try Netlify Drop.

 

 

 

 

 

 

 

 

 

 

 

Step 11. Click browse to upload your project.

 

You can also use Drag and drop method

 

 

 

 

 

 

 

 

 

 

 

 

Step 12. Select the folder that contains index.html file.

 

 

 

 

 

 

 

 

 

 

 

Step 13. Click Upload.

 

 

 

 

 

 

 

 

 

 

 

Step 14. Click Open Production Deploy.

 

 

 

 

 

 

 

 

 

 

 

Step 15. Click Play button.

 

You can modify the website URL

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 16. You can customize your site URL.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 17. Now you can see the customized URL.

 

 

 

 

 

 

 

 

 

 

 

 


Ask questions and help your peers Community Forum

Need help? Contact Support

 

Facebook | GitHub | LinkedIn | YouTube

 

 

Eagle 3D Streaming