Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

We have offer two methods for integrating to integrate Pixel streaming Streaming into a your website:

  1. Using iframe

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

  1. HTML. Refer toEmbed Streaming within HTML Webpage Using iframe

  2. ReactJS. Refer toEmbed Streaming within React Webpage Using iframe

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

...