Audio Player

Media

A customizable audio player component with multiple variants and features including progress bars, playback controls, and metadata display.

Open in
audioplayermediamusic

Installation

npx shadcn@latest add @austin-ui/audio-player

Preview

Sample Audio Track

Sound Helix

0:00Loading...

Usage

Import and use the component
After installation, you can import and use the component in your project.
import { AudioPlayer } from "@/registry/new-york/blocks/audio-player/audio-player";

export default function Example() {
  return <AudioPlayer />;
}