In this tutorial we will guide you how you can embed E3DS App with your webpage.

Why embed E3DS App with 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.

Step 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.

Click Site Configuration and then select Change site name

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

Embed E3DS App with Your HTML Webpage