v1.31 Updated Audio Waveform Player with Playlist

Subscribe to updates

Get notified by email if this item is updated

Audio Waveform Player with Playlist

93 101 4
5 out of 5 based on 3 customer ratings
(3)

28$ or Download Free Trial Version

Audio Waveform Player is responsive and fully customizable HTML5 audio plugin. It creates waveform from audio track automatically and displays it as a seekbar. Waveform can be created using Web Audio Api, plus there is also image waveform available as backup option. Once waveform is created, wave peak file is saved.

Compare

Live Preview Buy item Elements

Version: v1.31
Created: 17 October 2016
Last Update: 24 October 2017
Author: Tean
Categories: ,

Audio Waveform Player with Playlist

Audio Waveform Player is responsive and fully customizable HTML5 audio plugin. It creates waveform from audio track automatically and displays it as a seekbar.

Waveform can be created using Web Audio Api, or by using predefined peak data array, plus there is also image waveform available as backup option for browsers that not support Web Audio Api.

It support self hosted audio mp3 files and some other external music services like Soundcloud, Podcasts, Google Drive Storage etc…

Features and options:

  • Responsive layouts
  • Font Awesome Library icons
  • Only mp3 audio format required for all browsers and devices
  • Several methods to create waveform:
    • using Web Audio Api
    • using predefined peak data array
    • image waveform backup option for browsers that not support Web Audio Api
  • Playlist options available:
    • Audio mp3 playlist
    • Auto create playlist from folder of mp3 files (and get id3 tags)
    • Podcasts
    • SoundCloud (track set, user tracks, single track, user favorites, user groups)
    • Google Drive, Amazon S3
  • Mix different media types in the same playlist
  • Include multiple instances in the same page
  • Optional playlist
  • Optional song url link in playlist
  • Filter tracks in playlist by title
  • Optional playlist scroll (scroll orientation vertical / horizontal)
  • Optional tooltips
  • Optional song download
  • Optional random playback
  • Optional song playback speed
  • Optional song start / end time
  • Media end action (go to next song / loop current song / stop at song start or end)
  • Optional keyboard audio navigation (pause/play, mute/unmute, next, previous)
  • Automatically created thumbnails for podcast, soundcloud
  • 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
    • 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 playlist scroll
    • Destroy playlist 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
    • Filter change

Note:

1. There is a limit on how big files can waveform be created, limit is not strictly defined (depends on computer and browser), but it may not work on large files

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

Updates / Changelog

UPDATE 1.6 [23.10.2017]

 - [UPDATE] added option for peak file names for self hosted audio
 - [UPDATE] removed option added in 1.47

UPDATE 1.47 [28.8.2017]

 - [UPDATE] share and download links are automatically created from audio path if they dont exist for self hosted audio.

UPDATE 1.45 [24.8.2017]

 - [UPDATE] changes to write peak method
 - [FIX] fixed Soundcloud not setting thumb quality

UPDATE 1.4 [27.6.2017]

 - [UPDATE] updated Soundcloud api

UPDATE 1.35 [4.6.2017]

 - [UPDATE] new method available for waveform creation (provide image peak manually)

UPDATE 1.31 [25.3.2017]

 - [FIX] added mp3 mime types for google drive folder

UPDATE 1.3 [23.3.2017]

 - [ADD] new method available for waveform creation (provide peak data array manually)
 - [UPDATE] updated help file

UPDATE 1.1 [10.1.2017]

 - [UPDATE] soundcloud and podcast now sharing direct link

UPDATE 1.1 [8.1.2017]

 - [UPDATE] some demo examples updated with social sharing

UPDATE 1.0.8 [12.12.2016]

 - [UPDATE] some new api method examples (inputAudio)

UPDATE 1.0.7 [27.11.2016]

 - [FIX] fix filter type and usage of m or space bar (useKeyboardNavigationForPlayback)

UPDATE 1.0.5 [25.10.2016]

 - [UPDATE] peak directory can now be optionally specified with data-peak-dir

UPDATE 1.0.1 [19.10.2016]

 - [UPDATE] updated php peak paths with sourcePath

VERSION 1.0 [16.10.2016]

 - first release

Special Thanks and Credits

https://wavesurfer-js.org/

Compatible Browsers

Chrome, Firefox, Safari, Opera, Edge

Files Included

JavaScript JS, CSS, HTML, PHP

Software Version

HTML5

3 reviews for Audio Waveform Player with Playlist

  1. Audio Waveform Player with Playlist
    5 out of 5

    :

    Really cool, simple, yet feature rich player. I had an issue at the start and the developer was very quick to respond and was extremely helpful. I’m very pleased with this product.

  2. Audio Waveform Player with Playlist
    5 out of 5

    :

    Excellent plugin, fully customisable and great documentation. Thanks!

  3. Audio Waveform Player with Playlist
    5 out of 5

    :

    Awesome support and also a very cool player! thanks

Add a review

Your email address will not be published. Required fields are marked *

 

Coming Soon

Dear users, an information about trial version is unavaible. We are working on solving this problem and soon information will be provided.

Please visiut us after a few days.