Web Interface
Every Stage in UNIVERSE can be made accessible as a web page. UNIVERSE acts as its own web server and renders the Stage directly in any modern browser — no plugins or additional software required on the client side.
The web interface is powered by a Blazor Server-based engine. Each Stage is served at a URL derived from its Stage Name, making it straightforward to bookmark or deep-link to a specific Stage.
Enabling the Web Interface
The web interface is activated per Stage. Open the Stage Properties and set State to On in the Web Interface section. Alternatively, right-click the Stage tab and select Open Web Interface.
The Stage becomes accessible at:
http://[Engine-IP]:8095/[StageURLID]
The StageURLID is generated automatically from the Stage Name (alphanumeric characters only). It is displayed in the URL field of the Web Interface section in Stage Properties.
The Blazor web interface runs on port 8095 by default. This port can be changed under Project > Project Properties.
Navigating Between Stages
Navigating between Stages in the Web Interface is independent from the native interface. Multiple browser clients can each be on different Stages simultaneously.
To switch a web client from one Stage to another, add a Button and use the UNIVERSE Device command Switch Web Interface. Adjust the target Stage parameter as needed.
Stage Scaling
The web interface scales the Stage to fit the browser viewport. The scaling behaviour is controlled by the Scaling property in the Web Interface section of Stage Properties:
| Mode | Description |
|---|---|
| None | The Stage is displayed at its fixed pixel size without scaling. |
| Aspect Ratio | The Stage is scaled proportionally to fill the available viewport while preserving its aspect ratio. |
Fullscreen Button
The Fullscreen Button property adds a fullscreen toggle to the web interface:
| Mode | Description |
|---|---|
| None | No fullscreen button is shown. |
| Show On/Off | A button to enter and exit fullscreen is displayed. |
| Show On Only | A button to enter fullscreen is shown, but no exit button is provided. |
Project Webroot
Static files (images, custom scripts, fonts) can be served alongside the web interface by placing them in the webroot folder next to the project file. Files in the webroot are hosted by the UNIVERSE web server and can be referenced from the Web Browser control or from Webinterface Extensions using the base URL http://[Engine-IP]:8095/.
The webroot folder can be opened via Project > Project Settings > Webinterface Extension — click the folder icon at the bottom of the panel.
Extending the Web Interface
Custom HTML, CSS, and JavaScript can be injected into every Stage served by the web interface. Go to Project > Project Settings > Webinterface Extension to enter your code. This is useful for adding custom overlays, analytics scripts, or branding elements that apply globally across all web-accessible Stages.
Legacy Web Interface
Legacy Web Interface (prior to Blazor)
An earlier HTML/WebSocket-based web interface is still available on port 8090 (configurable in Project Properties). This interface requires UNIVERSE to be started with administrator rights.
To enable it for a Stage, set State to On in the Web Interface section of Stage Properties — the same toggle used for the Blazor interface. The legacy interface URL follows the pattern:
http://[Engine-IP]:8090/[StageURLID]
The legacy web interface has a more limited control support set compared to the Blazor interface. New projects should use the Blazor interface on port 8095.