System Audio Mixer

The complete mixer: microphone, system audio, music and sound pads with meters, faders, mute, solo, monitor and ducking, a limited master and a mixed output stream, all running on Web Audio.

Library

audiocn

Framework

React

Type

block

License

MIT

Dependencies

@phosphor-icons/react

Install

npx shadcn@latest add @audiocn/system-audio-mixer

Files

• components/blocks/system-audio-mixer/system-audio-mixer.tsx
• components/blocks/system-audio-mixer/mixer-source-strip.tsx
• components/blocks/system-audio-mixer/mixer-master-strip.tsx
• components/ui/mixer.tsx
• components/ui/channel-strip.tsx
• components/ui/level-meter.tsx
• components/ui/fader.tsx
• components/ui/channel-toggle.tsx

Source

https://github.com/audiocn/ui

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• shadcn/ui Layout Components

More from audiocn

• Channel Strip
• Fader
• Knob
• Level Meter
• Microphone Setup
• Mixer
• Pan Control
• Parameter Slider
• Quick Audio Popover
• System Audio Settings
• Volume Control
• Audio Device Select