9 Best HTML5 Audio Player jQuery Plugins

In this article I have chosen some of the best HTML5 audio player jQuery plugins that will help you playing your favorite music files for your website visitors and also give them entertaining platform. You’ll enjoy items that are compatible with all major browsers and mobile devices. These awesome products are equipped with many options for customizing: autoplay, loop, show/hide playlist on init & color parameters etc..

And yet another very important thing: The authors of these products offer their clients 5-star support. Explore the list!

 

1. Apollo – Sticky Full Width HTML5 Audio jQuery Plugin

Apollo – Sticky Full Width HTML5 Audio Player jQuery Plugin

A Newly released, premium Sticky Full Width HTML5 Audio Player jQuery Plugin with a cool Vinyl Animation, Continuous Playback, Categories, Share Oprion and much more . It supports .mp3 and .ogg audio files.

If you need only the WordPress Plugin for Apollo – Sticky Full Width HTML5 Audio Player jQuery Plugin, you can download it from here: https://codecanyon.net/item/apollo-sticky-full-width-html5-audio-player-wordpress-plugin/20158996

FEATURES OF Apollo – Sticky Full Width HTML5 Audio Player jQuery Plugin:

Sticky & Standard Versions

You can set this audio player jQuery plugin to be sticky for a page or for the entire website. You can also disable sticky feature and just insert it in the content of a page or post.

Responsive Design

The audio player can be used in websites which are responsive. It is a full width player and it will cover the parent div width.

Continuous Playback

When you’ll change the page, the player will continue from it was in the previous page. This will ensure a smooth playback across your entire website.

Vinyl Record Animation Or Artist Image

You can either show the vinyl record animation or the artist image.

Player In Popup Window

You have a button which will open the player in a popup window. With this feature you can listen the music, without interruptions, while navigating the website menu.

Multiple Instances

You can insert multiple audio players on your website or on the same page.

Highly Customizable

You can choose from the 2 skins available: back & white. Also, from parameters you can create any color scheme for your Sticky Full Width HTML5 Audio Player jQuery Plugin.

Categories

The playlist items can be structured in categories. An audio file can belong to multiple categories.

Playlist Search

You have the option to search the playlist. It will search the title and author and the results will be displayed as you type the search term.

Show/Hide Playlist

Button to show or hide the playlist. Parameters to show the playlist from the beginning.

Read Folder

Option to automatically generate the player playlist code from a folder which contains the MP3 files.

Lyrics Button

You can define a link to the lyrics song page. Parameters to open the link in the same window or a new window and parameter to change the button title.

Download Button

Available button to download (on desktop) the current playing file. You have the option to hide the download button.

Buy Button

You can define a link to the buy song page. You have parameters to open the link in the same window or a new window and parameter to change the button title.

Multiple Parameters

Autoplay, loop, shuffle, rewind, volume control, minimize etc.

Google Analytics

Option to activate Google Analytics tracking. You’ll be able to see how many times each audio file was played.

Free Updates

Once you’ve bought this HTML5 Audio Player WP plugin, you can download for free, from your account, all the updated versions.

 


2. Total Control Audio Player

Total Control HTML5 Audio Player

The Total Control HTML5 Audio Player is jQuery plugin that streams audio and features a manageable playlist. It features 3 skins and a mini player option for a more compact interface. Playlist rows can be dragged and dropped to rearrange song order and new songs can be added on the fly. Also, users can choose which songs are to be skipped when repeat is enabled.

If you need only the WordPress Plugin for Total Control Audio Player, you can download it from here: https://codecanyon.net/item/total-control-html5-audio-player-for-wordpress/2630564

FEATURES for Total Control HTML5 Audio Player:

  • Draggable player
  • Drag and drop functionality to rearrange playlist
  • Include song artwork
  • Supports OGG and MP3 files
  • Android and iOS supported
  • Add new songs to playlist
  • 3 skins
  • PSD files included to create custom themes
  • Flash fallback for older browser that don’t support HTML5
  • Mini player option
  • Toggle visibility of playlist
  • Playlist controls include “repeat all”, “repeat one”, and “shuffle”
  • 4 options for positioning player in document

 

download Total Control HTML5 Audio Player


3. HTML5 Audio PRO

HTML5 Audio Player PRO jQuery Plugin

HTML5 Audio Player PRO jQuery Plugin is the Envato’s Most Wanted contest winner in the category “Best Playlist Audio Player”. Any color scheme is possible, customizable from parameters. It supports .mp3 and .ogg audio files.

