blank

Beaver Builder mp3 player

BB MP3 Player — Audio Player Module for Beaver Builder

A drag-and-drop MP3 player module built specifically for Beaver Builder. Add a fully customizable audio player with playlist support to any page — no shortcodes, no plugin conflicts, no hassle.

Built for Musicians, Podcasters & Creators

Whether you're a musician sharing tracks, a podcaster hosting episodes, a voice-over artist showcasing demos, or a wellness site streaming guided meditations — BB MP3 Player gives you a professional audio experience inside the page builder you already use.

Features

  • Native Beaver Builder Module — Drag it from the module panel, configure in the sidebar. No shortcodes, no separate settings pages. Works with BB's live preview.
  • Playlist Support — Add unlimited tracks with title, artist, and album artwork. Tracks auto-advance to the next song when playback ends.
  • Shuffle & Repeat — Shuffle your tracklist, repeat all tracks, or loop a single song. Your listeners stay in control.
  • Album Art — Display cover artwork in the now-playing area and as thumbnails in the tracklist. Upload directly from the WordPress Media Library.
  • Full Playback Controls — Play/pause, previous/next, clickable progress bar with elapsed and total time, and a volume slider.
  • Fully Customizable Styling — Set background color, text color, accent color, progress bar color, track hover color, border radius, and max width — all from the BB Style tab with live color pickers.
  • Responsive & Mobile-Ready — Scales cleanly on phones, tablets, and desktops. Touch-friendly controls for mobile listeners.
  • Lightweight & Fast — Pure vanilla JavaScript with zero jQuery dependency. Uses the native HTML5 audio element. No bloated libraries, no render-blocking scripts.
  • Multiple Players Per Page — Each instance runs independently. Place separate playlists for different albums or categories on the same page.
  • Secure — All output is escaped and sanitized. Color values are regex-validated, URLs are sanitized with WordPress core functions, and editor scripts require proper user capabilities.
  • Media Library Integration — Browse and select audio files and artwork images directly from the WordPress Media Library without leaving the Beaver Builder editor.

Why Not Use the WordPress Playlist Shortcode?

The built-in  shortcode causes a known JavaScript conflict inside the Beaver Builder editor, preventing pages from saving. BB MP3 Player was built from the ground up as a native BB module to avoid this entirely. No template conflicts, no save errors — it just works.

Installation

  1. Upload the plugin zip via Plugins > Add New > Upload Plugin
  2. Activate the plugin
  3. Open any page in Beaver Builder
  4. Find MP3 Player in the module list under Media
  5. Add tracks, customize colors, and publish

Requirements

  • WordPress 5.0 or later
  • Beaver Builder Plugin (Lite or Pro)
  • PHP 7.4 or later

Get Started

Download BB MP3 Player and add a professional audio player to your Beaver Builder site in under a minute.

Leave a Comment

You must be logged in to post a comment.