• Home
    • Pugpig Bolt
    • Bolt apps
    • Pugpig Design Kit

    Audio Player Design Customisation

    Notes, documentation, and best practices for customising your audio player

    Written by Jaykay Kayode

    Updated at March 19th, 2024

    • Pugpig Bolt

      • Pugpig Site

        • Pugpig Archive

          • Working with Pugpig

            • Pugpig Consulting

              Table of Contents

              The Mini Player The Full Player

              The Pugpig audio player offers various components that your users can utilize to enjoy audio content through your app. When users interact with audio content within the app, whether in the timeline or an article, a menu is triggered. This menu displays track information along with the following options:

              • Play the audio
              • Play next which will play the item immediately following the current one without adding it to a queue
              • Add a track to your queue (either the beginning or the end)
              • View the queue which will open the audio player.

              The Mini Player

              Upon clicking the Play button, a compact mini player emerges at the screen's bottom. This player exhibits essential track information, progress, and functionalities like play/pause and quick rewind. It also provides an option to tap for full player access. You can dismiss the player by swiping the mini player to the left, which will also stop audio playback.

              The Full Player

              Tapping the mini player opens the full player, displaying the following:

              • The currently playing track
              • Your queue of upcoming tracks, with options to download all or select tracks for offline listening, reorder, or clear the queue
              • Track history, visible above the queue upon scrolling
              • Audio controls, including download, return to the start, rewind, play/pause, playback speed control, fast forward, and next track.

              Here's all the necessary information included in the file:

              • Track title
              • Author
              • Description
              • Image
              • Track duration (automatically extracted from the file)
              music player sound device

              Was this article helpful?

              Yes
              No
              Give feedback about this article

              Related Articles

              • Onboarding/Help Screens Design Customisation
              • Storefront Design Customisation
              • Saved Timeline Customisation
              • Getting Started with Bolt customisation
              pugpig logo white
              Navigation
              • Products
              • Customers
              • News
              • Podcast
              Contact
              • Contact us
              • LinkedIn
              • Twitter
              Technical Support
              • Status Page
              • Documentation
              • Customer Support
              Corporate
              • Company
              • Jobs
              • Privacy Policy

              © Kaldor Ltd. 2022

              Powered by Pugpig


              Knowledge Base Software powered by Helpjuice

              Expand