This versatile audio participant provides HUGE quantity of customization choices and format prospects.

By utilizing the essential css expertise, participant could be restyled into just about something! Just examine demo examples to get you creativeness going.

All DEMO examples included within the obtain package deal for straightforward setup.

Features and choices:

  • Responsive layouts
  • Font Awesome Library icons
  • Only mp3 audio format required for all browsers and units
  • Support for media from Google Drive, Amazon S3.. (any public hyperlink that performs in browser)
  • Support for Shoutcast servers which have mp3 streaming
  • Playlist choices obtainable:
    • HTML markup
    • XML playlist (xml examples included)
    • Database playlist (sql examples included)
    • Auto create playlist from folder of mp3 information (and get id3 tags)
    • Podcasts
    • SoundCloud (monitor set, consumer tracks, single monitor, consumer favorites, consumer teams)
    • Youtube
    • Inline textual content/picture hyperlinks
  • Mix totally different media varieties in the identical playlist
  • Play music continously throughout net pages (with choice to open popup participant is a separate window)
  • Automatically disguise presently enjoying audio supply to forestall audio obtain
  • Include a number of situations in the identical web page
  • Optional playlist
  • Optional sortable playlist gadgets
  • Optional track url hyperlink in playlist
  • Filter tracks in playlist by title
  • Optional playlist scroll (scroll orientation vertical / horizontal)
  • Optional vertical quantity
  • Optional round seekbar (progress bar)
  • Optional tooltips
  • Optional track obtain
  • Optional title auto scroll horizontally
  • Optional random playback
  • Optional track playback velocity
  • Optional track begin / finish time
  • Media finish motion (go to subsequent track / loop present track)
  • Optional keyboard audio navigation (pause/play, mute/unmute, subsequent, earlier)
  • Automatically created thumbnails for podcast, soundcloud, youtube
  • Optional social share (fb, twitter, tumblr, google plus + different social networks might be added)
  • API strategies obtainable
    • Play media
    • Pause media
    • Toggle playback
    • Next media
    • Previous media
    • Load media
    • Load playlist
    • Add monitor(s) to playlist
    • Remove monitor(s) from playlist
    • Sort playlist gadgets by title / random (ascending / descending)
    • Destroy media
    • Destroy playlist
    • Set playback price
    • Toggle random
    • Toggle playlist loop
    • Get / set quantity
    • Toggle mute
    • Seek
    • Get present time
    • Get period
    • Get load progress
    • Download media
    • Set autoplay
    • Set title
    • Get playlist transition on
    • Get playlist loaded
    • Get lively merchandise id
    • Get playlist size
    • Get media enjoying
    • Get playlist knowledge
    • Get present media knowledge
    • Init scroll
    • Destroy scroll
    • Get settings
  • Callbacks out there
    • Setup accomplished
    • Playlist finish
    • Playlist begin load
    • Playlist finish load
    • Playlist empty
    • Media empty
    • Destroy media
    • Destroy playlist
    • Media triggered
    • Media begin
    • Media play
    • Media pause
    • Media finish
    • Media search
    • Playlist merchandise enabled
    • Playlist merchandise disabled
    • Playlist merchandise rollover
    • Playlist merchandise rollout
    • Playlist merchandise click on
    • Volume change
    • Progress change
    • Filter change
    • Playback fee change

Notes:

  • Some of the complicated css examples like flip might not work on some browsers due to css3 function availability. Make positive you verify preview demos earlier than buy.
  • Its not attainable to autoplay on cellular units or change sound quantity (quantity may go on some cellular OS like Android)

Special Thanks and Credits

Music used is the courtesy of the next authors:

http://audiojungle.net/user/timmcmorris
http://audiojungle.net/user/soundroll
http://audiojungle.net/user/marcozannone
http://audiojungle.net/user/bluegestalt
http://audiojungle.net/user/alkis
http://audiojungle.net/user/pinkzebra
http://audiojungle.net/user/sixthtulip
http://audiojungle.net/user/timdonovan
http://audiojungle.net/user/anothertoy
http://audiojungle.net/user/audioagent
http://audiojungle.net/user/neonrecords
http://audiojungle.net/user/prismicstudios
http://audiojungle.net/user/sashatorr