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-20241031-045649.pngImage Removedimage-20241107-034820.pngImage Added

Step 10. Click Try Netlify Drop.

image-20241031-045805.pngImage Removedimage-20241107-034928.pngImage Added

Step 11. Click browseto upload your project.

Info

You can also use Drag and drop method

image-20241031-045928.pngImage Removedimage-20241107-035032.pngImage Added

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

image-20241031-050124.png

Step 13. Click Upload.

image-20241031-050155.pngImage Removedimage-20241107-035217.pngImage Added

Step 14. Click Open Production Deploy.

image-20241031-050237.pngImage Removedimage-20241107-035317.pngImage Added

Step 15.

...

image-20241031-050419.pngImage Removed

...

Click Play button.

Info

You can modify the website URL

image-20241107-040217.pngImage Added

image-20241107-040413.pngImage Added

Step 16. You can customize your site URL.

Info

Click Site Configuration and then select Change site name

image-20241031-050520.pngImage Removedimage-20241107-040605.pngImage Added

image-20241031-050726.pngImage Removedimage-20241107-040800.pngImage Added

Step 17. Now you can see the

...

customized URL.

image-20241031-050756.pngImage Removedimage-20241107-040933.pngImage Added

...

💬 Ask questions and help your peers Community Forum

...