GitHub stars
Explorer
Audio Recorder
Microphone recorder with elapsed time, pause/resume controls, and completion callbacks.
Audio
Installation
npx shadcn@latest add https://ui.edbn.me/r/audio-recorder.jsonManual
API Reference
Prop
onRecordingCompleteType
(blob: Blob, url: string) => voidDefault
—DescriptionCalled when recording finishes.
Prop
onStateChangeType
(state: RecorderState) => voidDefault
—DescriptionCalled when recorder state changes.
Prop
onErrorType
(error: string) => voidDefault
—DescriptionCalled on recording errors.
Prop
maxDurationType
numberDefault
300DescriptionMax recording duration in seconds.
Prop
showTimerType
booleanDefault
trueDescriptionShow elapsed time.
Prop
showLevelType
booleanDefault
trueDescriptionShow audio level meter.
Prop
sizeType
"sm" | "md" | "lg"Default
"md"DescriptionSize variant.
| Prop | Type | Default | Description |
|---|---|---|---|
onRecordingComplete | (blob: Blob, url: string) => void | — | Called when recording finishes. |
onStateChange | (state: RecorderState) => void | — | Called when recorder state changes. |
onError | (error: string) => void | — | Called on recording errors. |
maxDuration | number | 300 | Max recording duration in seconds. |
showTimer | boolean | true | Show elapsed time. |
showLevel | boolean | true | Show audio level meter. |
size | "sm" | "md" | "lg" | "md" | Size variant. |
RecorderState: idle | recording | paused | stopped.