BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Audio Player Widget for Elementor Pro

Play one track or a playlist with cover art.

Overview

What Audio Player does

Audio Player plays audio from the media library or from a direct link. It shows cover art, title and artist, a seek bar, skip buttons, speed, volume and an optional download button, and lists the tracks as a playlist when there are two or more. Use it for podcasts, music and voice notes.

Demo

Live demo

A live demo needs an audio file.

Episode 1: Getting started
Your podcast
Features

What it can do

  • One track or a playlist, from the Media Library or a link to a file.

  • Three layouts: Card, Stacked and Compact Bar.

  • Cover image per track, with a main cover as fallback.

  • Back and forward 15 seconds buttons, plus previous and next track for playlists.

  • Speed button that steps through 1x, 1.25x, 1.5x, 2x and 0.75x.

  • Volume slider with mute, and an optional download button.

  • Plays the next track automatically and can start again after the last track.

  • Only one player on the page plays at a time.

Use cases

When to use it

Podcast episodes

List episodes as tracks with a Length, and let listeners change the speed.

Music samples

Show an album cover with a playlist of tracks that play one after another.

Single voice note

Use the Compact Bar layout for one short recording inside an article.

Downloads

Switch on Download Button so visitors can save the current track.

Setup

How to set it up

What you need: At least one audio file in the media library or a direct link to an audio file.

  1. Add the Audio Player widget and open the Tracks section.

  2. In the first track enter the Title and Artist or Subtitle, then choose Audio From and select an Audio File or paste an Audio Link.

  3. Add more tracks for a playlist, and optionally a Cover Image and Length for each.

  4. Set a Main Cover Image for tracks without their own cover.

  5. Open Player, choose a Layout and switch the parts of the player on or off.

  6. Decide on Play the Next Track Automatically and Start Again After the Last Track.

  7. Set the Accent Color and other styles in the Style tab.

FAQ

Questions and answers

Which audio files can I use?

Any audio file from the media library, or a direct link to an MP3, M4A, OGG or WAV file. Whether a format plays depends on the visitor’s browser.

Can I use it for a single track?

Yes. With one track the previous, next and playlist parts are left out.

Does the cover change with each track?

Yes. Each track can have its own Cover Image, and tracks without one use the Main Cover Image.

What happens when two players are on one page?

Starting one player pauses the others, so only one plays at a time.

Bright Addons Pro

Get Audio Player with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.