Music Player - Slider as Progress Bar and Online Player using HTML local file

(FábioESantos) #1

Hi Koders, this is just a very simple example on how to have a progress bar in a music player and an online player for previews. It’s far from being a professional player but you can improve with your own ideas.

MusicPlayers.aia (10,6 KB)

Google Drive Link

Where are the audios downloaded?
How to build a perfect seek bar a for music player app?
How to use the slider to change the position of the Player?
Play pause exo player
How to create a professional music player?

Good one.
Just a question, whats the difference between taifuns player and ours?

(FábioESantos) #3

@Mika, I could not load songs from storage device using ExoPlayer. Once I opened an issue in the community and I didn’t get any tips, so I used Taifun’s to finish one of my projects.

I really would like to use the native one, but I just can’t figure it out how.


I mean we have two player components :grin:
The default player and exo player.
I think you dont need a extension.

(FábioESantos) #5

Oh, I got it! I will re-kode it using the default one and post it here.

(FábioESantos) #6

@Mika, I have just updated the .aia file now using the default player as you suggested. Thank you very much!

I also thank @Thg who helped me solve it!

(Vishal) #7

found some small problem with the Library Player Option.

when i open the library option, music player plays automatically but the play icon not changing , unless i press the play icon manually.

(FábioESantos) #8

I believe it’s happening after back button is pressed. I’ll take a look at it asap.


Update: I’ve just updated the AIA file above. The issue was when playing the song after back button was pressed. Also, there was an issue when pause was pressed and then the song was resumed. Both should now be fixed.

1 Like
(Gaurav) #9

your aia isn’t available can you send it now

(FábioESantos) #10

@golubspr … link updated and GD link added!

1 Like
(Ken) #11

Check out my SliderTools Extension, it will allow you to make the slider respond much more smoothly:

1 Like