Versions Compared

Key

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

In this tutorial we will guide you how you can embed streaming within your webpage.

Info

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-20241113-140929.pngImage Added

Step 3. Copy Streaming iFrame Script.

image-20241113-141036.pngImage Added

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

image-20241031-044540.pngImage Added

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

image-20241031-044645.pngImage Added

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 Added

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

image-20241031-052459.pngImage Added

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 Added

Step 10. Click Try Netlify Drop.

image-20241107-034928.pngImage Added

Step 11. Click browseto upload your project.

Info

You can also use Drag and drop method

image-20241107-035032.pngImage Added

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

image-20241031-050124.pngImage Added

Step 13. Click Upload.

image-20241107-035217.pngImage Added

Step 14. Click Open Production Deploy.

image-20241107-035317.pngImage Added

Step 15. 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-20241107-040605.pngImage Added

image-20241107-040800.pngImage Added

Step 17. Now you can see the customized URL.

image-20241107-040933.pngImage Added

...

💬 Ask questions and help your peers Community Forum

📄 Need help? Contact Support

 

Facebook | GitHub | LinkedIn | YouTube