Trending

  • Using Social Media to Promote Your Book
  • Increase Visibility Of Your Website In A Region By Local SEO
  • AdSense Money Making Tutorial
  • Engage People On Social Media By Asking Questions
  • How to Setup Your Google Analytics Account
  • Pinterest Online Marketing
  • Most Common SEO Misconceptions and the Truth About Them
  • Groovy Menu – WordPress Mega Menu Plugin
  • Free Online Advertising – The Real Secret Behind the Google Billions
  • How to Build 2100 Killer Google Keyword Variations in 30 Seconds

HTML5 Audio Player with Playlist

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 (plus optional reading of ID3 tags)
    • Podcasts
    • SoundCloud (track set, user tracks, single track, user favorites, user groups)
    • Youtube
    • Official FM (single track, playlist tracks, project tracks)
    • Inline text/image links
    • Support for Shoutcast servers that have mp3 streaming.
  • FLASH fallback included for older browsers that dont support HTML5 audio.
  • 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, youtube playlist results limit, oficial.fm 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 API 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 available
    • 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

    keywords: audio player, mp3, streaming, youtube, soundcloud, podcast, shoutcast, responsive, database

    Updates / Changelog

    UPDATE 3.6 [27.9.2016]

    • [UPDATE] update compatibility with jquery 3

    UPDATE 3.55 [1.9.2016]

    • [CHANGE] updated song download method (no php required), for browsers that support it

    23.7.2016

    version 3.5

    • some minor bug fixes
    • overall code improvements

    22.6.2016

    version 3.35

    • fixed seekbar/volume seek on touch devices

    3.12.2015

    version 3.30

    • updated podcast parsing

    6.10.2015

    version 3.25

    • html5 audio code is now hidden preventing users from downloading audio
    • fixed bug with ios 9 playback

    6.7.2015

    version 3.21

    • updated official.fm parsing

    18.4.2015

    version 3.2

    • update to Youtube api V3

    12.2.2015

    version 3.11

    • fixed bug with player seekbar and volume size on start

    22.12.2014

    version 3.1

    • fixed soundcloud favorites

    2.5.2014

    version 3.09

    • fixed email link to file download if file name contain spaces

    9.3.2014

    version 3.07

    • updated youtube issue http://code.google.com/p/gdata-issues/issues/detail?id=5788

    2.2.2014

    version 3.06

    • fixed tooltip volume and seek offset
    • download now works with spaces in file names

    20.1.2014

    version 3.05

    • removed onbeforeunload event popup html files

    11.1.2014

    version 3.04

    • fixed bug with autoOpenPlayerInPopup
    • fixed sortable scroll offset fix
    • added getid3 cache bust

    21.12.2013

    version 3.03

    • changed icon names/paths (download, trackUrlIcon, trackDownloadIcon)
    • fixed download in createTrackFromData
    • added option to sort files loaded from folder on title
    • new demo (index_playlist_selector_with_scroll.html) + updated jscroll pane container height settings when adding/removing tracks
    • added option to parse id3 tags from mp3 files from folder

    13.11.2013

    version 3.01

    • cleaned/improved flash embedding code

    9.11.2013

    version 3.0 MAJOR UPDATE!

    • update sound engine to html5 audio
    • responsive layouts included
    • new skins included (light and dark)
    • 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…)
    • many sortable/draggable demos included (with TOUCH PUNCH)
    • optional song artwork (auto generated audio thumbnails), demos included
    • stream youtube audio
    • added option to load playlist from DATABASE (examples included)
    • play oficial.fm music (single tracks, playlists, projects)/li>
    • optional song download (multiple choices, global download vs individual per playlist item)
    • download backup for IOS (send download link to email)
    • new soundcloud addition: play soundcloud groups
    • added soundcloud results limit, podcast results limit, youtube playlist results limit, oficial.fm results limit
    • Uninterrupted audio playback across web pages – popup player is a separate window and browse your website while listening 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../li>
    • load visible / hidden playlist
    • add visible / hidden tracks to playlist
    • remove visible / hidden tracks from playlist
    • create inline text or image song links (demo included)
    • new and improved API methods
    • new and improved API callbacks
    • fixed playlist reordering bug and completely rewritten playlist processing
    • optional vertical volume
    • optional autoHide volume
    • optional circular progress (with whole new music player demo examples)
    • optional keyboard events for audio navigation
    • optional playlist item rollovers with API callbacks
    • automatically create titles, thumbnails or both in playlist items
    • many other code improvements/fixes/options/additions
    • many new demo examples included!

    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

Buy HTML5 Audio Player with Playlist at just 16

The following two tabs change content below.
Team BlogMag
Editorial team of BlogMag contributes knowledge rendering posts to update readers on diverse topics. you can reach the team BlogMag on [email protected]
Team BlogMag

Latest posts by Team BlogMag (see all)

  • Groovy Menu – WordPress Mega Menu Plugin - April 5, 2019
  • Hide My WP – Amazing Security Plugin for WordPress! - April 3, 2019
  • Events Importer from Facebook to The Events Calendar Addon – PRO - March 31, 2019

Categories: Product Review

Leave A Reply

Your email address will not be published.