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:
Image 1. Iframe: Change resolution
Image 2. Iframe: Change mobile resolution
To make this work in your website, you need to send the following JSON object to your unreal app:
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.
<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 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.
Need help?
🛠️ Contact our Support Team
💬 Join the Community on Discord
Follow us on: