Versions Compared

Version Old Version 20 New Version Current
Changes made by

Khaoula Bouhlali

Khaoula Bouhlali

Saved on

Key

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

Learn to 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

...

Prerequisites

  1. Access to the Control Panel.

  2. Eagle 3D’s User Account.

  3. At least one App Uploaded.

Instructions

Step 1. Sign In to

...

the Control Panel

...

Login with your information

...

.

...

Step 2. Select your App

...

image-20240228-132332 (1).pngImage Added

See : Generate a Streaming Link for your App.

Step 4. Create a Config

See : Create a Config for each Streaming Link.

Step 5. Edit the Config

See : Edit your Config.

Step 6. Choose the Resolution from the Drop Down Menu

1. Select Dynamic

image-20240304-083505 (1).pngImage Removed

Panel

panelIconIdatlassian-info
panelIcon:info:
bgColor#E6FCFF
image-20240304-083505 (1).pngImage Added

Info

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.

image-20240110-133555.png

2. Select Custom

...

::
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

.

Info

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 Bandwidthin this document.

Info

Note :

  • 1080p requires 2mbps connection.

  • 780p requires 10mbps connection.

image-20240304-083728 (1).pngImage Removed

Download speed of 10 mbps or higher for HD streaming 720p (1280 x 720).

Download speed of 20 mbps or higher for :

  • Full HD streaming 1080p (1920 x 1080)

  • HD+ (1600 × 900) a step up from 720p (HD Ready) but falls short of Full HD (1080p).

  • 2k (2048 × 1080) or (2048 × 1536) used in digital cinema and some professional displays

  • 4k Quad HD (QHD) (3840 × 2160) (UHD-1)

image-20240304-083728 (1).pngImage Added

3. Type the desired resolution in the boxes

image-20240304-084048 (1).pngImage Removed

4. Click Save

image-20240304-084304 (1).pngImage Removed

5. Click Save (again)

image-20240304-084437 (1).pngImage Removedimage-20240304-084048 (1).pngImage Added

Step 7. Run the App to check the resolution

1. Click Play App

...

Info

Go to : Control Panel > Applications > Select your App > Streaming Link > Play App.

2. You can input any resolution of your choice

Note

Check the Video Resolution during the stream from the Quality Control KitQuality 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.

...

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

Requests sent on weekends will not be addressed until the following business day.