HTML5 Audio Player with Playlist by Tean
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.
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
- Podcasts
- SoundCloud (track set, user tracks, single track, user favorites, user groups)
- Inline text/image links
- 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 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 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
- 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
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
HTML5 Audio Player With Playlist Wordpress Plugin
HTML5 Video Gallery with Live Playlist Wordpress Plugin
