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

The video quality in Mobile is lower using the Dynamic Resolution because mobile devices have smaller displays than computers. In this document, we present 2 ways to fix that.

Prerequisites

Access the Control Panel from here.

To create a New Config from the Control Panel, check this document.

Instructions

Go to : Control Panel > Step2 : Select a Config > Edit > Video.

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

Dynamic
Custom

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

Image 1. Step 2 : Select a Config : Video : Resolution

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

Image 2. App resolution adjusted to 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 :

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

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.

E3DS Documents & Tutorials

Handling Video Quality of the App Inside Iframe