# TECHNICAL SPECIFICATION & VISUAL DISPLAY GUIDE: TRACK CHANNEL STRIP
---
## 1. Visual Geometry & Layout Description
The Track Channel Strip is built as a vertical, compact metal unit (*Fixed Compact Unit*) modeled after professional DAWs like REAPER with fixed dimensions of **$145\text{px} \times 370\text{px}$**.
The user interface consists of 6 functional zones arranged vertically from top to bottom:
```text
+-------------------------------------------------------------+
| 1. TOP TRACK COLOR ACCENT BAR (Height: 6px) |
+-------------------------------------------------------------+
| 2. PAN ROTARY DIAL AREA (Height: 46px) |
| - Rotary Knob Dial (Left / Right Panning) |
| - Text Readout: "center", "L50", "R100" |
+-------------------------------------------------------------+
| 3. CENTER DUAL-COLUMN AREA (Height: 210px) |
| +--------------------------+ +-------------------------+ |
| | Peak dB Value (-inf/dB) | | [M] Mute Switch | |
| | +----------------------+ | | [S] Solo Switch | |
| | | Rail Track (160px) | | | [Routing Matrix] | |
| | | - Metal Fader Cap | | | [FX Chain] | |
| | +----------------------+ | | [⏻] FX Power Toggle | |
| | +----------------------+ | | [Automation Envelopes] | |
| | | LED Peak VU Canvas | | | [Ø] Phase Invert (180°) | |
| | +----------------------+ | +-------------------------+ |
| +--------------------------+ |
+-------------------------------------------------------------+
| 4. RECORD ARM BUTTON ROW (Height: 28px) |
| - Input Monitor Icon + Glowing Red ARM Button (🔴) |
+-------------------------------------------------------------+
| 5. TRACK NAME IDENTIFIER (Height: 26px) |
| - Dark Box with Track Name Display ("PIANO") |
+-------------------------------------------------------------+
| 6. TRACK COLOR FOOTER BAR (Height: 22px) |
| - Accent Background with Track Index Number ("1") |
+-------------------------------------------------------------+
```
---
## 2. Audio Processing Graph & Wiring (Web Audio API)
Audio signals passing through the Track Channel Strip follow a serial processing chain (*Post-FX Signal Path*):
$$\text{Input Source} \xrightarrow{\quad} \text{Phase Invert ($\text{\O}$)} \xrightarrow{\quad} \text{Track FX Chain} \xrightarrow{\quad} \text{Mute / Solo Switch} \xrightarrow{\quad} \text{Volume Fader (Gain)} \xrightarrow{\quad} \text{Stereo Panner} \xrightarrow{\quad} \text{Analyser (VU Meter)} \xrightarrow{\quad} \text{Master Bus}$$
* **Phase Invert ($\text{\O}$):** Inverts the signal phase by $180^\circ$ ($G = -1$) to resolve phase cancellation issues between multiple microphone inputs.
* **Track FX Chain:** Dedicated track insertion effects (Dynamic EQ, Reverb, Delay).
* **Mute / Solo Logic:**
* **Mute [M]:** Sets Linear Gain = $0.0$.
* **Solo [S]:** Silences all other non-soloed tracks across the session.
* **Volume Fader Scaling:** Converts decibels ($\text{dB}$) from the fader position into a linear gain factor $G$:
$$G = 10^{\frac{\text{dB}}{20}}$$
*(Control range: $-60\text{ dB}$ to $+12\text{ dB}$)*.
* **Stereo Panner:** Adjusts spatial positioning across the stereo field from Left ($-1.0$) to Right ($+1.0$).
* **Peak VU Metering:** An `AnalyserNode` extracts real-time amplitude data to render a dynamic LED meter (Green $\to$ Yellow $\to$ Red).
---
## 3. Practical Track Channel Applications
* **Mixer Dock Rendering:** Iterates and renders a strip for each item in `session.tracks` along the docked Mixer Console at the bottom of the screen.
* **Color Accent Synchronization:** Accent bars at the top and bottom (`topColorBar` and `bottomFooterBar`) match the assigned track identification color on the main Timeline.
* **Live Recording (ARM 🔴):** Toggling the ARM button prepares the channel to receive real-time input from a live microphone or hardware MIDI keyboard.
## 4. html
``` html
DAW Track Channel Strip Component