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 embed streaming within your webpage.

Info

Why integrate E3DS App with 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-20241031-043853.pngImage Removedimage-20241113-140807.pngImage Added

Step 2. Select a config.

image-20241031-044031.pngImage Removedimage-20241113-140929.pngImage Added

Step 3.

...

Copy Streaming iFrame Script.

image-20241031-044209.pngImage Removedimage-20241113-141036.pngImage Added

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

image-20241031-044540.png

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

image-20241031-044645.png

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

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

image-20241031-052459.png

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

Step 10. Click Try Netlify Drop.

image-20241107-034928.png

Step 11. Click browseto

...

upload your

...

project.

Info

You can also use Drag and drop method

image-20241107-035032.png

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

image-20241031-050124.png

Step 13. Click Upload.

image-20241107-035217.png

Step 14. Click Open Production Deploy.

image-20241107-035317.png

Step 15. Click Play button.

Info

You can modify the website URL

image-20241107-040217.png

image-20241107-040413.png

Step 16. You can customize your site URL.

Info

Click Site Configuration and then select Change site name

image-20241107-040605.png

image-20241107-040800.png

Step 17. Now you can see the customized URL.

image-20241107-040933.png

...

💬 Ask questions and help your peers Community Forum

...