Easy
Give your <audio> elements a new look in no time!
WavePlayer Web Edition automatically transforms all the <audio> elements on your pages
into one of the coolest players in the market. The only thing you have to do is adding its script to the head of your pages.
WavePlayer will do the rest!
WavePlayer can also transform any other element, as long as you specify the URL of the audio track you want to use inside the player. This process is completely effortless: add the script to your web page and let WavePlayer do its magic! You can also customize the aspect of the player, not only by altering the global options but also changing the player configuration element by element.
WavePlayer integrates a PHP helper responsible for the generation of all the HTML markup and the management of the audio track metadata that is automatically extracted from each file, including the cover art picture embedded in the audio file.
A WavePlayer instance automatically replacing a <div> element with a comma-separated list of audio files specified in the data-audio attribute using the “W3 Standard” skin
Feather-light
without compromising its rich set of features
With its 50 kB script and its 30 kB stylesheet (15 kB and 5 kB respectively, when Gzip compression is active on the server), it is quite remarkable how much WavePlayer can add to the style of your audio, music and podcast pages.
The basic code to add WavePlayer Web Edition to your website
The script is also totally independent from any other library. Yes, even from jQuery! This is something that you can easily verify on this very web page, which doesn’t even include jQuery. You can literally have only our script loading on your website and WavePlayer would work without any problem.
Blazing fast
totally transparent to your website performance
We carefully crafted our code to make WavePlayer 100% transparent to your website performance. The following image shows the GTMetrix performance and structure test of this very webpage, with WavePlayer already installed and running. The results speak for themselves.
This web page is fairly simple and it is quite obvious to see its performance getting the best rating. Nonetheless, this is exactly the most interesting environment to test a web component: the fact that our plugin doesn’t affect the rating of the page simply confirms that it is designed with the performance of your web page in mind.
Since WavePlayer does not depend on any other javascript library, you can always defer its loading without worrying about breaking any functionality.
For your further reference, we compiled an article with extensive details about methods and results of our performance tests.
Extremely versatile
with endless customization capabilities
WavePlayer Web Edition automatically transforms all the <audio> elements on your pages
into one of the coolest players in the market. The only thing you have to do is adding its script to the head of your pages.
WavePlayer will do the rest!
WavePlayer can also transform any other element, as long as you specify the URL of the audio track you want to use inside the player. This process is completely effortless: add the script to your web page and let WavePlayer do its magic! You can also customize the aspect of the player, not only by altering the global options but also changing the player configuration element by element.
WavePlayer Web Edition automatically transforms all the <audio> elements on your pages
into one of the coolest players in the market. The only thing you have to do is adding its script to the head of your pages.
WavePlayer will do the rest!
WavePlayer can also transform any other element, as long as you specify the URL of the audio track you want to use inside the player. This process is completely effortless: add the script to your web page and let WavePlayer do its magic! You can also customize the aspect of the player, not only by altering the global options but also changing the player configuration element by element.