Quick Audio Popover

Compact microphone and system audio controls behind one toolbar button that shows a live level.

Library

audiocn

Framework

React

Type

block

License

MIT

Dependencies

@phosphor-icons/react

Install

npx shadcn@latest add @audiocn/quick-audio-popover

Files

• components/blocks/quick-audio-popover/quick-audio-popover.tsx
• components/ui/audio-device-select.tsx
• components/ui/bar-visualizer.tsx
• hooks/use-audio-analyser.ts
• hooks/use-audio-devices.ts
• hooks/use-microphone.ts
• hooks/use-system-audio.ts
• hooks/use-audio-context.tsx

Source

https://github.com/audiocn/ui

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components
• Popover Components
• React Popover Components
• Tailwind CSS Popover Components
• shadcn/ui Popover Components

More from audiocn

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