If you need only the WordPress Plugin for HTML5 Audio Player PRO jQuery Plugin, you can download it from here: https://codecanyon.net/item/responsive-html5-audio-player-pro-wordpress-plugin/7649878

FEATURES for HTML5 Audio Player PRO jQuery Plugin:

Responsive Design

The audio player can be used in websites which are responsive. Optional parameter to disable responsive behavior in order to integrate it in non-responsive websites.

Mobile Compatible

It is compatible with IOS and Android operating systems.

Any Color Scheme

You can choose from the 2 skins available: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.

Google Analytics

Option to activate Google Analytics tracking. You’ll be able to see how many times each audio file was played.

Playlist Search

You have the option to search the playlist. The results will be displayed as you type the search term.

Download Option

Available button to download the current playing file. You have the option to hide the download button.

Share

You can share your audio player on Facebook and Twitter. Parameters to customize the share title and description.

Buy Button

You can define a link to the buy song page. Parameters to open the link in the same window or a new window and parameter to change the button title.

Lyrics Button

You can define a link to the lyrics song page. Parameters to open the link in the same window or a new window and parameter to change the button title.

Read Folder

Option to automatically generate the player playlist from a folder which contains the MP3 files.

Multiple Instances

You can insert multiple audio players on your website or on the same page.

Multiple Parameters

Over 55 options from where you can customize your player, including: autoplay, loop, shuffle, initial volume, show/hide playlist, show/hide playlist on init & color parameters.

Free Updates

Once you’ve bought the product, you can download for free, from your account, all the updated versions.

Notes for IOS (restrictions imposed by Apple):

  1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS.
  2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.

 

download HTML5 Audio Player PRO

 

P.S. This HTML5 Audio Player PRO – jQuery Plugin is included in HTML5 Responsive Audio Players Bundle. The bundle contains 3 HTML5 jQuery plugins which cover a vast area of audio players, from a simple MP3 player to a complex ShoutCast/IceCast radio player. You can purchase this package with a substantial 50% discount!


4. ThePlayer – HTML5 Responsive Audio Player Plugin with Playlist and Categories

ThePlayer - HTML5 Audio Player Responsive Plugin with Playlist and Categories

ThePlayer is a beautiful and elegant responsive HTML5 Audio Player with playlist, categories and Facebook and Twitter share option.

If you need only the WordPress Plugin for ThePlayer, you can download it from here: https://codecanyon.net/item/theplayer-html5-audio-player-with-playlist-and-categories-wordpress-plugin/17208164

MAIN FEATURES:

Categories

For each playlist item you can set one category or multiple categories. Option to hide the categories section, too.

Share

Facebook and Twitter share option available. Parameters to set the share title and description.

Show/Hide Playlist

Option to show or hide the playlist. Also a button for this action is available.

Player Corners Radius

Parameters to set the player and photo corners radius.

Responsive Design

You can use the audio player in responsive websites or non-responsive websites. Optional parameter enable/disable responsive behavior.

Mobile Compatible

It is compatible with IOS and Android mobile devices.

Multiple Instances

You can use multiple instances of the audio players on your website or on the same page. Once one instance will play the others will pause.

 

download ThePlayer - HTML5 Audio Player Responsive Plugin with Playlist and Categories


5. CHAMELEON – PLAYLIST AUDIO PLAYER jQUERY PLUGIN

Chameleon Playlist HTML5 audio player jQuery plugin

You can use this html5 Audio Player jQuery plugin as a fully featured html5 audio player (check Playlist version examples) or just to add background music to your website (check Minimal version examples).

If you need only the WordPress Plugin for Chameleon Playlist HTML5 audio player jQuery plugin, you can download it from here: https://codecanyon.net/item/html5-audio-player-wordpress-plugin/4429751

COOL FEATURES:

Customizable Color Scheme

The prebuilt controllers (play button, next track button etc.) come in black or white versions. Using the parameters you can select any color scheme for: player background, volume slider, timer, buffer, seekbar, song title, playlist background, playlist font and playlist item line separator. If needed, PSD files are included and you can change very easy the controllers, too.

Show/Hide Elements

You can set as visible or set as hidden, any element of the audio player according to your design and functionality needs: rewind button, play button, previous button, next button, mute button, volume slider, timer, buffer, seekbar, title section, playlist.

Mobile Compatible

It is compatible with IOS and Android operating systems.

