Space for Fakhrul Islam

Embedding Authorization for Iframe

When embedding an Eagle 3D Streaming (E3DS) application into your website using an <iframe>, it is important to ensure that the required permissions and domains are properly authorized. This allows the embedded application to function correctly (e.g., access to camera, microphone, fullscreen, etc.).










Why Authorization Is Needed

Modern browsers enforce strict security rules for iframes. By default, an iframe may not have access to sensitive features such as the camera, microphone, or fullscreen mode unless these are explicitly allowed. Similarly, some hosting environments may restrict embedding from external domains unless those domains are authorized.

Authorization ensures:

  • Only trusted domains can embed the E3DS iframe.

  • Required permissions (camera, microphone, etc.) are available for interactive streaming experiences.

  • The iframe behaves as expected without being blocked by browser or server policies.












Authorization Steps


  1. Domain Whitelisting
    Register the domain(s) where you plan to embed the iframe (e.g., yourcompany.com) with E3DS support.
    Only authorized domains will be able to successfully load the streaming application.

  2. Permission Whitelisting

    • Use the allow attribute in the iframe to specify which browser features are permitted (e.g., camera, microphone, fullscreen).

    • Example:

      <iframe
        allow="camera;microphone;fullscreen"
        src="https://connector.eagle3dstreaming.com/v5/demo/E3DSFeaturesTemplate/E3DS-Iframe-Demo"
        width="100%"
        height="100%"
        allowfullscreen
        style="border:0;">
      </iframe>
      


  1. Testing

  • After embedding, test the iframe from your domain to confirm the application loads and all intended features (camera, mic, fullscreen) work correctly.

  • If you encounter a “blocked” or “not allowed” error, verify your domain has been authorized with the E3DS team.








Best Practices

  • Only configure the permissions your application actually needs (avoid unnecessary permissions for security reasons).

  • Keep the iframe src limited to trusted Eagle 3D Streaming domains.

  • Test embedding across different browsers to confirm that authorization works as expected.









 


Need help?

🛠️ Contact our Support Team

💬 Join the Community on Discord

🆓 Get Started for free

 

Follow us on:

Facebook | GitHub | LinkedIn | YouTube