6. Musician View (Personal IEM Mix)
The Musician view is the interface each musician uses from their phone to control their personal in-ear mix. It is optimized for mobile screens in portrait orientation, with an automatic 2-column grid layout when the phone is rotated to landscape.
Access URL: http://<mac-ip>:3001/musician/{slug} (e.g. /musician/cantante)
(slug-based URL generated via QR code from the Engineer view; numeric IDs like /musician/1 also supported)
6.1 Header
Three informational rows:
- Logo + Bus name — ESTË Live logo on the left, bus name badge (e.g., "Singer IEM") on the right with its custom color
- Song name — the currently loaded song
- Info — current time, active region (colored badge), bar/beat, BPM
Below the header is a mini-timeline (6px) with colored regions and the mint playhead.
6.2 MUTE ALL Button
A prominent full-width button that silences all channels in your own IEM mix. Useful for quickly removing headphones without disconnecting.
- Normal state: gray border, speaker icon, "MUTE ALL" text
- Active state: red background, crossed-out speaker icon, "UNMUTE ALL" text, pulsing button
6.3 Channel Row
Each channel appears as a horizontal row with:
| Element | Position | Description |
|---|---|---|
| Channel name | Top left | Small text, truncated |
| Color bar | Left border 3px | Custom channel color |
| Horizontal fader | Center | Large touch area (44px), mint |
| dB value | Next to fader | Numeric readout in monospace |
| Pan | Below fader | Small slider with L/R labels |
| Meter L/R | Right | Two small vertical bars |
| Favorite star (★) | Corner | Gold when active |
| RST | Corner | Resets volume to -6 dB and pan to center |
| M (Mute) | Corner | Red when active — mutes this channel only in your own mix |
Muted channel: the entire row becomes semi-transparent (45% opacity) for immediate visual feedback.
Hidden channels: If the engineer has hidden a channel from your bus, it will not appear in your channel list at all. This is managed entirely by the engineer — you cannot see or control hidden channels.
6.4 Favorites System
Tap the ★ star on a channel to add it to favorites. Favorite channels appear at the top of the list, separated by a divider line. Favorites are saved locally in the browser per bus.
Typical use case: The singer favorites Vocals, Keys, and Click to keep them always at the top for quick access.
6.5 Overlays and Banners
| Overlay | When it appears | Appearance |
|---|---|---|
| Pre-roll | During count-in (2 bars) | Amber banner with "PRE-ROLL 3.2s" and pulsing dot |
| Panic | When panic is active | Red banner with "AUDIO MUTED" and warning icon |
| Reconnecting | When the WebSocket connection drops | Red banner with "Reconnecting..." and pulsing red dot |
6.6 External Change Flash
When the engineer adjusts a channel's volume in the main mixer, the corresponding channel row in the musician view briefly flashes mint (0.5s fade) with a haptic tap. This alerts the musician that a change was made on their behalf. The flash does not trigger for changes the musician makes themselves.
6.7 Landscape Layout
Rotating the phone to landscape orientation automatically switches the channel list to a 2-column grid layout, allowing more channels to be visible at once. The layout reverts to a single column in portrait.