HTML5 Audio Player with Playlist Wordpress plugin by Tean

A simple and powerfull HTML5 music player for your website with flash backup for older browsers.
Restyle the whole player with basic CSS!

Place multiple instances of audio player in post, page, sidebar in text widget or theme.

Use simple shortcode to play single mp3 song, podcast or soundcloud link, load folder of songs or xml playlist.

All demo examples included in the download package for easy setup.

jQuery version also available here: HTML5 Audio Player With Playlist

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.

Check this on your mobile phone (tested on IOS and Android):

Options:

• FLASH fallback included for older browsers that dont support HTML5 audio.
• Playlist options available
• Add simple track url
• Auto create playlist from folder(s) of audio files
• XML playlist
• Import Database playlist (example included)
• Podcasts
• SoundCloud
• Restyle the player completely with the most basic of CSS
• Optional autoplay
• Random play on/off.
• Looping on/off.
• Load new playlist(s) at runtime with public API.
• Include multiple instances on the same page.
• Multiple instances automatically pause/stop playback when new instance is started.
• Playlist scroll is jScrollPane and its optional (can be turned off in settings).
• Public methods available
• Play current media
• Pause current media
• Toggle current media
• Stop current media
• Play next
• Play previous
• Play media (by number or title)
• Toggle shuffle
• Toggle loop
• Set volume (value)
• Load playlist (from folder, from html, from xml, Podcast, SoundCloud)
• Add track(s) to current playlist
• Remove track from current playlist
• Play audio(s) without creating playlist; just pass url(s)
• Destroy audio
• Destroy playlist
• Set title
• Output playlist data in format: {id, type, title, mp3 path, ogg path}
• Get Setup Done
• get Playlist Transition
• Get Playlist Loaded
• Get Media Playing
• Callbacks
• audio Player Setup Done (returns player instance sound id)
• audio Player Playlist Loaded (returns player instance sound id)
• audio Player Sound End (returns active counter)
• audio Player Sound Start (returns active counter)
• audio Player Playlist End (returns player instance sound id)
• audio Player Sound Play (returns player instance sound id)
• audio Player Sound Pause (returns player instance sound id)
• Playlist Item Triggered (returns active counter)
• playlist Item Enabled (returns playlist item)
• playlist Item Disabled (returns playlist item)

Examples:

You might be interested in...

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video & Image Background Intro

JQuery Thumbnail Gallery With Lightbox

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

Youtube Vimeo Gallery Background

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions