10 jQuery HTML5 Audio Players

By Sam Deering

In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio streaming – something that your visitors would enjoy while they are on your webpage. Have fun!

Related Posts:

Featured Plugin

10 jQuery HTML5 Audio Players…

1. HTML5 Music Player

The matching jQuery plugin for music player psd created by Orman Clark.

HTML5 Music Player


2. MediaElement.js

Instead of offering an HTML5 player to modern browsers and a totally separate Flash player to older browsers, MediaElement.js upgrades them with custom Flash and Silverlight plugins that mimic the HTML5 MediaElement API.


Source + Demo

3. OIPlayer jQuery plugin

HTML5 audio and video player with fallback to Java and Flash.


Source + Demo

4. HTML 5 Audio Player

A proof-of-concept written in HTML 5 with JQuery and CSS3. No Flash!

HTML 5 Audio Player

Source + Demo

5. Speakker

Crossbrowser Audio solution featuring HTML5.


Source + Demo

6. SoundManager 2

Makes it easier to play audio using JavaScript.

SoundManager 2

Source + Demo

7. audio.js

Is a drop-in JavaScript library that allows HTML5’s audio tag to be used anywhere.


Source + Demo

8. HTML5 Audio Player Bookmarklet

Use it on any page which has links to downloadable audio files, for example, you can play music stored in your Dropbox.

Audio Player Bookmarklet

Source + Demo

9. jPlayer

Is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages.


Source + Demo

10. mb.miniAudioPlayer

An HTML5 player for your music!



  • ElectricPrism

    I’d like to recommend Alien Boombox as a candidate for HTML5 Music Player.

    It’s a HTML 5, CSS 3, jQuery, Cloud Music Player that runs in your web browser that you can self-host. (Info) (Demo) (Screenshots)

    • jQuery4u

      Thanks mate, i’ll take a look at it.

  • Pingback: 10 Best jQuery and HTML5 WYSIWYG Plugins | jQuery4u()

  • pintoo

    I’d like to recommend Alien Boombox as a candidate for HTML5 Music Player

  • pintoo


  • Maxime St-Jacques Couture

    speakker does exactly what I’m looking for but I didn’t manage to make it work with a playlist :-(

  • Paul

    Here’s a unique use of jquery for a html5 audio player –
    It uses jquery to drag & drop images to sync up with the audio file to easily create a slideshow.

  • Josh Habdas

    Better double-check that Speakker link. It’s pretty spammy, and it making this post feel pretty, well, spammy.

Get the latest in JavaScript, once a week, for free.