Versions Compared

Key

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

Demo Link:

...

https://iframe.eagle3dstreaming.com/

Demo Repository:

...

https://github.com/e3ds/E3DS-Iframe-Demo

Description:

You can change your Unreal App resolution from your webpage. Open the Demo Link from above and follow the demo video to set a custom resolution for your application.

Demo Video:

...

IMG_4845.MP4

To make this work in your website, you need to send the following JSON object to your unreal app:

Code Block
let obj = {
			cmd: "freezeResolutionAt",
			x: e.target.width.value,
			y: e.target.height.value
	}
document.getElementById("iframe_1").contentWindow.postMessage(JSON.stringify(obj), "*");

Here iframe_1 is the id of the iframe element.

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>


To learn more about how to communicate with your unreal app from your webpage follow the document: Communicate with your App from iframe - HTML this document.

Set Custom Resolution from Unreal App:


If you want to set a custom resolution from your unreal app, go to the following document:Set Custom Resolution from blueprints of Unreal App .

...

Need help? Contact Support

If you still need help, contact support to get your issue resolved quickly.

Submit a new request at E3DS support portal or send an Email at support@eagle3dstreaming.com.

Seek advice. Connect with others. Share your experiences. Join our lively Community Forum today.