Designing a Music Player

[domhnallohanlon]

Hey @tobi

Just to expand a little on what @sirfrancisdrake has recommended, we have a tutorial the demonstrates how to do this here:

How to create a progress bar

Overview At the end of this tutorial you will be able to create a custom progress bar for your apps, just like the thin yellow bar that you can see scrolling across the bottom of the screen here. [progress_bar] Remix this app If you want jump straight in and get a copy of this project yourself then just click on this remix link 1. Increment and Show Percent For this example the CounterLabel.Text starts at 0 and increases with each button press. To set the width of the ProgressLab…

Although you could probably just as easily use the Slider component.

We also have this Playlist tutorial:

Music App with Playlist, Loop, Shuffle tracks

Loop Through a Playlist The first thing you’ll need for your music app is two variables. The currentTrackNumber variable keeps track of which song is playing right now The listOfTracks is your playlist where you’ll store your songs [playlist_01] The next thing you need is to make the Play button load up the first track [playlsit_02] To help you imagine what’s going on here, you can think of it being like a juke box selecting a record. You’re queuing up something to play, but it’s not re…

And finally, you might get some inspiration from this weekend design challenge:

WDC #1 (Weekend Design Challenge)

Hi Thunkers - we’re excited to announce the first weekend design challenge. Between now and Monday you are encouraged to design and share you UI designs for a Music Player App This is purely a design challenge, so your app does not need to function. You can use Photoshop, Pixlr, Figma etc for your design if you really want to, but ideally you’ll use Thunkable. The inspiration for this challenge comes from the Spotify app, so your UI should include: Play/…