Set Custom Resolution from Webpage in a Iframe

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:

bandicam 2024-02-19 15-38-40-952.mp4

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), "*");

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

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