Skip to main content
Skip table of contents

Settings Control Bar

Learn to use the Settings Control Bar from the new Control Panel.

If you are on trial, activate your Account today!

Find our Pricing Plans here.

Overview

Enabling the Settings Control Bar Feature allows you to have the Gear icon displayed while streaming your App. By expanding it, you can use the Resolution, speaker or the Full screen Features during runtime.

Prerequisites

Make sure to :

  1. Have access to the Control Panel.

  2. Have an Eagle 3D’s User Account.

Instructions

Step 1. Sign In to your Control Panel

Login with your information.

Step 2. Select your App from the Control Panel

image-20240228-132332 (1).png

Image 1. Select your App

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. Enable “Advanced Options”

image-20240305-131514.png

Image 2. Enable Advanced Options

Step 7. Click Streaming UI

image-20240305-131626 (1).png

Image 3. Click Streaming UI

Step 8. Enable Settings Control Bar

This displays the Gear icon during runtime.

image-20240305-134116 (1).png

Image 4. Enable Settings Control Bar

1. Click Save

image-20240305-134359 (1).png

Image 5. Click Save

2. Click Save (again)

image-20240305-134637 (1).png

Image 6. Click Save

Step 9. Run the App to check the feature

1. Click Play App

image-20240419-055837 (1).png

Image 7. Click Play App

2. The Gear icon ⚙️ is displayed

image-20240305-140927.png

Image 8. Settings icon

3. Click on the Gear icon ⚙️ to expand it

image-20240305-140908.png

Image 9. Expand the Settings Control Bar

4. Click the image icon 🖼️ to manipulate the resolution

Tweak the resolution from Low to Mid to High.

Refer to this document to adjust the Video Quality to your Internet Bandwidth.

The Automatic Setting of the Video Quality based on the Quality of the Internet connection is in development.

image-20240305-141732.png

Image 10. Click the image icon

5. Click on the Speaker icon 🔊

Control the Volume from a scale of 0 to 10 (Click and Drag the cursor).

image-20240305-142354.png

Image 11. Click on the Speaker icon

6. Click the Full Screen icon

* Go Full Screen on a Computer device

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.

See how to set a Dynamic Feature in this document.

Tip : Press ESC to exit Full Screen Mode.

image-20240305-142833.png

Image 12. Click the Full Screen icon

* Go Full screen on Mobile

- From the UI Config

This will hide the App URL showing in the Browser of your Mobile while streaming your App and allow you to go Full screen. (Check the Video below)

Video 1. Full screen Feature from a Mobile device

- From Blueprints

You can toggle the Full screen mode from Blueprints.

Refer to this document to be able to achieve the Full screen mode from Blueprints.

Summary :

Now you are able to enable the Settings Control Bar from the Streaming UI Config in the New Control Panel and get the Gear icon displayed on your streamed App.

You can also expand the Gear icon and use all the Features in there. (i.e. The resolution, speaker and Full screen features).

The Control Bar is available for all devices.

Now you are ready to explore the Settings Control Bar !

See how to capture Screenshots from the Settings Control Bar.

See how to use the Settings Control Bar from the Old Control Panel !! Refer to this document.


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

Need help? Contact Support

Submit a new request at E3DS support portal.

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

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.