Stream integration into Website

We offer two methods to integrate Pixel Streaming into your website:

1. Using iframe

2. Using a no-iframe solution

1. Stream integration using iframe

The <iframe> tag enables you to embed another HTML document directly within the current webpage. Using this method, you can easily embed the Pixel Streaming URL into your website for quick and straightforward integration.

<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:

1. HTML. Refer to Embed Streaming within HTML Webpage Using iframe

2. ReactJS. Refer to Embed Streaming within React Webpage Using iframe

3. Wordpress. Refer to Embed Streaming within WordPress Webpage Using iframe

2. Stream integration using a no-iframe solution

The no-iframe integration provides enhanced flexibility and control over the 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:

1. HTML/ejs. Refer to Embedding Stream into Webpage using a no iframe solution

2. ReactJS. Refer to Embed Streaming within React Webpage Using no iframe Solution

3. AngularJS. Refer to Embed Streaming within Angular Webpage Using no iframe Solution

We currently support these frameworks. If you want to implement the no iframe solution 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.

Requests sent on weekends will not be addressed until the following business day.