Dowe

CONTROL

Audio

Audio creates a portable player surface with an explicit source, optional identity, and the same visual contract on web, Android, and iOS.

MEDIA CONTRACT

One source, three targets

Use an asset path for packaged media or an HTTPS URL for a remote preview.

PLAYGROUND

Compare player treatments

Keep the source stable while changing the subtitle, avatar, variant, and scheme to match the surrounding product surface.

0:00Product walkthrough · 02:18

Soft player with an author avatar and a descriptive subtitle.

0:00Release notes · 04:42

Solid player when media should anchor a dark or high-contrast panel.

dowe
Audio src:"https://cdn.pixabay.com/audio/2022/04/25/audio_5d61b5204f.mp3" subtitle:"Product walkthrough · 02:18" avatarSrc:"/assets/team/maya.webp" variant:"soft" scheme:"primary" rounded:"lg"
Audio src:"https://cdn.pixabay.com/audio/2022/04/25/audio_5d61b5204f.mp3" subtitle:"Release notes · 04:42" variant:"solid" scheme:"info" rounded:"lg"

COMPOSITION PATTERNS

Use Audio inside a content workflow

Pair the player with metadata and a clear next action. The component owns playback controls; the surrounding Dowe source owns the page composition.

EPISODE

Design review

Subtitle gives users context before they press play.

0:0012 min · Design team

AUTHOR

Agent briefing

avatarSrc makes the source owner visible without adding a second avatar tree.

0:00Maya Chen · 06 min

STATUS

Ambient update

A solid scheme helps a player read as an active media surface.

0:00System update · 01:30

API

Props

Audio also accepts the applicable common spacing, sizing, border, visibility, and accessibility props.

Prop
Type
Default

No data

There are no records to display

Previous Video

Next Record