System Audio Settings

Turn system audio capture on, set its level, watch its meter and explain what the browser will capture.

Library

audiocn

Framework

React

Type

block

License

MIT

Dependencies

@phosphor-icons/react

Install

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

Files

• components/blocks/system-audio-settings/system-audio-settings.tsx
• components/ui/level-meter.tsx
• components/ui/parameter-slider.tsx
• hooks/use-audio-analyser.ts
• hooks/use-audio-context.tsx
• hooks/use-system-audio.ts
• hooks/use-gain-node.ts
• lib/audio/bands.ts

Source

https://github.com/audiocn/ui

Categories

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

More from audiocn

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