Set up a player for a recording or playlist

Use a single audio file to accompany an article or provide narration. For an album, podcast episodes, or a lesson series, add multiple files to make a playlist. In Gutenberg, you can set track titles and artist names, add cover images, and configure the player while editing the post or page. Smart play and pause control lets one track play at a time and automatically pauses other tracks, helping prevent overlapping audio.

Choose how tracks play

Audio Player Block Pro adds five customizable themes with various looks and settings. Auto Play starts the next song when the current one ends. Loop Mode repeats the current track after it finishes. Previous and next controls move through the playlist, while forward and backward buttons skip within a track.

• Show the current and total time for each track.
• Show or hide a custom stop button.
• Choose playback speed settings.
• Add a download icon for saving the audio file.

Fine-tune the player’s appearance

Adjust the thumbnail border and radius, seek bar height and radius, thumb width, outline, and shadow. You can also change the controls border and hover border, time display radius, artist opacity, waveform colors, and playlist border and radius. The player also works with changes to width, height, colors, backgrounds, and hover effects, along with track details, cover images, and audio uploads.

Add the block to a post or page

Install and activate the Audio Player Block extension, then open a post or page in the Gutenberg editor. In the Widgets block category, add Audio Player Block. Upload audio files and a cover picture, enter each track’s title and artist information, and arrange the playlist as needed.

Use the settings sidebar to select a theme and set playback behavior, dimensions, and visual details. Publish the post or page when the player is ready. A shortcode option can place the configured player in another location where shortcode content is supported.