Read Folder

Option to automatically generate the player playlist from a folder which contains the MP3 files.

Multiple Instances

You can insert multiple audio players on your website or on the same page.

Multiple Parameters

Over 35 options from where you can customize your player, including: autoplay, loop, initial volume, show/hide playlist, show/hide playlist on init & color parameters.

Free Updates

Once you’ve bought the product, you can download for free, from your account, all the updated versions.

 

download Chameleon Playlist HTML5 audio player jQuery plugin


6. ZoomSounds – neat Audio Player With Playlist

ZoomSounds - neat HTML5 Audio Player With Playlist

Want a nifty, cutting-edge, retina-ready, responsive html5 audio player for your site ? ZoomSounds is the perfect candidate. With four skins to fit every brand, only one format required to function, ZoomSounds is the perfect choice for an audio player.

FEATURES for ZoomSounds – neat HTML5 Audio Player With Playlist:

  • HTML5 technology – this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients
  • Fully responsive – looks great from mobile to HD
  • Flash backup – ie7 and ie8 do not support html5, but those users are not forgetten, the sounds will play for them too via the flash player
  • One mandatory format – the hard part is done by the player script in order for the user to have easy experience editing – only mp3 is required
  • Touch optimized – touch devices are not forgotten
  • Three skins – three full skins to fit every brand
  • CSS3 technology – this player uses cutting-edge css3 definitions
  • Easy install – purchase, download the zip, read the docs
  • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
  • Android optimized – this component has been tested on Android 4.0 and works awesome
  • Developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided
  • Plays from SoundCloud – streams SoundCloud audio with an API key
  • 100% css skinable – want to make slight modifications to the skins ? The skins are 100% built from the css and it is very easy to edit with css knowledge
  • SEO friendly – built with search engine optimization on mind from the ground up
  • Compatible with all major browsers, including IE – compatible from IE7 to IE10, Chrome, Safari and Firefox

Notes:

  • tracks and images are not included in the download package.
  • youtube will not work as audio on iDevices but as a video due to the platform limitations
  • the waveform is a static image it is not auto generated by the audio player, but by a tool included in the download package. full instructions are provided on how to do this and it’s a 10 second job for each track, almost automatic if you have all your tracks in a directory.
  • there is a included flash tool to compose a image of the wave form. Note that because mp3 decoding is expensive, there is a physical limitation of about 20 minutes tracks ( meaning that with tracks over 20 minutes it might crash on memory exhaustion , but it depends on the computer where the decoding is done )

 

download ZoomSounds - neat HTML5 Audio Player With Playlist


7. Sticky HTML5 Radio Player Full Width Shoutcast Icecast

Sticky HTML5 Radio Player Full Width Shoutcast Icecast

Sticky HTML5 Radio Player Full Width Shoutcast Icecast supports Shoutcast and Icecast radio streaming. The player uses Last.FM API to display the photo of the current playing singer. In addition you have over 70 parameters from where you can customize your player. Therefore it includes: autoplay, initial volume, playlist, categories and color parameters.

If you need only the WordPress Plugin for Sticky HTML5 Radio Player Full Width Shoutcast Icecast, you can download it from here: https://codecanyon.net/item/sticky-radio-player-wordpress-plugin-full-width-shoutcast-and-icecast-html5-player/17162755

GREAT FEATURES:

Only Radio Stream Needed

Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.

Shoutcast & Icecast Support

It supports Shoutcast and Icecast radio streaming. Radio Stream should be MP3 type, no support for AAC/AAC+ stream.

Responsive Design

The radio player can be used in websites which are responsive.

Mobile Compatible

It is compatible with IOS and Android operating systems.

Last.FM API

The player uses Last.FM API to display the photo of the current playing singer.

Highly Customizable

You can choose from the 2 available skins: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.

Categories

The playlist items are structured in categories. A radio file can belong to multiple categories. The categories are automatically generated from the radio stream data.

Playlist Search

You have the option to search the playlist. The results will be displayed as you type the search term.

Show/Hide Playlist

Button to show or hide the playlist. Also option to start the player with the playlist hidden.

Share

You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.

Option To Manually Set Radio Name And Categories Name

If needed, you have the option to manually set the radio name and categories name.

Show/Hide Buttons

You can set as visible or set as hidden: playlist, volume, share buttons.

Multiple Parameters

Over 70 parameters from where you can customize your player, including: width, autoplay, initial volume, playlist, categories & color parameters.

