=== HTML5 jQuery Audio Player === Contributors: EnigmaWeb Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CEJ9HFWJ94BG4 Tags: mp3 player, audio player, music player, ogg player, HTML5 audio player, mp3, podcast, jquery player Requires at least: 3.1 Tested up to: 4.7.4 Stable tag: trunk License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Finally, a trendy looking audio player plugin. Works on all modern browsers including iPhone/iPad. == Description == This trendy looking music player lets you add a single audio track or a full playlist to your WordPress site using shortcode. You can customise the colours of the player, and also display ratings, album cover art, and buy/download link if needed. This audio player is different from others on offer because it works on all major browsers, both PC and Mac, and on mobile devices including iPhone/iPad. Plus it looks really cool! = Key Features = * Uses mp3 and ogg file formats * Attractive and customisable design * Works in all major browsers - IE9+, Safari, Opera, Firefox, Chrome * Works on mobile devices including iPhone/iPad * Sell your music easily by integrating with Easy Digital Downloads - [tutorial here](http://enigmaplugins.com/selling-your-music/) * Autoplay on/off option * User star ratings * Add the player to any post/page using shortcode `[hmp_player]` = Demo = [Click here for demo](http://www.bluecatcombo.com.au/wedding-band-perth/) This demo shows the player with tracklist enabled, ratings on, and autoplay off. Duration and buy/download button is also switched off in this example. = Pro vs Lite Version = This is Lite (free) version of the plugin. [Get Pro Version](http://enigmaplugins.com/plugins/html5-jquery-audio-pro/) if you need the following advanced features: * Mulitple Playlists � create as many playlists as you like and embed any number of players on different pages of your site * Drag n Drop playlist manager so you can reorder tracks * Fully Responsive � resizes and adjust layout/design for responsive websites * On/off option for ratings, artwork, artist field, auto-repeat, and cover art * Widget support * Embed full playlist or individual tracks with shortcodes * Works in all modern browsers - IE9+, Safari, Opera, Firefox, Chrome * Works on mobile devices including iPhone/iPad * Can enable Buy or Download tracks buttons (x3) * Integrates with Easy Digital Downloads plugin for selling your music Please note that Pro version will not work on Windows Server environment. = Credits = This is a WordPress version of the player created by Saleem over at [Codebase Hero](http://www.codebasehero.com/2011/06/html-music-player/) with thanks also to [Orman Clark](http://www.premiumpixels.com/freebies/compact-music-player-psd/) for the original PSD. == Installation == 1. Upload the `html5-jquery-audio` folder to the `/wp-content/plugins/` directory 1. Activate the HTML5 jQuery Audio Player plugin through the 'Plugins' menu in WordPress 1. Configure the plugin by going to the `HTML5 Audio Player` menu that appears in your admin menu 1. Add the player to any post/page using shortcode `[hmp_player]` == Frequently Asked Questions == = It doesn't work for me, this plugin sucks! = Actually it does work... and tens of thousands of people use it successfully. If you're having a problem it is highly likely that it is one of the common issues below. Please take the time to read these FAQs and try the steps suggested. If you're still having problems you can get support in the forum. Be nice, and explain your issue properly so I can try to help you. Thank you. = How can I sell my music using this plugin? = [Easy Digital Downloads integration tutorial] (http://enigmaplugins.com/selling-your-music/) [FetchApp integration tutorial](http://www.enigmaweb.com.au/fetchapp-integration-tutorial/) = jQuery Conflict (It's breaking my site) = The most common problem is a jQuery conflict. In short, if your theme loads jQuery library, then other plugin/s (like this one) also load jQuery then it can cause serious grief on the site and things start breaking. The solution is for all plugin developers and WordPress theme creators to use the copy of jQuery which is included in the WordPress core or load it from Google AJAX libraries, and to consider also using the noConflict jQuery mode (this plugin does all that). If you're having jQuery conflict problems on your site then the most likely culprit it your theme. [Read this article](http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/) by Chris Coyier which explains the issue in more detail and outlines how you can fix it. You might also like to check out suggestions from [Eric Martin](http://www.ericmmartin.com/5-tips-for-using-jquery-with-wordpress/) on the topic. = I'm having problems adding mp3 files - they won't play. = The plugin supports mp3 and ogg files. You need to upload both an mp3 and ogg version of each track in the playlist. Please also check your files are encoded correctly, and confirm that your file paths are correct. jPlayer sometimes has problems with relative urls so make sure you're using the absolute paths. = How can I convert my files to mp3 and ogg? = There are heaps of free conversion tools available - run a search. Personally, I use [Goldwave.](http://www.goldwave.com/) = I need ogg? Waaaa! = Yeah you really do. Having both the ogg and mp3 is what enables this plugin to work on all the different browsers and devices. You can use a converter to make an ogg copy of your files fast and free and you can batch process with most tools so please don't complain about needing ogg. [More information here in the documentation.](http://enigmaplugins.com/mp3-and-ogg/) = The songs won't play = Are you in firefox? If the play button flashes then goes back to pause then this is likely a Mime type issue. Particularly affects Firefox. It can be solved by adding the following lines to your htaccess file: `AddType audio/ogg ogg AddType audio/ogg oga AddType video/ogg ogv AddType video/mp4 m4v` = It's not working in browser xyz - can you help? = The plugin works on IE9+, Safari, Opera, Firefox and Chrome, on both PC & Mac, and on mobile devices including iPhone/iPad and Android phones. If it's not working for you, try adding the Mime types above to your htaccess file. If it's still not working, the most common problem is jQuery conflict with your theme or another plugin - see above. Note that it has limited functionality in earlier version of IE where the html5