Skip to content

Shop Example
Knowledge Base
Support
BUY NOW!
Cart
Cart

Shop Example
Knowledge Base
Support
BUY NOW!
Cart

Docs Category: Styling

Getting Started

Installation
Using WavePlayer
Using WavePlayer in the Gutenberg block editor
Using WavePlayer in Elementor
Using WavePlayer in the Classic Editor
Overriding the default audio player
Settings

Styling

Limit the height of the playlist
Using multiple skins on the same page
Two methods to set the thumbnail of an audio track

WooCommerce

Working with WooCommerce
Barn2 Product Table
WooBeWoo Product Table

Advanced

The structure of the shortcode
Embedding WavePlayer
Time Markers: interacting with the player
How to customize the info templates of the info bar, playlist row and sticky player
Reading tracks and playlists from Soundcloud
Custom fields and placeholders
Amazon S3 and WavePlayer: the perfect configuration
Adding a custom shortcode that prints track stat info
Changelog
CSS Container Queries: effective update to version 3.5

FAQ

Does WavePlayer prevent the media files from being illegally downloaded?
How long does it take to generate a waveform in WavePlayer?
The player seems to load fine, but no waveform is displayed. What can I do?
What is a peak file?
Is my theme compatible with the WooCommerce integration of WavePlayer?
What is a product preview file?
How to I integrate the player in my WooCommerce products?
How can I add a cover art picture to an audio file?
How do I add a player to my post or pages?
Is WavePlayer compatible with Amazon S3, Digital Ocean, Google Cloud Storage or Wasabi?

Troubleshooting

The player is stuck with a spinning icon
The audio is distorted in Safari and iOS

Home
Knowledge Base
Styling

Styling

Limit the height of the playlist
Using multiple skins on the same page
Two methods to set the thumbnail of an audio track

© 2023 WavePlayer. Built using WordPress and the Mesmerize Theme

0:00

0:00