Appearance
Main Editor View
The Main Editor is the primary working environment used to build and test a show. It is accessible at the root URL (http://localhost:8123/).
Header Bar
| Element | Description |
|---|---|
| Logo / Brand | Customisable via public/brand/ assets |
| Screen tabs | One tab per configured output screen; click to switch the canvas |
| + Screen | Create a new output screen |
| Transport | Play, Stop, Pause, and timecode display for the active screen |
| Config | Open the system configuration panel |
| Diagnostics | Toggle the Performance Diagnostics overlay |
| Connection status | Green dot = connected to engine; red = disconnected |
Composition Canvas
The central area shows a live preview of the active screen. The canvas scales to fit the available space.
- Click a layer thumbnail to select it and populate the Inspector.
- Double-click a layer to enter in-place editing mode (where available).
- Right-click on the canvas for a context menu with layer options.
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Space | Play / Pause |
Ctrl+S | Save project |
Ctrl+Z | Undo |
Ctrl+Y | Redo |
Delete | Remove selected item |
Ctrl+D | Duplicate selected item |
F11 | Toggle fullscreen editor |
Theming & Branding
Exaplay 3 supports white-label theming. Place custom assets in public/brand/:
| File | Purpose |
|---|---|
logo.png | Replaces the header logo |
splash.png | Splash screen shown on startup |
brand.css | CSS overrides for colours, fonts, etc. |