Microphone Setup

Choose and check a microphone: device select with a live preview, a level meter, gain, mute and a level check that says whether you sound right.

Library

audiocn

Framework

React

Type

block

License

MIT

Dependencies

@phosphor-icons/react

Install

npx shadcn@latest add @audiocn/mic-setup

Files

• components/blocks/mic-setup/mic-setup.tsx
• components/ui/audio-device-select.tsx
• components/ui/db-readout.tsx
• components/ui/level-meter.tsx
• components/ui/live-waveform.tsx
• components/ui/parameter-slider.tsx
• hooks/use-audio-analyser.ts
• hooks/use-audio-context.tsx

Source

https://github.com/audiocn/ui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• shadcn/ui Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components

More from audiocn

• Audio Device Select
• Channel Strip
• Level Meter
• Quick Audio Popover
• System Audio Mixer
• System Audio Settings
• Audio Player
• Bar Visualizer
• Channel Toggle
• Clip Indicator
• dB Readout
• dB Scale