Search documentation

Search components and pages

Audio Player

A minimal audio player with play/pause, seek, and volume controls.

horse.mp3

0:000:00

Installation

Add the audio player component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/audio-player.json

Usage

import { AudioPlayer } from "@/components/ui/audio-player"

<AudioPlayer src="/audio/track.mp3" title="My Track" />

Examples

Default

horse.mp3

0:000:00

Code

import { AudioPlayer } from "@/components/ui/audio-player"

<AudioPlayer src="/audio/track.mp3" title="My Track" />