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, we can see two options for the there are 2 types of Resolution : (See image below)
...
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.
...
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 and set high enough values so that the video quality is always the same.
...
We can set Set the resolution we wantof your choice from the front end 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.
...