Settings Control Bar

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

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 :

Have access to the Control Panel.
Have an Eagle 3D’s User Account.

Instructions

Login with your information.

Step 2. Select your App from the Control Panel

image-20240228-132332 (1).png — *Image 1. Select your App*

Step 6. 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

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

*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.

Understanding Streaming Quality from Settings Control Bar Color

High / Ultra Quality — Green

When the streaming quality is Ultra or High, the Settings Control Bar will appear green.

Medium Quality — Yellow

When the streaming quality is Medium, the Settings Control Bar will appear yellow.

Low Quality — Red

When the streaming quality is Low, the Settings Control Bar will appear red.

5. Click on the Speaker icon 🔊

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

*Image 14. 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 15. 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 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.

Need help?

If you need any assistance, feel free to reach out through any of the following channels:

🛠️ Support Portal: Contact Our Support Team

💬 Discord Community (Faster Support): Join Our Discord Community

📧 Email Support: support@eagle3dstreaming.com

🆓 Get Started for free

Facebook | GitHub | LinkedIn | YouTube