
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
- Upload the plugin zip via Plugins > Add New > Upload Plugin
- Activate the plugin
- Open any page in Beaver Builder
- Find MP3 Player in the module list under Media
- 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.