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…
This plugin can be added into any post or page area using shortcodes.
Video installation:
https://www.youtube.com/embed/fwbJFoDIIog
Video tutorials on creating presets and shortcodes:
https://www.youtube.com/embed/L7lV24TQPuY
https://www.youtube.com/embed/f62OCOyBM6c
Video tutorials on creating playlists:
https://www.youtube.com/embed/jh8VfF6Wh7k
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
- 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
tags: audio player, waveform, soundcloud waveform, mp3 waveform, audio player with waveform, audio visualization
Notes:
1.
This is a WordPress version of the plugin. If you need jQuery version look here: Audio Waveform Player with Playlist
2.
SoundCloud requires API key (make sure you have one or you can obtain it from SoundCloud)
Updates / Changelog
VERSION 1.60 [17.5.2018]
- [UPDATE] update for serving remote mp3 files from https
VERSION 1.59 [13.5.2018]
- [UPDATE] update for chrome autoplay
- [UPDATE] reading mp3 files from folder automatically gets ID3 album tags for thumbnails (no longer are image files required in folder)
UPDATE 1.57 [23.2.2018]
- [FIX] fix bug with playback rate
UPDATE 1.56 [2.2.2018]
- [FIX] special characters not showing in title
UPDATE 1.55 [29.12.2017]
- [UPDATE] add option to remove social sharing icons in player
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 [30.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 1.2.5 [6.3.2017]
- [FIX] fixed media uploader search field focus in playlist manager - [UPDATE] jquery code improvements
UPDATE 1.2.1 [27.1.2017]
- [FIX] fixed bug with preset/playlist selector not firing change event in some jquery instances - [UPDATE] songs are not sortable by dragging
UPDATE 1.2 [10.1.2017]
- [UPDATE] improved admin - [UPDATE] some demo examples updated with social sharing - [UPDATE] soundcloud and podcast now sharing direct link
UPDATE 1.1 [30.11.2016]
- [FIX] fix filter type and usage of m or space bar (useKeyboardNavigationForPlayback)
UPDATE 1.1 [19.11.2016]
- [FIX] fixed creation of same multiple instances and pause playback toggle
VERSION 1.0 [25.10.2016]
- first release
Special Thanks and Credits
https://wavesurfer-js.org/
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = Audio Waveform Player with Playlist WP Plugin
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/audio-waveform-player-with-playlist-wp-plugin/18586994″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Audio Waveform Player with Playlist WP Plugin from the The Developer ( Tean ) website. Thank you.
Download = Audio Waveform Player with Playlist WP Plugin-[Updated].zip
