Examples

Overriding the default player

WavePlayer has the capability of overriding the WordPress default audio player. This means that, right after installing WavePlayer, all the shortcodes you have already inserted in your post will be replaced with WavePlayer automatically, without any need to re-edit the posts or change anything in your configuration. Of course, we strongly encourage you to deactivate […]

Using WavePlayer with AJAX-powered Themes

AJAX (Asynchronous Javascript And Xml) is a technique incorporated by many themes and plugins nowadays. If you ever experienced a website that is capable of loading new web content in single portions of a web page, without the need to reload the whole page itself, you have already used – albeit without knowing it – […]

Embedding WavePlayer

This example shows you how to embed an audio file in other websites using WavePlayer.

Play and Wave

This customization is particularly useful when you need to show several instances of the player but don’t want to clutter your page too much. It can be the perfect solution for tables or listings.

Big Thumbnail, Small Waveform

In this example you can see the CSS rules required to transform your player into a self-contained thumbnail, with the waveform at the bottom. This is particularly useful when using in the WooCommerce Shop page.

Playlist with max-height

In this example, a specific CSS rule is applied to the playlist to set its maximum height. As a result, the playlist will only show a limited number of tracks but, while playing back, WavePlayer will automatically scroll up or down to make sure the current track is always visible.

Sizes and shapes

WavePlayer comes with four default size and three different shapes for the thumbnail. You can set your favorite combination in the Settings, but you can also customize each instance individually using the adjusting the shortcode in the post editor.