23 Nov 8 Awesome jQuery Audio Player Plugins
To include a video or an audio file in your website pages, without native player and flash, was a little hard several years ago. Nowadays, when most of the people want to display audios on their websites this can be done using a jQuery Audio Player Plugin. These 8 Awesome Audio Player jQuery Plugins below are lightweight, features rich, responsive and accessible.
1. CHAMELEON – PLAYLIST 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
FEATURES for CHAMELEON – PLAYLIST jQUERY AUDIO PLAYER PLUGIN:
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.
P.S. Chameleon Playlist HTML5 jQuery Audio Player 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!
2. HTML5 Audio Player with Playlist
ULTIMATE RESPONSIVE HTML5 audio player with HUGE amount of options and possibilities.Restyle the player with css into pretty much anything!
FEATURES for HTML5 Audio Player with Playlist:
- Playlist options available
- FLASH fallback included for older browsers that dont support HTML5 audio.
- Load any type of playlist through XML or HTML markup, or DATABASE
- Mix multiple playlists/songs types together
- Playlists/songs come in a HTML and OBJECT forms
- optional song download (multiple choices, global download vs individual per playlist item)
- download backup for IOS (send download link to email)
- soundcloud results limit, podcast results limit
- Uninterrupted audio playback across web pages (popup player is a separate window and browse your website while listening to music without interuptions!
- optional auto open player in popup supported
- switch between player in normal window and in popup window while keeping player settings like current playlist, active item, volume etc..
- load visible / hidden playlist
- add visible / hidden tracks to playlist
- remove visible / hidden tracks from playlist
- Hugely powerful API included.
- Include multiple instances on the same page.
- Multiple instances automatically pause/stop playback when new sound is started.
- optional sortable and draggable playlist items with optional remove buttons (drag songs from your own container into the playlist/player, drag and sorts songs from multiple players etc… with TOUCH PUNCH)
- Optional song artwork (auto generated audio thumbnails).
- automatically create titles, thumbnails or both in playlist items
- optional vertical volume
- optional autoHide volume
3. HTML5 Audio PRO
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
COOL FEATURES:
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):
- The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS.
- Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.
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. sPlayer – Super HTML5 Music Player
sPlayer is pushing HTML5 to the limit, it’s almost certainly the first HTML5 music player of it’s kind, Making it the most feature-rich JavaScript Audio library.
sPlayer allows you to create a Fully-fledged All-in-one music player with Supercharged features (HTML5 Storage, ID3 Tags Reader, Import Local Files, Offline-Ready and even more.20+ more). It also allows you to create a Cross-platform HTML5 Music Desktop App with powerful capabilities.
Supports Desktop Web, Mobile Web and Node.js. and It’s even lightweight.
MAIN FEATURES for this jQuery Audio Player:
-
- Pure HTML5: Taking advantage of HTML5 power and speed, No Flash, just pure HTML5.
- Playlist: Multiple playlists support.
- Audio Controls: Play, Pause, Next, Previous, Seekbar, loop, duration, current time.
- Radio / Live Stream: Radio / Live Stream Remote URLs / Broadcasts such as SHOUTcast and Icecast are also supported.
- Multiple Audio Formats: MP3, OGG, OGA, AAC, M4A and MP4.
- HTML5 Desktop App Ready: Build powerful HTML5 Music Desktop app with sPlayer and Electron.io (Atom-shell) / NW.io (Node-webkit).
- Live Search: Built-in Instant search to find a specific song in your playlists.
- ID3 Tags Reader: Reading and parsing ID3 tags of songs files (Title, Album, Artist, Genre, Cover art, etc..).
- Smart Cover: Getting the Embedded ID3 album artwork using ID3 tags reader, and retrieving the album artwork using Spotify API as a fallback.
- Import Local Files: Music player without your music library doesn’t make sense. with sPlayer, you can import your songs or your music folder, It’s very fast, you can import 100 local songs in less than 20 seconds!, and storing them in the Web Storage to retrieve them again on load.
- Starred Music: Save the music you love to your starred music.
- Share Links: you can generate share links to specific songs.
i.e. www.mywebsite.com/index.html?sID001, Opens #sID001 Album and plays it instantly. - HTML5 Storage: The last played song and your starred music are stored in the Web Storage, and It will retrieve them on load.
- Advanced HTML5 Storage: sPlayer uses external HTML5 Storage library (IndexedDB / WebSQL or localstorage as a fallback) to provide the best experience, It’s used especially for storing the Imported local files.
- Offline-Ready: No internet connection. No problem.
- Node.js Support: Node.js friendly.
- Cross-Browser: The web browsers you love are supported.
Chrome, Firefox, Safari, Opera, IE, Edge, Any HTML5 Browser - Mobile Compatible: iOS, Android, Windows Phone, Windows 10 Mobile
- Lightweight: Small size just as small as ~17kb minified.
- Built for Performance: Coded with the best JavaScript & jQuery techniques for speed and size.
- Highly Customizable: Customize it with CSS/HTML just the way you like it. You can also Customize sPlayer variables and components just for your needs.
- Well Documented & Extensible Architecture: The Sky’s the limit.
○ Download Songs: Download songs from sPlayer to your drive.
5. 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 Audio Player 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 jQuery Audio Player
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 jQuery Audio Player 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.
6. ZoomSounds – neat 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 )
-
7. ThePlayer – HTML5 Responsive Audio Player Plugin with Playlist and Categories
ThePlayer is a beautiful and elegant responsive jQuery Audio Player with playlist, categories and Facebook and Twitter share option.
If you need only the WordPress Plugin for ThePlayer jQuery Audio Player, you can download it from here: https://codecanyon.net/item/theplayer-html5-audio-player-with-playlist-and-categories-wordpress-plugin/17208164
MAIN FEATURES for this responsive jQuery Audio Player:
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.
8. Sticky HTML5 Sticky Audio Player jQuery Plugin
Add background music to your website with Sticky Audio Player jQuery Plugin. It will ensure a continuous and smooth playback across your entire website. You can customize this html5 audio player by changing the color for: player background, volume slider, timer, buffer, seekbar, song title, playlist background, playlist font and playlist item line separator. It supports .mp3 and .ogg audio files
IF YOU NEED ONLY THE WORDPRESS PLUGIN FOR Sticky jQuery Audio Player Plugin, YOU CAN DOWNLOAD IT FROM HERE
FEATURES for Sticky HTML5 Sticky jQuery Audio Player Plugin:
Continuous Playback
When you’ll change the page, the player will continue from the previous minute. Also, the volume will remain as previously set. This will ensure a smooth playback across your entire website.
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.
Mobile Compatible
It is compatible with IOS and Android operating systems.
Set the position
You can position the player left, center or right on the page. Also, available parameters to fine tune the position with bottom and left/right margins
Small Or Big on Initialization
Parameter to load the player minimized or maximized when the page is opened.
Show/Hide Buttons
You can set as visible or set as hidden: previous button, next button, shuffle button
Read Folder
Option to automatically generate the player playlist from a folder which contains the MP3 files.
Multiple Parameters
Over 30 js options from where you can customize your player, including: autoplay, loop, initial volume, shuffle & 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.
P.S. Sticky HTML5 Sticky jQuery Audio Player Plugin is included in MOST WANTED JQUERY PLUGINS PACK This bundle contains all the plugins you need to create a complete and professional website: Premium Sliders, Video Players, Logos Showcase, Full Screen Image Or Video Backgrounds, Audio Players, Radio Players, Carousels, Countdowns.
Maybe you are searching for WordPress Audio Players Plugin too. Check this article 6+ BEST PLAYLIST AUDIO PLAYER WORDPRESS PLUGINS
No Comments