Monday, March 16, 2015

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.
View this on your mobile 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

    Updates / Changelog

    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

    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!


0 comments:

Post a Comment