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