Audio Player

The Divi Audio Player module allows you to display custom audio files with a modern, customizable player interface. It supports both uploaded and external audio sources, along with options to enhance accessibility and design.

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

1. Create/Edit a Page/Post that uses Divi builder.
2. Create/Edit a row.
3. Click on Add New Module option; choose the DP Audio Player module.

Content Settings

Audio

Upload or link an audio file that you want to play on your site.

• Upload Audio File: Choose an audio file directly from the WordPress Media Library.
• Insert from URL: Paste a direct audio URL if your file is hosted externally.

Image

Add a thumbnail or cover image that appears alongside the audio player.

• Add Image: Upload or select an image from the media library.
• Image Alt Text: Provide alt text for accessibility and SEO.

Player Settings

Layout

Choose the visual structure of the audio player:

• Layout 1
• Layout 2

Player Controls

Toggle various elements inside the audio player interface:

• Seek Bar Toggle
  Enable or disable the progress/seek bar that allows users to scrub through the audio.
• Current Time Toggle
  Show or hide the timestamp indicating how much of the audio has played.
• Duration Toggle
  Display or hide the full length of the audio track.
• Volume Mute/Unmute Toggle
  Allow users to mute or unmute the audio.
• Volume Bar Toggle
  Show or hide the adjustable volume slider.