Code

HTML5 Audio Player with Playlist

HTML5 Audio Player with Playlist

(232) 4.18 stars
3,779 Sales

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.

Features and options:

  • Destop, mobile and tablet support (fully responsive)
  • jQuery 1.7.x – jQuery 2.+ / 3.+ Compatible
  • Conditional script loading (improves usability and performance)
  • Highly customizable with HTML and CSS
  • 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
  • Song statistics (plays, likes, downloads)
  • Playlist options available:
    • Audio mp3 playlist
    • XML playlist
    • Playlist from folder of mp3 files (plus fetch id3 tags)
    • Google drive playlist
    • Podcasts RSS
    • SoundCloud (track set, user tracks, single track, user favorites)
  • Playback options:
    • random playback
    • loop playlist
    • playback speed
    • start / end time
    • Media end action (go to next song / loop current song)
  • Mix different media types in the same playlist
  • Play music continously across web pages:
    • by remembering playback position
    • with option to open player is a separate popup window
  • Automatically hide currently playing audio source to prevent audio download
  • Support for multiple instances in the same page
  • Optional keyboard audio navigation (pause/play, mute/unmute, next, previous)
  • Automatically created thumbnails for Podcast, Soundcloud
  • Optional social share (facebook, twitter, tumblr)
  • API methods
  • Callbacks

keywords: radio player, shoutcast radio, audio player, mp3, live streaming, soundcloud, rss podcast, responsive

Notes:

1. SoundCloud requires API key (make sure you have one or you can obtain it from SoundCloud)

2. This is a jQuery plugin. If you would like a Wordpress audio plugin we have several to choose from:

http://codecanyon.net/item/modern-audio-player-wordpress-plugin/19925056

http://codecanyon.net/item/responsive-html5-music-player-for-wordpress/6588583

Some other jQuery audio players recommendations:

http://codecanyon.net/item/audio-waveform-player-with-playlist/18420897

3. Player can read different kinds of RSS / Feed Podcasts but we cannot guarantee it can read all of them. Therefore if you are unsure if your Podcast can be read in our player, please provide us with a url link to your Podcast before purchase and we will check if its compatible.

4. Song statistics require database and php. Song statistics require self hosted single audio tracks to work correctly. Statistics cannot work with Podcast url, Google drive folder tracks or Soundcloud playlist for example!



Updates / Changelog

VERSION 2.05 [10.3.2019]

 - [UPDATE] added font-awesome namespacing to prevent conflicts
 - [ADD] song statistics (plays, likes, downloads)

VERSION 2.0 [19.2.2019]

 - [ADD] conditional script loading (improves usability and performance)
 - [ADD] option to sort folder playlist by filename/date (asc/desc)
 - [ADD] load more option for soundcloud and podcast
 - [ADD] option to minimize player on page scroll and keep fixed bottom position
 - [ADD] new player layouts
 - [UPDATE] overall code improvements




You might be interested in…


\\

HTML5 Video & Image Background Intro

\\

\\

\\

\\

\\

\\

\\

HTML5 Audio Player With Playlist

\\

\\

JQuery Stack Banner Slideshow with Captions

\\

jQuery Slice Banner Slideshow with Captions

\\

HTML5 Audio Player With Playlist Wordpress Plugin

\\

by
by
by
by
by
by