Learn to set Video Quality of your App from inside the iFrame.

Prerequisites

Instructions

In the Video Tab, there are 2 types of Resolution : (See image below)

1. Dynamic

2. Custom

(Refer to this document to get more details about the Dynamic/ Custom Resolution Features from the Old Control Panel).

The Dynamic resolution helps you set the App resolution dynamically.

This means it will automatically adjust the App's resolution according to the height and width of the iframe element.

This helps the App adjust to various display sizes for different devices.

Example 1 : Laptop screen

Example 2 : Mobile screen

While useful, the Dynamic resolution has a drawback regarding the quality of the video in mobile devices.

This happens because the Dynamic resolution takes the height and width of the webpage and sets the resolution of the video accordingly.

Since mobile devices have smaller displays than computers, the resolution of the video will be too low and thus the video quality will be lower.

There are 2 ways to fix this :

1. Select the Custom resolution from the Control Panel and set high enough values so that the video quality is always the same.

2. Set the resolution of your choice from the Front End with the following code :

let obj = {
			cmd: "freezeResolutionAt",
			x: 1920,
			y: 1080
	}
	document.getElementById("iframe_1").contentWindow.postMessage(JSON.stringify(obj), "*");

Was this article helpful? Let us know your feedback.

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 E3DS Community Forum today.