Embed Streaming within Your HTML Webpage
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