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

What is white labeling?

White labeling refers to the practice of producing a product or service and allowing other companies to rebrand and market it as their own.

Info

Why white labeling?

  • Companies can usually customize the product to match their brand's style, making it look like their own product.

  • Developing a product or service from scratch can be expensive. White labeling lets companies avoid R&D, design, and manufacturing costs, as they purchase ready-made solutions and rebrand them.

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

    ...

    image-20241031-050756.pngImage Removed

    💬 If you face any problems, please comment below or contact Support

    ...

    customized URL.

    image-20241107-040933.pngImage Added

    ...

    💬 Ask questions and help your peers Community Forum

    📄 Need help? Contact Support

     

    Facebook | GitHub | LinkedIn | YouTube