In the Video section of the control panel, we can see two options for Resolution:
i) Dynamic
ii) Custom
...
Learn to set Video Quality of your App from inside the iFrame.
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
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
| Info |
|---|
Access the Control Panel from here. To create a New Config from the Control Panel, check this document. |
Instructions
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
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).
...
The Dynamic resolution helps you set the app App resolution dynamically.
This means it will automatically adjust the appApp's resolution according to the height and width of the iframe element.
This helps the app 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 :
We can select Select the Custom resolution from the control panel Control Panel and set high enough values so that the video quality is always the same.
We can set the resolution we want from the front end
...
Set the resolution of your choice from the Front End with the following code :
| Code Block |
|---|
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.