WavePlayer does not show any waveform when I move to a different page, unless I reload the browser.
How can I fix this?

The main script of WavePlayer initializes every instance of the player after the page completes loading.

If the theme you are using on your website loads pages through AJAX – which means that only a specific part of the content of the page gets updated without reloading the whole browser page – the script has already been invoked and cannot initialize those instance that are present in the new content of the page. In order to properly display the new players, it is necessary to call the initialization command right after the AJAX page loading completes. This command is:

If the theme implements callbacks triggered at the completion of the AJAX loading, it will be enough to add the line of code specified above to have all the instances of the player initialized.

How can I add a cover art picture to an audio file?

Audio attachments are pretty much like any other post types, in WordPress. Therefore, even for an audio attachment in the Media Library, it is possible to set a Featured Image.

How to proceed:

  1. Go to your Media Library
  2. Click on any audio file
  3. In the Audio Details dialog that pops up, click on the link Edit more details
  4. In the post editor, you can change any details for the audio file, like you do for any other post or page: click on the “Set Featured Image” and choose the image you want to use as a thumbnail for this audio track.

After completing this process, that specific audio file will have the selected picture as a thumbnail in any instance of WavePlayer.

Alternatively, it is possible to embed the cover art picture in the MP3 file before uploading it to the Media Library. When you do so, WordPress extracts the cover art picture from the audio file, adds it to the Media Library and attaches it as a featured image to the audio file it extracted the picture from, without any further action from the user.