Note: The audio player works on web, iOS, and Android, and supports background play.
First, make sure you've installed the audio player component from the Adalo Marketplace, then click the plus button in the left panel, find the audio player component and drag it on to a screen in your app.
You can adjust the following in the left panel:
URL of Song
Autoplay?
Song Title
Title Color
Title Font Size
Subtitle
Subtitle Color
Subtitle Font Size
Artwork
On/Off
Artwork URL
Even if you choose not to display the artwork in the audio player, you might want to specify a URL, because the artwork would also be displayed in the notifications shade / lock screen of a phone when the audio is playing.
Size
Rounding
Progress Bar
Position
Filled Color
Unfilled Color
Rounding
Height
Marker Size
Marker Color
Border
On/Off
Border Color
Border Size
Shadow
Display Ending Time as
Play & Pause Buttons
On/Off
Icon Size
Play Button
Icon
Icon Color
Additional Actions
Pause Button
Icon
Icon Color
Actions
Forward and Back Buttons
On/Off
Icon Size
Enable Forward Button
Forward Button Skips by...
Forward Button Icon
Icon Color
Additional Actions
Enable Back Button
Back Button Skips by...
Back Button Icon
Icon Color
Additional Actions
Left and Right Buttons
On/Off
Icon Size
Enable Left Button
Left Button Icon
Icon Color
Additional Actions
Enable Right Button
Right Button Icon
Icon Color
Additional Actions