Audio lanesPro
Music, sound and voice lanes under the video with levels.
On this page
ProVoiceover, a music bed that ducks under it, and sound effects.
Installation
Usage
import { AudioLanes } from "@/components/ui/chatcn/pro/audio-lanes"
<AudioLanes lanes={lanes} onLanesChange={setLanes} duration={30} currentTime={time} onSeek={seek} />Each lane has gain from -30 dB to +6 dB, mute and solo. Solo silences every other lane and says so on them. Set duckUnderVoice on a music lane and the stretches where it lowers under voice are drawn on it.
Examples
States
ProVoice soloed with effects muted, and an empty mix.
Props
| Prop | Type | Notes |
|---|---|---|
lanes, onLanesChange | AudioLane[] | { id, kind, name, clips, gain, muted?, solo?, duckUnderVoice? } |
duration, currentTime, onSeek | number | Seconds |
Accessibility
- Mute and solo are toggle buttons named with the lane; gain is a range input with a dB value text.
- Clips are named by label and time; silent lanes say why in text.