> ## Documentation Index
> Fetch the complete documentation index at: https://api.fanvue.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# AudioUpload
> Audio file upload with drag-and-drop and optional in-browser recording.
```tsx theme={null}
import { AudioUpload, useAudioRecorder } from "@fanvue/ui";
import type {
AudioFileRejection,
AudioUploadProps,
AudioValidationError,
UseAudioRecorderOptions,
UseAudioRecorderReturn,
} from "@fanvue/ui";
```
## Examples
## Default
```tsx theme={null}
import { AudioUpload } from "@fanvue/ui";
```
## Disabled
```tsx theme={null}
import { AudioUpload } from "@fanvue/ui";
```
## Without Recording
```tsx theme={null}
import { AudioUpload } from "@fanvue/ui";
```
## Short Max Duration
```tsx theme={null}
import { AudioUpload } from "@fanvue/ui";
```
## Custom Labels
```tsx theme={null}
import { AudioUpload } from "@fanvue/ui";
```
## Props
## AudioUpload
Audio file upload with drag-and-drop and optional in-browser recording. Supports file validation, multiple files, and real-time waveform visualization during recording.
Accepted audio MIME types.
Whether to show the record audio button.
Whether the component is disabled.
Maximum number of files per drop.
Maximum file size in bytes.
Maximum recording duration in seconds.
Minimum recording duration in seconds.
Called when valid files are accepted via drop or browse
Called when files are rejected (wrong type, too large, etc.)
Called when microphone permission is denied or unavailable
Called when a recording completes and meets minimum duration
Called when an unexpected recording error occurs
Called when recording is stopped but does not meet minimum duration
Record button label.
Separator text between upload and record.
Stop recording button aria-label.
Upload area description text.
Upload area title text.
## useAudioRecorder
Hook for audio recording with MediaRecorder API. Provides recording controls, timer, and an AnalyserNode for waveform visualization.
Options passed to `useAudioRecorder`:
Maximum recording duration in seconds.
Minimum recording duration in seconds.
Called when recording completes successfully (meets minimum duration)
Called on any recording error
Called when microphone permission is denied or unavailable
Called when recording is stopped but does not meet minimum duration
## Exported types
Also exported from `@fanvue/ui`: `AudioFileRejection`, `AudioUploadProps`, `AudioValidationError`, `UseAudioRecorderOptions`, `UseAudioRecorderReturn`.
***
**Setup:** [Installation](/docs/ui/installation) · [Theming](/docs/ui/theming)