How to create html5 audio playlist?

Free or cheap HTML5 audio player?

  • I'm looking to create a page to host some DJ mixes I've created on my site. I'd like to have an HTML5 audio player with a waveform (or at least a seek bar), volume control and if at all possible, a download button. Even better if it could have a playlist underneath too. I've had a Google around and it's rather confusing with lots of talk of jquery and html5 and little instructions. I'm no expert on the web, but can follow simple instructions for set up - so far, I've found a few things but require some development know-how. I don't mind paying for one, but not a crazy amount of course. And no I don't want to pay Soundcloud a ton of money to upload a few mixes. I've also tried Mixcloud, but it stutters and buffers every 2 seconds, and I'm on a very decent broadband connection. Any help appreciated!

  • Answer:

    Check out http://kolber.github.io/audiojs/ if you haven't already, it looks pretty simple to use - you can check out how to make it work with playlists by going to the playlist example and then right click -> view source. If you run into trouble, leave a comment here and I'll try to help you :)

Vladislav Zorov at Quora Visit the source

Was this solution helpful to you?

Other answers

Hey dude,Downloading music online, will always hassle people. It doesn't have to be that way and so we introduced http://yendifplayer.com/joomla/music-share-genres.html, a music management system which helps musicians to get their music online. You can share songs, albums, artists, and playlists with your users and let them share with everyone else. Responsiveness is 100% controlled by CSS. You can edit/customize the responsive css through admin panel itself. It has both Back end and Front end managements system. Yendif music share is one for all! Buy Yendif music share now! Make music yours... The exemplary features are, Back-end managements Front-end managements Responsive design Flexible menu layouts Modules and Plugins Advanced search module Rating & commenting systems SEF / SEO optimization and much more!!! Cheers :-)

Celyn Thomas

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.