AudioPlayerAudioPlayer component

UX Guidelines

Dev

UsageCode Example

<AudioPlayer
  key={\`\${source}\`}
  source={source}
  actions={actions}
  imageSource={imageSource}
  title={title}
  artist={artist}
/>

INFO

This component support margin, paddings modifiers.

APIThis is the list of additional props for the component

actions

AudioPlayerAction[]

Audio action / actions

artist

string

Audio artist

imageSource

ImageProps['source']

Thumbnail image source

loadOnPlay

boolean

Load audio on play (and not on mount)

onPlayerStateChanged

(playerState: PlayerState) => void

onPlayerStateChanged callback

source

string | number

Audio source

testID

string

The component test idUse `testID.slider` for the AudioPlayer slider, `testID.audioButton` for the AudioPlayer button, `testID.actionButton` for the AudioPlayer actionButton or `testID.actionSheet` for the AudioPlayer actionSheet.

title

string

Audio title