Compact player bar with artwork, track details, a progress line, and a play toggle.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Media17 } from "@/components/beste/piece/media17";
<Media17
src="https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=200&fit=crop"
alt="Album artwork"
title="Night Drive"
artist="Lumen"
progress={42}
/>Play pill, pulsing indigo bars, and a monospace duration stamp.
Running a calmer front desk
The Sirius Podcast · Ep. 12
A compact audio player with a play button, an episode title and series line, a waveform progress bar, and elapsed and total times.
2:48Product tourGradient thumbnail with a circled play button and duration badge.
Artwork with a mic overlay, episode title, host and duration, plus a round play button on the right.
Image frame with arrow controls, a slide counter, and position dots.
Spinning black disc with concentric grooves and a round album label at the center. Gradient fallback when no image.