Yes, it’s theme-able audio controller !Īnd of course, I added a custom shortcode attribute for allowing split channels ! I did not include all WaveSurfer-js attributes, but this one was highly desired.Over the past two years I’ve been leaning towards simply using a native HTML5 audio player rather than embedding everything via SoundCloud on my site. To allow further customization, I put all necessary CSS classes, so that everyone can make and share his own theme.
I created a global settings page, for controlling global aspect of the plugin and allow a deeper integration with the theme, and waveforms colors can be overriden locally with shortcode attributes.
#Wavesurfer preload audio free#
I searched for this type of player a certain amount of time, until I found WaveSurfer-JS, a free open source jQuery plugin by katspaugh capable of embedding audio while displaying it’s waveform on a web page. Also, having to upload the sounds on a third-party platforms can be not desired, especially if you already have a lot of sounds uploaded on your website and that you don’t wont to upload them elsewhere, and if you want to stay independent. If I want to make a tutorial about 5.1 panning, having only one waveform is not that useful.
These are both great players but they lack something: multiple channels display.
That’s why I instantly liked SoundCloud player, and later, the Hearthis.at player. But finding this on the web is pretty rare. It is especially useful for audio tutorials, or podcasts, e-learning etc… It allows quick search in audio sections which is especially useful in these circumstances.Īudio waveforms preview is very common in sound processing softwares and in every Digital Audio Workstation. I always loved waveform display for showing audio content. EDIT : WaveSurfer-WP Premium Add-On, featuring cache system for waveforms and interactive markers system, is out!