About this piece
Audio Waveform Player
Play pill, pulsing indigo bars, and a monospace duration stamp.
Usage
The import and the props worth knowing about, in one place.
import { Media1 } from "@/components/beste/piece/media1";
<Media1
surface="card"
bordered={true}
inverted={false}
label="Voice memo"
duration="0:42"
bars={[
30,
55,
70,
40,
85,
65,
90,
50,
75,
45,
80,
60,
35,
70,
55
]}
tone="indigo"
/>More Media pieces
View all Media
Night DriveLumen
Now Playing
Compact player bar with artwork, track details, a progress line, and a play toggle.
Running a calmer front desk
The Sirius Podcast · Ep. 12
12:0431:20
Podcast Player Card
A compact audio player with a play button, an episode title and series line, a waveform progress bar, and elapsed and total times.
Feeling GoodNina Simone
0:002:57
Now Playing
Compact player whose progress bar creeps forward in time with the elapsed clock, then fades the title over to the next track when one finishes.
0:14
Voice Message
Chat bubble voice note with a play toggle, a played and unplayed waveform, and a duration.
