Space for Fakhrul Islam

Embed Streaming Using iframe Solution



This is the simplest way to embed streaming into your website. With just a little knowledge of frontend development, you can easily use this solution.


 

Follow the guidelines below to get started with the iFrame-based solution:



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


image-20241113-140807.png
Figure 1. Select the App










Step 2. Select a config.


image-20241113-140929.png
Figure 2. Select a Config













Step 3. Copy Streaming iFrame Script.


image-20241113-141036.png
Figure 3. Copy iFrame Script













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


image-20241031-044540.png
Figure 4. Create a Folder











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


image-20241031-044645.png
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>



image-20241031-052411.png
Figure 6. index.html File











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

image-20250709-173807.png
Figure 7. Paste the iFrame Script












Step 8. Run the HTML page locally

image-20250709-172736.png
Figure 8. App is Embedded within HTML Webpage




Now you can deploy it.





 


Need help?

🛠️ Contact our Support Team

💬 Join the Community on Discord

🆓 Get Started for free

 

Follow us on:

Facebook | GitHub | LinkedIn | YouTube