Download HTML5 Audio Player with Playlist

Last update 23.12.2013 added optional ID3 tags for reading mp3 files from folder new demo included with scrollbar + updated jscroll pane container height settings when adding/removing tracks fixed download paths in create track from data folder parse sort options (sort by title or reverse when reading mp3 files from folder) updated icon paths ULTIMATE RESPONSIVE HTML5 audio player with HUGE amount of options and possibilities

Last update 23.12.2013

• added optional ID3 tags for reading mp3 files from folder
• new demo included with scrollbar + updated jscroll pane container height settings when adding/removing tracks
• fixed download paths in create track from data
• folder parse sort options (sort by title or reverse when reading mp3 files from folder)
• updated icon paths

ULTIMATE RESPONSIVE HTML5 audio player with HUGE amount of options and possibilities.

Restyle the player with css into pretty much anything! Check the demo examples to get you imagination going.

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

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:

Options:

• Playlist options available
• HTML markup
• XML playlist (xml examples included)
• DATABASE playlist (sql examples included)
• Auto create playlist from folder(s) of mp3 files (plus optional reading of 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
• 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, youtube playlist results limit, oficial.fm 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 playlist scroll is jScrollPane.
• 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 playlist item link to url
• Optional playlist item remove button
• Optional song artwork (auto generated audio thumbnails).
• automatically create titles, thumbnails or both in playlist items
• optional vertical volume
• optional autoHide volume
• optional circular progress (with whole new demo examples)
• optional keyboard events for audio navigation
• Public 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
• Destroy audio
• Destroy playlist
• Check scroll
• Reinitialize scroll


• Get/set volume
• Get/set autoplay
• Set title
• 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
• Callbacks available
• 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




You might be interested in…




Responsive Video Gallery HTML5 Youtube Vimeo

More items by Tean