Responsive HTML5 Music Player For Wordpress

Responsive HTML5 audio player for wordpress. Using admin create unlimited number of playlists and players. Playlists can be mixed with any kind of music type (m

One more item on on this category. Responsive HTML5 audio player for wordpress. Using admin create unlimited number of playlists and players. Playlists can be mixed with any kind of music type (mp3, podcast, soundcloud etc…) Using shortcodes place multiple instances of audio player in post, page, sidebar or theme. Shortcode generator in post/page edit area (shortcodes for including player and player API available).
Multiple players in page supported!
Note: Volume cannot be adjusted with javascript on mobile IOS. This is a restriction from Apple. You need to adjust the volume with physical button the actual phone.
Tested on IOS and Android:


  • Shortcode generator in post/page edit area (shortcodes for including player and player API available).
  • Option to use only mp3 format available.
  • FLASH fallback included for older browsers that dont support HTML5 audio.
  • Playlist options available
  • XML playlist (xml examples included)
  • DATABASE playlist (sql examples included)
  • Auto create playlist from folder of mp3 files (plus optional ID3 tags)
  • Podcasts
  • SoundCloud (track set, user tracks, single track, user favorites, user groups)
  • Youtube
  • Official FM (single track, playlist tracks, project tracks)
  • Inline text/image links
  • mixed playlists
  • Optional ID3 tags for songs loaded from folder
  • Mix different music types together into single playlist
  • optional song download for every individual playlist item
  • download backup for IOS (send download link to email)
  • Uninterrupted audio playback across web pages (popup player is a separate window and browse your website while listening to music without interuptions!
  • Multiple popup windows supported
  • 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..
  • powerful API included.
  • load playlist / add track to playlist / play track from playlist on run-time
  • Include multiple instances on the same page.
  • Multiple instances automatically pause/stop playback when new sound is started.
  • Optional playlist scroll.
  • optional sortable playlist items
  • Optional playlist item link to url
  • Optional song artwork (auto generated audio thumbnails).
  • optional keyboard events for audio navigation
  • API methods available
  • Play audio
  • Pause audio
  • Toggle audio (play/pause)
  • Stop audio (unload)
  • Next audio
  • Previous audio
  • Load audio
  • Load playlist
  • Add visible/hidden track(s) to current playlist
  • Remove visible/hidden track(s) from current playlist
  • Input audio (play sound without creating any kind of playlist data)
  • Toggle shuffle
  • Toggle loop
  • Toggle playlist
  • Open popup
  • Destroy audio
  • Destroy playlist
  • Check scroll
  • Reinitialize scroll

  • Get/set volume
  • Get/set autoplay
  • Get/set title
  • Get thumbnail
  • Get Setup Done
  • get Playlist Transition
  • Get Playlist Loaded
  • Get Media Playing
  • get Audio inited
  • Get Media type
  • Get Active item
  • get Playlist item(s)
  • get Playlist hidden
  • get Playlist list
  • Get Media count
  • Get Playlist data
  • Get Sound ID

  • Playlist items ordering methods
  • Reverse playlist items
  • Randomise playlist items
  • Remap playlist items from array
  • Swap two playlist items position
  • API Callbacks
  • Setup Done
  • Playlist Loaded
  • Playlist End
  • Sound Play
  • Sound Pause
  • Sound Start
  • Sound End
  • Playlist Item Triggered
  • playlist Item Enabled
  • playlist Item Disabled
  • Playlist Item Rollover
  • playlist Item Rollout
  • on Playlist Empty
  • on Drop Receive

  • Updates / Changelog


    version 2.01
  • removed spacing from js_markup javascript code which was producing p tags in wordpress
  • fixed id3 reader check on thumbnail
  • playlist preloader now visible on first playlist load
  • Last update 9.3.2014

    version 2.0
  • meta box shortcode generator for player and player api in post/page
  • new shortcodes for adding tracks on the fly (ex. add podcast link [ap_hap track=”link/to/podcast”])
  • new shortcodes for player api, add songs on run-time, load playlists on run-time… etc (ex. add playback toggle button [ap_hap_toggle id=”0”], load playlist [ap_hap_loadplaylist id=”0” track_id=”0”], enqueue track from post [ap_hap_loadaudio id=”0” track_id=”0”] etc…)
  • 2.2.2014

    version 1.05
  • fixed folder path (auto read files from folders)
  • download now works with spaces in file names
  • added sorting of songs in playlist when process-Playlist-On-Player-Load = true (copies sort type from the admin)
  • 28.1.2014

    version 1.04
  • removed Overwrite-Css-On-Player-Load
  • player settings javascript file is now added using wp_enqueue_script
  • fixed checkLimit empty field in playlist.js
  • html5audio_default.css enqueue moved to player_markup.php
  • 21.1.2014

    version 1.03
  • removed onbeforeunload event in popup html file
  • 19.1.2014

    version 1.02
  • fixed bug with popup css url
  • title replaced with id in active playlist selector in playlist manager.
  • 18.1.2014

    version 1.0
  • first release

  • You might be interested in…

    HTML5 Video & Image Background Intro

    HTML5 Audio Player With Playlist

    JQuery Stack Banner Slideshow with Captions

    jQuery Slice Banner Slideshow with Captions

    We are sure after from the success installation from this item Responsive HTML5 Music Player For Wordpress to your website you will be very satisfied