Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Info

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 integrate with your webpage

image-20241031-043853.pngImage Modified

Step 2. Select a config

image-20241031-044031.pngImage Modified

Step 3. Click on Generate URLs and copy iFrame Script

image-20241031-044209.pngImage Modified

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

image-20241031-044540.pngImage Modified

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

image-20241031-044645.pngImage Modified

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

Code Block
<html>
    <head>
        <title>Demo</title>
    </head>

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

image-20241031-052411.pngImage Modified

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

image-20241031-052459.pngImage Modified

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”

image-20241107-034820.pngImage Modified

Step 10. Click Try Netlify Drop

image-20241107-034928.pngImage Modified

Step 11. Click browse to upload your project

Info

You can also use Drag and drop method

image-20241107-035032.pngImage Modified

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

image-20241031-050124.pngImage Modified

Step 13. Click Upload

image-20241107-035217.pngImage Modified

Step 14. Click Open Production Deploy

image-20241107-035317.pngImage Modified

Step 15. Click Play button

Info

You can modify the website URL

image-20241107-040217.pngImage Modified

image-20241107-040413.pngImage Modified

Step 16. You can customize your site URL

Info

Click Site Configuration and then select Change site name

image-20241107-040605.pngImage Modified

image-20241107-040800.pngImage Modified

Step 17. Now you can see the customized URL

image-20241107-040933.pngImage Modified

...

💬 Ask questions and help your peers Community Forum

📄 Need help? Contact Support

 

Facebook | GitHub | LinkedIn | YouTube