Audio Player

Play any audio file stored in Adalo or via external URL. Great for music, podcasts, etc.

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