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

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.

Figure 1. Select the App

Step 2. Select a config.

Figure 2. Select a Config

Step 3. Copy Streaming iFrame Script.

Figure 3. Copy iFrame Script

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

Figure 4. Create a Folder

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

Figure 5. Create index.html File

Step 6. Copy the code below and paste it inside index.html.

<html>
    <head>
        <title>Demo</title>
    </head>

    <body>
        <div>
           //paste the copied iFrame Script here
        </div>
    </body>
</html>

Figure 6. index.html File

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

Figure 7. Paste the iFrame Script

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

Figure 8. Build a New Site

Step 10. Click Try Netlify Drop.

Figure 9. Try Netlify Drop

Step 11. Click browse to upload your project.

You can also use Drag and drop method

Figure 10. Browse to Host Your Website

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

Figure 11. Upload the Folder

Step 13. Click Upload.

Figure 12. Click Upload

Step 14. Click Open Production Deploy.

Figure 13. Open Production Deploy

Step 15. Click Play button.

You can modify the website URL

Figure 14. App is Ready to Play From Your Website

Figure 15. App is Streaming from Your Website

Step 16. You can customize your site URL.

Click Site Configuration and then select Change site name

Figure 16. Customize Website URL

Figure 17. Customize Site URL

Step 17. Now you can see the customized URL.

Figure 18. App is Streaming from Customized URL

Ask questions and help your peers Community Forum

Need help? Contact Support

Facebook | GitHub | LinkedIn | YouTube

E3DS Documents & Tutorials

Embed Streaming within Your HTML Webpage

Analytics

Step 1. Select the app which you want to embed with your webpage.

Step 2. Select a config.

Step 3. Copy Streaming iFrame Script.

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

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

Step 6. Copy the code below and paste it inside index.html.

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

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

Step 10. Click Try Netlify Drop.

Step 11. Click browse to upload your project.

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

Step 13. Click Upload.

Step 14. Click Open Production Deploy.

Step 15. Click Play button.

Step 16. You can customize your site URL.

Step 17. Now you can see the customized URL.

Related content

Embed Streaming within Your HTML Webpage

Step 1. Select the app which you want to embed with your webpage.

Step 2. Select a config.

Step 3. Copy Streaming iFrame Script.

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

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

Step 6. Copy the code below and paste it inside index.html.

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

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

Step 10. Click Try Netlify Drop.

Step 11. Click browse to upload your project.

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

Step 13. Click Upload.

Step 14. Click Open Production Deploy.

Step 15. Click Play button.

Step 16. You can customize your site URL.

Step 17. Now you can see the customized URL.

Related content

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