By :
Tean
Published on Friday, June 17, 2016,22:20:00 in JavaScript Scripts
This versatile audio player offers HUGE amount of customization options and layout possibilities.
By using the basic css skills, player can be restyled into pretty much anything! Just check demo examples to get you imagination going.
All DEMO examples included in the download package for easy setup.
Features and options:
Responsive layouts
Font Awesome Library icons
Only mp3 audio format required for all browsers and devices
Support for media from Google Drive, Amazon S3.. (any public link that plays in browser)
Support for Shoutcast servers that have mp3 streaming
Playlist options available:
HTML markup
XML playlist (xml examples included)
Database playlist (sql examples included)
Auto create playlist from folder of mp3 files (and get id3 tags)
Podcasts
SoundCloud (track set, user tracks, single track, user favorites, user groups)
Youtube
Inline text/image links
Mix different media types in the same playlist
Play music continously across web pages (with option to open popup player is a separate window)
Automatically hide currently playing audio source to prevent audio download
Include multiple instances in the same page
Optional playlist
Optional sortable playlist items
Optional song url link in playlist
Filter tracks in playlist by title
Optional playlist scroll (scroll orientation vertical / horizontal)
Optional vertical volume
Optional circular seekbar (progress bar)
Optional tooltips
Optional song download
Optional title auto scroll horizontally
Optional random playback
Optional song playback speed
Optional song start / end time
Media end action (go to next song / loop current song)
Optional keyboard audio navigation (pause/play, mute/unmute, next, previous)
Automatically created thumbnails for podcast, soundcloud, youtube
Optional social share (facebook, twitter, tumblr, google plus + other social networks can be added)
API methods available
Play media
Pause media
Toggle playback
Next media
Previous media
Load media
Load playlist
Add track(s) to playlist
Remove track(s) from playlist
Sort playlist items by title / random (ascending / descending)
Destroy media
Destroy playlist
Set playback rate
Toggle random
Toggle playlist loop
Get / set volume
Toggle mute
Seek
Get current time
Get duration
Get load progress
Download media
Set autoplay
Set title
Get playlist transition on
Get playlist loaded
Get active item id
Get playlist length
Get media playing
Get playlist data
Get current media data
Init scroll
Destroy scroll
Get settings
Callbacks available
Setup done
Playlist end
Playlist start load
Playlist end load
Playlist empty
Media empty
Destroy media
Destroy playlist
Media triggered
Media start
Media play
Media pause
Media end
Media seek
Playlist item enabled
Playlist item disabled
Playlist item rollover
Playlist item rollout
Playlist item click
Volume change
Progress change
Filter change
Playback rate change
Notes:
Some of the complex css examples like flip may not work on some browsers because of css3 feature availability. Make sure you check preview demos before purchase.
Its not possible to autoplay on mobile devices or change sound volume (volume may work on some mobile OS like Android)
Special Thanks and Credits
Music used is the courtesy of the following authors:
https://audiojungle.net/user/timmcmorrishttps://audiojungle.net/user/soundrollhttps://audiojungle.net/user/marcozannonehttps://audiojungle.net/user/bluegestalthttps://audiojungle.net/user/alkishttps://audiojungle.net/user/pinkzebrahttps://audiojungle.net/user/sixthtuliphttps://audiojungle.net/user/timdonovanhttps://audiojungle.net/user/anothertoyhttps://audiojungle.net/user/audioagenthttps://audiojungle.net/user/neonrecordshttps://audiojungle.net/user/prismicstudioshttps://audiojungle.net/user/sashatorr
Share This Product
