We have two methods for integrating Pixel streaming into a website:
iframeNo iframe
Streaming UI
Method 1
...
: iframe based implementation
The <iframe>
tag specifies an inline frame.
...
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 add the streaming URL as the src of the iframe to integrate Pixel Streaming into use pixel streaming inside your website.
Here are the options available for you have to add pixel streaming to your website through iframe:
HTML . Refer tothis document.ReactJS. Refer tothis document.Wordpress. Refer tothis document.
2. Stream integration using a no-iframe solution
The no-iframe solution offers greater control over HTML elements compared to using an iframe.
...
ReactJS - refer to Communicate with your App from iframe - React
Wordpress - refer to Integrating Streaming UI via iframe in a WordPress website
Method 2 : no-iframe solution (Streaming UI):
Streaming UI allows you more control over the HTML elements than using iframe. Currently, we have three options for integrating streaming UI into your website:
HTML/ejs . Refer tothis document.
ReactJS. Refer to this document.
AngularJS. Refer to this document.- refer to Embed streaming into a webpage (no iframe solution)
ReactJS - refer to Minimal initialization of pixel streaming to a React App
AngularJS - refer to Minimal initialization of Pixel Streaming to a Angular App
Note:
Info |
---|
We currently support these frameworks. If you want to implement |
...
streaming UI in a different framework, you will need someone with knowledge of one of the frameworks that we support and also the framework that you want to use |
...
Need help? Contact Support
Submit a new request at E3DS support portal.
...
. |
...