Free Updates

Once you’ve bought the product, you can download for free, from your account, all the updated versions.

Notes for IOS (restrictions imposed by Apple):

1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.
 

download Sticky HTML5 Radio Player Full Width Shoutcast Icecast


8. All in One Audio and Radio Player

All in One Audio and Radio Player

jQuery HTML5 Audio Player is a minimized web plugin that supports different forms of audio streaming, such as:

  • MP3
  • OGG
  • Wav
  • Radio Live Streaming AAC and AAC+
  • Shoutcast and Icecast
  • SoundCloud
  • Spotify
  • iTunes

FEATURES for All in One Audio and Radio Player:

It is extremely lightweight and easy to use. It only requires one line of code to embed in the web page. e.g.

Clear semi-transparent interface, with different themes. extensive powerful API lets it to style the interface, such as customised background image or turing on/off features.

  • HTML5 Audio
  • AAC / AAC Plus Support
  • Radio / Live Streaming
  • SoundCloud playlist Playback
  • Spotify Album Playback
  • XML Playlist Support
  • ID3 Tags Support
  • Background Image Support
  • CSS Gradient for Background
  • Multiple Instances in the Same Page
  • Powerful API
  • Detailed Documentation
  • Cross Browser
  • Fully Responsive
  • Social Networks Share Support
  • Keyboard Play/Pause Control
  • Automatically pauses/stops playback when a new sound is started
  • SoundCloud/Spotify/iTunes/ID3: Automatic Fetch Title & Artists’ Names
  • Background Size & Position Support
  • Modern, Touch-Friendly
  • No Coding Skills Required
  • Easy to get started, Deploy in Minutes
  • Clean Interface
  • Easy to Use
  • MP3, AAC, AAC+, M4A, OGG, WebM, MP4, FLAC, VP8/9 and etc..

 

download All in One Audio and Radio Player


9. HERO – HTML5 IceCast & ShoutCast Radio Player With History

HERO – HTML5 audio player IceCast and ShoutCast Radio Player With History

HERO is the ultimate HTML5 audio player jQuery plugin, Icecast & Shoutcast Radio Player With History support. We have provided over 30 js options from where you can customize your player, including: width, autoplay, colors and other parameters. Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.

If you need only the WordPress Plugin for HERO – HTML5 IceCast & ShoutCast Radio Player With History, you can download it from here: https://codecanyon.net/item/hero-shoutcast-and-icecast-radio-player-with-history-wordpress-plugin/19364283

FEATURES for HERO HTML5 audio player jQuery plugin – IceCast & ShoutCast Radio Player With History:

Shoutcast & Icecast Support

It supports Shoutcast and Icecast radio streaming. The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.

Only Radio Stream Needed

Just add the radio stream and the player will get the current playing song and artist photo.

Responsive Design

The Shoutcast Icecast Radio Player can be used in websites which are responsive. Optional parameter to disable responsive behavior in order to integrate it in non-responsive websites.

Mobile Compatible

It is compatible with IOS and Android operating systems.

Last.FM API

The player uses Last.FM API to display the photo of the current playing singer.

Highly Customizable

You can choose from the 2 available skins: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.

Sticky Version

Parameter to set the radio player in sticky version. Additional parameter to only show the play button.

History

It will automatically get the history for ShoutCast streams. For IceCast streams it will generate the history as the radio plays.

Show/Hide History

Button to show or hide the history. Also option to start the player with the history hidden.

Share

You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.

Multiple Instances

You can insert multiple radio players on your website or on the same page. Only one can be set as ‘sticky’.

Show/Hide Buttons

You can set as visible or set as hidden: playlist, volume, share buttons.

Multiple Parameters

Autoplay, loop (entire playlist), colors, dimensions etc. Over 85 parameters from where you can customize the player.

Notes for IOS (restrictions imposed by Apple):

  1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JSl
  2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.

 

download HERO – HTML5 audio player IceCast and ShoutCast Radio Player With History

 

P.S. Sticky HTML5 Radio Player Full Width Shoutcast Icecast is included in IceCast and ShoutCast HTML5 Radio Player jQuery Plugins Bundle. The bundle contains 3 Radio Player jQuery Plugins. You can purchase this package with a substantial 55% discount!


After you’ve informed about the best 9 html5 audio players, what do you say about a jQuery slider or an WordPress slider with zoom in/out effect and with over 180 CSS3 animations inserted.

0