Live Waveform

A canvas waveform of a live signal: scrolling level history or the current frame, as bars, a mirrored shape or a line.

Library

audiocn

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @audiocn/live-waveform

Files

• components/ui/live-waveform.tsx
• lib/audio/types.ts
• lib/audio/decibels.ts
• lib/audio/ballistics.ts
• lib/audio/zones.ts
• lib/audio/taper.ts
• lib/audio/bands.ts
• lib/audio/bar-levels.ts

Source

https://github.com/audiocn/ui

Categories

• Audio Visualizer Components
• React Audio Visualizer Components
• Tailwind CSS Audio Visualizer Components
• Media Components
• React Media Components
• Tailwind CSS Media Components

More from audiocn

• Bar Visualizer
• Electric Bar Visualizer
• Electric Waveform
• Smooth Waveform
• Spectrum
• Waveform
• Audio Device Select
• Audio Player
• Channel Strip
• Channel Toggle
• Clip Indicator
• dB Readout