Component Catalog
AudioPlayer
Native HTML5 audio player with optional description.
A2UI → Nuxt UI Mapping
| A2UI Property | HTML Result |
|---|---|
url | <audio> src attribute |
description | Label text above the player |
Example JSONL
{"version":"v0.10","createSurface":{"surfaceId":"audio_demo","catalogId":"standard"}}
{"version":"v0.10","updateComponents":{"surfaceId":"audio_demo","components":[
{"id":"root","component":"Column","children":["track"]},
{"id":"track","component":"AudioPlayer","url":"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3","description":"SoundHelix — Song 1"}
]}}
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
url | string | ✅ | — | Audio source URL |
description | string | — | — | Label text displayed above the player |
Rendering Details
- Uses native
<audio>element withcontrolsenabled - Optional description label above the player
- Full-width layout for consistency
Try It
Copy the JSONL above and paste it in the Playground Paste tab.