We have offer two methods for integrating to integrate Pixel streaming Streaming into a your website:
Using iframe
No Using a no-iframe solution
1. Stream integration using iframe
The <iframe> tag specifies an inline frame.An inline frame is used enables you to embed another HTML document directly within the current HTML documentwebpage. Using this method, you can easily embed the Pixel Streaming URL into your website for quick and straightforward integration.
| Code Block |
|---|
<iframe allow="camera;microphone" style="visibility: hidden" id="iframe_1" src="https://connector.eagle3dstreaming.com/v5/demo/E3DSFeaturesTemplate/E3DS-iframe-Demo" width="100%" height="100%" allowfullscreen > </iframe> |
...
You can embed the streaming URL as the src of the iframe to integrate Pixel Streaming into your website.
Here are the options available for you to add pixel streaming to your website through iframe:
HTML. Refer toEmbed Streaming within HTML Webpage Using iframe
ReactJS. Refer toEmbed Streaming within React Webpage Using iframe
Wordpress. Refer toEmbed Streaming within WordPress Webpage Using iframe
2. Stream integration using a no-iframe solution
The no-iframe solution offers greater integration provides enhanced flexibility and control over HTML elements compared to using an iframethe webpage’s DOM elements. This method is preferred when deeper customization, interaction, or branding is required.
We currently have three options for integrating the no-iframe solution into your website:
...