Versions Compared

Version Old Version 12 New Version 13
Changes made by

Khaoula Bouhlali

Khaoula Bouhlali

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Learn to edit set the resolution of your App.

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

If you are on trial, activate your Account today! Upgrade to a Paid Plan from your Control Panel

Find our Pricing Plans here https://www.eagle3dstreaming.com/pricing/

Prepare to execute instructions

Info

Make sure to :

  1. Have an Unreal Engine Project.

  2. Enable the Pixel Streaming plugin Enable the Pixel Streaming plugin

  3. Package your Application from Unreal Engine Package your Project from Unreal Engine

  4. Have access to the https://newcontrolpanel.eagle3dstreaming.com/ .

  5. Have an Eagle 3D’s User Account Create an Account on the New Control Panel

  6. Understand all the features of your New Control Panel Get to know the New Interface

  7. Upload your App on the Control Panel Upload your Project on the new Control Panel

Instructions

Note

You should have at least one App uploaded Upload your Project on the new Control Panel

Step 1. Sign In to your Control Panel

1. Login with your information https://newcontrolpanel.eagle3dstreaming.com/

Step 2. Select your App

...

Step 3. Generate a Streaming Link

Generate a Streaming Link for your App

Step 4. Create a Config

Create a Config for each Streaming Link

Step 5. Edit the Config

Edit your Config

Step 6. Choose the Resolution from the Drop Down Menu

1. Select Dynamic

Note

The Dynamic Resolution value is set by default from Unreal Engine.

...

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

Tip : enable the Dynamic feature to set a Full Screen for your App and get rid of the black borders on both sides of the screen you should.

...

2. Select Custom

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

Tip : The higher the resolution, the sharper the image is. 1280 x 720 is recommended.

Check our Specifications hereHardware and Software Specifications

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#F4F5F7

Sharper details and quality requires more data bandwidth so, a fast and stable internet connection to avoid lagging, latency or quality degradation.

See how to Adjust the video quality of your App Adjust the video quality to your Internet Bandwidth

...

3. Type the desired resolution in the boxes

Note

This feature is locked for the Dynamic resolution. It is set to 720p by default (from Unreal Engine).

image-20240304-084048 (1).png

4. Click Save

image-20240304-084304 (1).png

5. Click Save (again)

image-20240304-084437 (1).png

Step 7. Run the App to check the resolution

1. Click Play App

image-20240304-084731 (1).png

2. You can input any resolution of your choice

Note

Check the Video Resolution from the Quality Control Kit Quality Control Menu

Note :

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#F4F5F7

As the Dynamic feature is set by default from Unreal Engine to 720p.

There is a way to use JavaScript to read the resolution of the users screen size, then send it to the Eagle3D control panel to create a new config file (which would generate a new bespoke weblink for the user.

We have created a JS console CMD to send to Unreal Engine to change it.

The resolution will not be affected by the iframe’s website server speed.

set a resolution from the webpage in an iframe Set Custom Resolution from Webpage in a Iframe

Find out the webpage size then use the CMD to set the Unreal resolution.

Now you know how to set a Resolution for your App !

Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF

See how to Select a Mouse Control Scheme Select your Mouse Control Scheme

Was this article helpful? Comment Below. Let us know your feedback.

We don't have a way to export this macro.

Need help? Contact Support

If you still need help, contact support to get your issue resolved quickly.

...