AudioPlayer
An audio player with a title and a play control.
Group: Media · Kind: native
Preview
Section titled “Preview”example
Episode 12
0:00 / 0:00
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
src |
url |
yes | yes | The audio URL. |
title |
string |
– | – | What is playing. |
durationMs |
number |
– | – | Known length for the scrubber. |
Events
Section titled “Events”None.
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”The basic catalog’s AudioPlayer renders as AudioPlayer.
Built from
Section titled “Built from”A native component: every renderer paints it directly.
Accessibility
Section titled “Accessibility”Role: group
audio with the platform’s controls
| Keys | Action |
|---|---|
Space |
play/pause; ArrowLeft/ArrowRight: seek 5 s |
Theming
Section titled “Theming”Recipe parts: AudioPlayer/root AudioPlayer/controls AudioPlayer/track
Keyed by: :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Image · ZoomableImage · Icon · Video · Avatar · QrCode · Carousel · Mosaic