Audio Player with Playlist V2

Audio Player with Playlist V2 Created by Tean. This templates have specific characteristics, namely: This is the new version of the most popular Audio Player with Playlist, completely rewritten from the grounds up and comes with large amount of skins and presets ready for .

You can use this Audio Player with Playlist V2 on Javascript category for audio, download, html5, mp3, music player, plugin, podcast, social, song, soundcloud, streaming, youtube and another uses.

Audio Player with Playlist V2
© Copyright by Tean


  • None: None
  • Jquery: jQuery
  • None: None
  • Ie9, ie10, ie11, firefox, safari, opera, chrome, edge: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • Javascript js, html, xml, css, php, swf/flv: JavaScript JS, HTML, XML, CSS, PHP, SWF/FLV

This is the new version of the most popular Audio Player with Playlist, completely rewritten from the grounds up and comes with large amount of skins and presets ready for use!

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


  • 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)

Updates / Changelog

UPDATE 1.3 [27.9.2016]

  • [UPDATE] update compatibility with jquery 3

UPDATE 1.21 [18.9.2016]

  • [UPDATE] added playlist option from google drive folder (both mp3 files and image thumbnails, or just mp3 files)

UPDATE 1.2 [16.9.2016]

  • [CHANGE] some css updates across the board
  • [CHANGE] some js updates across the board
  • [FIX] fixed playlist item creation from database_data (missing hap-playist-item classes)
  • [FIX] fixed bug with index_inline (changing pause/play icons on playback)

UPDATE 1.1 [1.9.2016]

  • [CHANGE] some instance + file names have been changed for reorganization
  • [CHANGE] some css updates across the board
  • [CHANGE] some js internal changes
  • [CHANGE] hidden playlist list from view in html (prevent user steal song download)
  • [CHANGE] updated song download method (no php required), for browsers that support it

VERSION 1.0 [17.06.2016]

  • first release

Get wordpress version here

Special Thanks and Credits

Music used is the courtesy of the following authors: