MP3 Audio Player is a very easy Audio Player for WordPress built for Music, Beat Makers and Podcasters. Add unlimited playlists, albums and podcasts to any post, WooCommerce products, or custom posts using our Elementor Music Player, Block editor, or native shortcode with tons of attributes. It’s very flexible and easy to use. It’s the perfect companion for your WooCommerce store if you plan to sell beats and music on your website and the new #1 plugin for Podcasting with WordPress.
You can display an optional jaw-dropping waveform bar under any of your audio players powered by WaveSurfer.js. Our Audio Player is super easy to use, includes tons of features and the design and UX are very professional. You can choose between a super-nice-looking waveform and a very simple progress bar design or display your audio in coverflow mode or slider mode.
Upload your MP3 file from your page, post, WC product, custom post, or directly in Elementor!
There are 5 different ways to use the audio player.
1) Elementor: Add the MP3 Player Elementor Widget.
2) Gutenberg: Add the MP3 Player block in the Gutenberg Block Editor.
3) Shortcode: Embed our shortcode anywhere on your site.
5) Bulk-Import: If you use the Pro version, select multiple MP3 files and it will create posts, products and custom post in 1-click!
“If you need an mp3 player for your website, just use MP3 Music Player by Sonaar. You aren’t going to find anything better…” – Intarwebsdeveloper
“This is hands down the best Audio Player plugin I have found for WP … for anyone who is attempting to build a large music catalogue. Thanks guys!!” – Nebsounds
“This plugin is really AMAZING. Thanks for build this!!” – Walterk7
For Music and Beat Makers
Our MP3 player is the best plugin for WordPress to add music, loops and drumkits, to your website.
✔ Create professional & highly customizable music players
✔ Add download, lyrics and call-to-action buttons
✔ Create slick Coverflow sliders with Pro
✔ Sticky Player & Animated Audio Spectrum is also available with Pro
✔ Sell Music file, beats and sample packs on your website with Pro
Don’t look further Podcasters! This is the ultimate podcast plugin for WordPress ever created. It has all the features required to design the next-level Podcast Website.
✔ Use RSS Feed to create unlimited, highly customizable podcast players
✔ Import any podcasts from all major podcast distributors in 1-click
✔ Subscribe Buttons, Show Notes, Automatic RSS Feed Update, Continuous Sticky Player & Animated Audio Spectrum available with Pro
✔ Support Multiple Podcasts Feeds
For Any Audio Enthusiasts!
Whether you are a voice-over artist, audiobook creator, meditation trainer, or managing a religious blog, this audio player has everything you need.
✔ Create audio players on the fly with audio URL! You will be live in the next few minute
✔ Create different playlist per each category or topics
✔ Sell audio books with WooCommerce available with our Pro version
✔ Optimized for SEO
For Streaming and Online Radio
Want to broadcast your Icecast stream on your website? No problem! Users can easily access live or recorded streams and view important information such as the current track title, radio station info, and album image cover of the current playing track.
✔ Use any Icecast Feed and create your own audio player
✔ Support Continuous Audio Playback when visitor switch to other pages of your website
✔ See what’s currently playing and album artwork
✔ Support multiple stream feeds
MP3 PLAYER DEMO & EXAMPLE
EASY-TO-USE AUDIO PLAYER
No XML, JSON or FTP is required to use this HTML5 audio player! Just upload your MP3, M4A or FLAC tracks within WordPress, and add the playlist anywhere on your site using Gutenburg, shortcode or by using Elementor! This free plugin will automatically fetch metadata from your files to autocomplete the album titles & track names.
It’s a fully responsive MP3 player and it works on desktop, tablets, and other mobile devices!
This professional audio player has been designed by our design experts. With over 15 years of experience as UI/UX Design and WP Development, we have come up one of the best, easy-to-use, feature-rich plugin to play audio file on your website. It’s a pixel-perfect Music Player for WordPress with awesome waveform.( Waveform is also known as audio spectrum visualizer, soundwave, visual equalizer, wavesurfer or audio sound graphic).
TONS OF FEATURES
FREE MP3 PLAYER – FEATURES
- Choose between a Floated or Boxed Player Layout
- Quickly add podcast player to any pages
- Create unlimited audio albums & playlists
- Upload unlimited MP3/M4A files
- Support MP3, Audio streaming, Radio streaming, RSS Feed, CSV File, and all major podcast distributors
- Upload audio tracks from any posts, custom posts or pages
- Import Podcast Episodes and Podcast Show from any podcast distributor in 1-click and presto … you are ready to go! (NEW!). You can also simply input your RSS Feed into the player and we will display all your episodes.
- Add subscribe buttons for your podcast
- Embed audio players using shortcodes
- Embed audio players using our Elementor Widget
- Embed audio players using our Gutenberg Block Editor
- Support for Elementor Page Builder
- Add Download Now buttons for each track & album
- Real-time Dynamic Soundwave FX (Waveform by wavesurfer.js) or Synthetic Soundwave for faster loading
- Unlimited color for your MP3 widget
- Order and organize your tracks with drag and drop
- Support WooCommerce & Easy Digital Downloads
- Support for Google Fonts
- Automatically fetchs ID3 Tags from your MP3 files and show an optional MP3 waveform chart.
- No XML, Json or FTP is required. Upload and setup everything through WordPress.
- Show/Hide tracklist of your MP3 audio player
- Cover album beside the audio widget is optional
- Add social icons for each of your tracks such as “Download”, “Buy tracks”, “SoundCloud”, etc.
- Add call-to-action buttons for each of your album such as “Listen on Spotify, SoundCloud, BandCamp”, etc.”
- HTML5 Player so it’s fully responsive, mobile-friendly and play across all plateforms.
- Check our Pro Version for more exciting features…
SUPPORTED FILES AND STREAMING SERVICES
We support any MP3 files and these streaming platforms:
– Amazon S3
– SoundCloud Podcasts
– And MANY more
You cannot stream directly from these services:
x SoundCloud Music
player_layout – Choose the player layout type. Value: skin_float_tracklist or skin_boxed_tracklist
albums – The post ID of your playlist you want to display. Required. IDs only separated by a comma
show_track_market – Display your track’s store icons beside each of your track. Value: true or false. Default: true
show_album_market – Display your playlist’s store icons below your playlist. Value: true or false. Default: true
store_title_text – Change Available Now by any string. Value: String. Default: “Available Now”
hide_artwork – Hide your album cover. Value: true or false. Default: false
remove_player – Disable and remove the waveform below your player. Value: true or false. Default: false
display_control_artwork – Display controls over your player artwork. Value: true or false. Default: false
progressbar_inline – Display controls inline with the soundwave. Value: true or false. Default: false
hide_progress – Remove progress bar but keep Prev/Play/Next controls. Value: true or false. Default: false
hide_times – Remove time durations in the progress bar. Value: true or false. Default: false
hide_control_under – Remove Prev/Play/Next controls under the progress bar and keep progress bar only. Value: true or false. Default: false
wave_color – Specify the color of your waveform to bypass the plugin setting’s color: Value. hexa color. Default: Plugin settings
wave_progress_color – Specify the color of your progress bar over your waveform to bypass the plugin setting’s color. Value: hexa color. Default: Plugin settings
show_playlist – Either or not display the playlist above your player control. Value: true or false. Default: true
And MANY More!
[sonaar_audioplayer albums=”6″ hide_artwork=”” show_playlist=”true” show_track_market=”true” show_album_market=”true” wave_color=”#000000″ wave_progress_color=”#CCCCCC”][/sonaar_audioplayer]
Click here for a complete list of Shortcode Attributes & Documentation
WAIT! We have also a Pro Version.
PRO MP3 PLAYER – FEATURES
Everything in free, plus:
- Sticky Footer Player with Soundwave
- Continuous Audio Playback / Persistent Player
- [NEW!] Audio Preview (eg: 30 seconds clips) automatically generated from your full audio track.
- [NEW!] Ability to add audio watermark automatically generated from your full audio track.
- [NEW!] Ability to add audio advertising (known as pre-roll or post-roll ads) before or after your audio track.
- Full Support for WooCommerce. View WooCommerce Demo
- Real-time Animated Audio Spectrum Option
- [NEW!] Create Sliders & Coverflow Slides in 1-click.
- Adaptive Colors: Match the skin of the audio player with your image artwork in real-time. Thanks to our AI algorithms!
- [NEW!] Share Tracks Feature: Share your track on Facebook, Twitter, WhatsApp, SMS, Emails! You have the option to add a share button to share specific tracks from your tracklist.
- [NEW!] Add to Favorite Playlist. Visitor and logged-in users can add tracks to their favorites. You can create a page with a player that will contains a list of the user’s favorites. Check the settings in WP-Admin > MP3 Player > Settings > Add to Favorites
- Music Licenses & Contracts for WooCommerce similar to Beatstars, Audiio, Trackclub, Epidemic Sound, Premium beat, Soundee and Airbit, etc.
- Keep your RSS Feed and Podcast Show synched with your current Podcast distributor to get new episodes automatically
- Customize the look and feel of the player directly within Gutenberg Block Editor! No custom CSS is required! Over 70 styling options are available.
- Elementor Widget with 70+ Styling Options and dynamic fields!
- [NEW!] Search bar within your tracklist.
- [NEW!] Filter Dropdowns & Tag Buttons.
- Full Lyrics and Karaoke Support. Create Karaoke Player or audio lyrics to your site by using Timed Text Markup Language (TTML).
- [NEW!] Use CSV File to create playlists.
- Support ACF, JetEngine, Metabox, etc. for Dynamic Custom Fields
- [NEW!] Dynamic Visibility: Set visibility rules for the Downloads, Favorites, and Share buttons based on user roles, like administrators or subscribers, or non-logged users. A use case would be to to show the download button exclusively to logged-in users, while directing non-logged users to a sign-up page.
- Add popup lightbox option for call-to-action buttons beside your tracks. Embed anything from lyrics, videos, html or shortcodes in the Lightbox.
- Add Audio Player for WooCommerce in product image, shop page and single product template automatically!. Add Buy Now, Add to Cart button with price for your WC products
- Scrollbar option to scroll within your tracklist
- Pagination option to paginate your tracklist
- Display thumbnail images beside each of your tracks in the playlist
- Display playlist from specific categories instead of adding them one by one.
- Create easy & quick chapter list or table of content using our shortcode. Jump directly to specific time stamps.
- Music player for WooCommerce
- 15 seconds / 30 seconds episode skip button
- Volume Control
- Shuffle Tracks
- Playback Speed and Speed Rate control
- Show track description for each track
- Show Podcast Notes for each episode
- Show published dates for each posts and tracks
- Show number of tracks for each playlist
- Show total time duration for each playlist
- Tracklist View with the Sticky Player
- Option to automatically stop player when track is complete
- Option to set an overall sticky player that will load on all your pages as well as the latest playlist available
- Option to change slug name for single playlist and categories
- Tool to create posts in bulk only by selecting the audio files
- Importation tool from MP3 files.
- Statistic Reports
- View listen counts on every tracks, playlists and audio player within WordPress
- View tracks downloads statistic
- Top Played Tracks/ & MP3player charts
- Filter charts by days, weeks and months
- Get insights reports directly in your dashboard for all of your audio players.
- 12 months of priority support through our live chat!
- AND MUCH MORE. View Full Features List
WHO CAN USE THIS AUDIO MUSIC PLAYER?
This plugin is designed for:
- Music Producers
- Record Labels
- Audio & eBook Websites
- Beat Store
- Radio & Live Streaming Website
- Audio Studio
- Recording Studio
- Karaoke Website
- Meditation Online Course
- Online Course Creators
- Music Store Owner
- Membership sites
- Digital product stores
Anyone who can benefit from adding audio on their website can benefit from using this audio player!
The Sonaar Team does not always provide active support for the FREE MP3 Player plugin on the WordPress.org forums, as we prioritize our dedicated helpdesk support. Priority support is available to people who bought MP3 Audio Player PRO only.
ABOUT SONAAR MUSIC
This free WordPress MP3 Player plugin has been developed by Sonaar Music. Our award-winning Music WordPress Themes & Plugins empower thousands of artists around the world.We provide stunning WordPress themes crafted for DJs, Artists, Podcasters, Music Bands and Record Labels. By offering beautiful and unique themes and plugins to the music industry and providing outstanding friendly customer support, we help our backers to build a strong brand awareness so they can engage more fans and followers. Our design templates for WordPress can be adapted to any style of music from Hip-hop, Jazz, DJ, Techno, Electro, R&B, Rap and EDM Music.
This plugin provides 1 block.
- MP3 Audio Player for Music, Radio & Podcast by Sonaar
- Install MP3 Audio Player for WordPress by Sonaar like any other plugin. Check out the codex if you have any questions.
- After installing and activating the plugin, you will see a new menu item called MP3 Player
- Add a new playlist and add your MP3 tracks. You can also upload your track from any pages and posts.
- To add an album cover to a player, upload your album cover (.JPG, .PNG only) in the featured image of the post. The recommended size is a square image of 600×600. If you upload an image less than 600×600, it will be pixelated.
- To display the mp3 audioplayer on any of your page, add the MP3 Player Elementor Widget if you use Elementor – OR – the MP3 player Gutenberg block if you use Gutenberg – OR – insert the
[sonaar_audioplayer]shortcode. To help you to generate the shortcode, simply click the small music icon. see screensot. Make sure to select which album you want to use by selecting at least one album.
Contributors & Developers
“MP3 Audio Player for Music, Radio & Podcast by Sonaar” is open source software. The following people have contributed to this plugin.Contributors
“MP3 Audio Player for Music, Radio & Podcast by Sonaar” has been translated into 1 locale. Thank you to the translators for their contributions.
Interested in development?
- Fix Security issue with AJAX request by Implementing Nonce Verification
- Add support for Matomo Analytics
- Add option for mousewheel control in the carousel
- Fix minor issue with reverse tracklist option when used with Lazyload in some case
- New! [Pro Feature]: Audio Preview! This feature is engineered not only to provide users with a sneak peek of the audio content (eg: 30 seconds clips), but also to manipulate the audio by outputting pre-roll or post-roll advertising or watermark to the audio. Whether you run an online music stores on WooCommerce, podcast platforms, or any audio-centric website, the Audio Preview protect and enhances content presentation and user interaction. Learn More
- New! [Pro Feature]: Option to change order of the tracks in the tracklist
- New! Gutenberg/block: Add a Shortcode parameters field to extend our gutenberg player with extra shortcode parameters
- New! Option to exclude post IDs and term IDs in the player
- Fix: Filter Widgets now working inside an Elementor Popup
- Fix: Issue with list js pagination when we are going back on the first page
- Fix: Mini Player with Lazy load mode
- Fix: No Loop Tracklist option when sticky is enable
- Fix: Filter Widget issue with sticky: some special character as “+ or :” breaks parameters in the json file url
- Tweak: Rename MP3 Player > Playlists for MP3 Player > Tracks in the admin
- Tweak: Merged the admin JS files into one single file.
- Code Optimization for faster loading
- New! [Pro Feature]: Lazyload Playlist (Beta). Designed specifically for website who manage extensive tracks in their audio player playlists. Learn More
- New! [Pro Feature]: Range Slider option in the Filter Widget. You can use a range selector type to filters min/max BPM, Duration or Number type custom fields. Available only when using Lazyload pagination.
- New! [Pro Feature]: Option to display a Show More button below the tags filter to gain more space. Usefull if you have many tags to filter.
- New! [Pro Feature]: Add Download Button Support when using the feed parameter in the shortcode.
- New! [Pro Feature]: Add option for the dropdown filter to display the filter always open. It acts as a Filtering “list” option.
- New! [Pro Feature]: Add option for the dropdown filter to set a dropdown height.
- New! Add option on setPlayerAndPlay() to pass notrackskip and nolooptracklist parameters.
- Tweak: Display correct tracks when selecting a parent category with children category.
- Tweak: Show only associated terms in the filter dropdown based on the terms selected in the player.
- Tweak: Refactored the tags widget in vueJS.
- Fix: Filter dropdown not working in some case since version 4.8.1
- Fix: Player not working when using pagination in the tracklist in some case since version 4.8.1
- Fix: Favorite Icon displaying wrong label in the sticky player. Created new label option in the settings.
- Fix: Favorite Icon in the sticky player when using Continuous Player
- Fix: Sticky Favorite Button in product archive page
- Fix: Unwanted three dot for call-to-action buttons when Custom fields column was enabled
- Fix: JS error observed with feed_rss shortcode parameter
- Fix: Duplicated license values were displayed in license lightbox in some case
- Code optimization
- Add option to enabled HTML Text Editor for track description – wysiwyg. Disabled by default.
- Add Product Thumbnail in the checkout page order summary
- Fix: When using ‘All Posts’ as source in the widget, it brokes the sticky player in some case
- Fix: Reverse tracklist option is now working correctly.
- Fix: Artist name field not saving correctly since 4.8
- Fix: Issue with Polyang & Album Store List
- Fix: track length not showing in the sticky tracklist
- Optimized the loading time when having many tracks in a player. We process the cf-data through server-side instead of JS
- Now compatible with WordPress 6.3.x
- Now compatible with PHP 8.2.x
- New! [Pro Feature]: Add to Favorites. Visitor and logged-in users can now add tracks to their favorites. You can create a page with a player that will contains a list of the user’s favorites. Check the settings in WP-Admin > MP3 Player > Settings > Add to Favorites
- New! [Pro Feature]: Dynamic Visibility: Set visibility rules for the Downloads, Favorites, and Share buttons based on user roles, like administrators or subscribers, or non-logged users. A use case would be to to show the download button exclusively to logged-in users, while directing non-logged users to a sign-up page.
- New! [Pro Feature]: Choose between 1000 different icons for the call-to-actions. This must be enabled in WP-Admin > MP3 Player > Settings > Widget Player > Optional Call-to-Action Buttons
- New! Order your tracks simply by using drag and drop in the admin page! We have also added a Collapse/Expand tracks in your tracklist in the admin area.
- New! Added a visual icon picker for call-to-action icons.
- New! RSS Feed: Added an option to disable the plugin’s RSS Feed. This is usefull if you want to use another RSS feed from another plugin such as Seriously Simple Podcasting (SPP).
- New! Add custom link for the lightbox variation popup. A custom link may be added beside the Add to Cart button in the lightbox panel. This can be useful for directing users to a license comparison page or to the individual product page for more details.
- New! Support ACF fields from WooCommerce Produce in the Music & Contract License
- Tweak: Now it runs faster! We have optimized many queries.
- Tweak: Support for Sharing Tracks using the navigator.share() method of the Web Share API.
- Tweak: Replace TinyMCE by a simple HTML text area for track description. TinyMCE was very heavy. If you have many tracks (eg: 50+), you should see a faster loading time when you edit your playlist.
- Tweak: Improved the UI in the plugin settings.
- Fix: Gutenberg block was showing blank in some occasion. A page reload was needed.
- Fix: Filter by post tag is now working
- Fix: Share a track: button and other icon from srp_track_cta was invisble on boxed player from single post when the tracklist only have one track.
- Fix: WooCommerce: Make the Preview License button translatable.
- Fix: WooCommerce: Issue with related WC Product and the license popup not showing up
- Code optimization
- New! [Pro Feature]: Share your track on Facebook, Twitter, WhatsApp, SMS, Emails! You have now the option to add a share button to share a specific track from your tracklist. Customize it in WP-Admin > MP3 Player > Settings > Share a Track
- New! [Pro Feature]: Improved the Bulk Importer by adding an Order by Name button to sort the list.
- Tweak: Add image cover in the product variation license popup.
- Fix: Prevent PHP warning in the WP dashboard.
- Fix: Play Button not showing the Play Icon since last update.
- Fix: Elementor Player not playing in some case when used in Elementor Popup and Archives.
- Update FontAwesome Library to 5.15.4
- Fix: Shortcode Generator button was not showing in the classic editor since last update.
- Fix: Player failed to load on new installation when setting were not saved first.
- Fix: Player was not working when using Elementor’s theme builder on dynamic template
- Fix: PHP 8.0 compatibility when using feed attributes without images or track title.
- Fix: Player Elementor Widget: When source is set to This Widget > External Audio URL and a local media has previously been set, it fallbacks on the previous local media, and not the external Audio URL.
- Tweak: Show more info for the admin when their RSS feed not loading correctly.
- Hot Fix: fatal error in some case
- New! Slider & Coverflow Player! Create dynamic, customizable sliders of music album or podcast covers, enhancing audience engagement across all devices. Many customization options such as slide shadows, reflection FX, and control over dimensions, this feature brings a new level of interactivity to your site. Enjoy seamless transitions, keyboard control, infinite loops and more. Learn More
- New! Display tracklist dynamically from the current term taxonomy. Usefull to create dynamic category archive templates
- New! Add PDF Icon in the CTA Store
- Tweak: Moved the store-list DOM ouput into a reusable function
- Tweak: If you use your own custom fields (ag: ACF) to pulls your audio source (using audio_meta_field), you can now enjoy the continuous audio playback functionality. Continuous Playback was not working when using your own custom fields.
- Tweak: Add Elementor control to customize track description in the tracklist
- Tweak: Set the Force download CTA to target “_blank”
- Tweak: WordPress_audio_meta function to make it works on wp.com hosting
- Tweak: Add force dl button option when using the audio meta field source
- Tweak: Make the lyrics works with ttml file with multiple times formats.
- Fix: display issue when using Music Player for Elementor by SmartWPress.
- Fix: Set Add to Cart button to true automatically when bulk import from media
- Fix: Adaptive Color issues in some case
- Fix: Fix Mini player behavior when we are using Filter and Search – No sticky
- Fix: Minifying JS with cache plugins should now works.
- Fix: Error on use_play_label_with_icon=”true” && use_play_label not set.
- Fix: Issue with Paypal redirection. We now init the initCPT function with the init hook instead of shortcode_button_load hook.
- Fix: Issue with time duration when using RSS feed in some case
- Fix: Hide cover option was not working when using RSS feed as source
- Fix: CSV Template link was not working
- Fix: Issue with CTA Popup when using CSV file
- Fix: Fix PHP error when $metakey_value has array inside the array
- Fix: Fix sticky player issue when using gutenberg block in some case
- Fix: Prevent php 8.1 deprecated error with null $feed
- Fix: Gutenberg – Fix the ADDITIONAL CSS CLASS option and the playlist background option
- Fix: Issue with audio_meta_field attribute not working in some case
- Fix: PHP Warning Undefined array key 0 on class-sonaar-music-widget.php at line 221
- Fix: PHP Error E_PARSE. Error message: syntax error, unexpected ‘)'”
- Fix: Removed the download php proxy script that cause 403 forbidden error on download
- New! Full RSS Feed support to create Podcast Players directly from your RSS Feed. You can use RSS feed within your Elementor Widget, or Shortcode attribute. Simply input your RSS feed and you are done. New episodes added to your RSS feed will immediately reflect on your website. No Cron job needed.
- New! Support for Tags taxonomy in the playlist CPT.
- Tweak [Pro Feature]: Bulk Importer Improvement. Now you are able to automatically create product variations and assign them with a price and a file download for your WooCommerce Products.
- Tweak: External stream URL can be downloaded without opening in a new browser tab.
- New! [Pro Feature]: Bulk import audio tracks directly from a CSV File.
- New! [Pro Feature]: Use CSV File or RSS feed to create playlist in your post. Screenshot
- Fix: Issue with poor quality audio when using animated spectrum
- Fix: Ninor Gutenberg CSS issues related to playlist search bar and background.
- Fix: iTunes title tag in the rss feed was not working
- Fix: Sticky mobile issue when track has no image, play button is not visible in some case.
- Fix: Volume issue since version 4.4 when using Dynamic Waveform
- Code optimization
- Fix: Hide 3 dots on call to action buttons when no CTA are set.
- Fix: PHP Warning when “icecast_json” key doesnt exist. And reduce playlist
- html code in DOM
- Fix: RTL Compatibility
- Fix: Cannot skip audio from the progress bar
- New! Icecast Support!
- New! [Pro Feature] Full Icecast Support where we display what is currently playing from your Icecast live station.
- New! [Pro Feature] New tool to easily import Elementor Player Templates from the Sonaar.io library. Find the tool in WP-Admin > MP3 Player > Import Templates.
- New! [Pro Feature] Add Download CTA option that can be enabled on all your tracklist at once. No need to create your button one by one on each tracks anymore.
- New! [Pro Feature] Add Post Link CTA option that can be enabled on all your tracklist at once.
- New! Add Aria-Label on buttons for an Accessible Web
- New! Option to set default volume for your site.
- Tweak: RTL: make the progressbar with synthetic wave RTL compatible
- Tweak: Display audio spectrum below the track labels
- Tweak: Moved CTA Buttons styles from the tracklist to their own style panel in Elementor Editor.
- Tweak: Added More CTA buttons style options such as padding and X/Y position
- Tweak: You can use the progress bar inline in the boxed player and skin button
- Tweak: [Pro Feature] License registration API
- Fix: Issue with Rankmath when saving Titles & Meta settings
- Fix: Warning issue about $song_store_list_content
- Fix: Make the ajax add-to-cart works when WC product type is single
- New! [Pro Feature] Animated Audio Spectrum! Experience music & podcast like never before with a dynamic Visual Audio Spectrum – an animated visual representation of the audio frequency. Choose from 5 animated presets: Bars, Bricks, Shockwave, String and CSS Selector Bounce. Enabled it through the Elementor Audio Player widget, Shortcode attribute or in the Sticky Player.
- New! [Pro Feature] Option to set the progress bar Synthetic or Simple Bar on specific players.
- Tweak: [Pro Feature] Option to adjust the height of the Synthetic waveform for each players.
- Tweak: Allow to upload any audio file type, not just mp3 files.
- Fix: Prevent PHP error with $show_searchbar
- Fix: issue with the wave_color parameter since dynamic color feature
- Fix: [Pro Feature] WooCommerce Audio Player now works when using ajax filters in the product archive
- Fix: [Pro Feature] Tracklist Grid Layout issue with the date location on mobile
- Fix: JS Error related to the adaptive color feature: jquery.min.js?ver=3.6.1:2 jQuery.Deferred exception: Cannot read properties of null (reading ‘adaptiveColors’) TypeError: Cannot read properties of null (reading ‘adaptiveColors’)
- Fix: CMB2 Conditional Library – Fix error with RankMath
- New! [Pro Feature] Adaptive Colors: Click ‘Adaptive Colors’ option, and we will match the skin of the audio player with your image artwork in real-time. Thanks to our AI algorithms!
- Fix: Progress bar navigation through a radio (infinity) stream
- Fix: External audio source URL containing query strings are now working
- Fix: Track list thumbnail size issue
- Fix: Tracklist title overlapping issue on mobile https://drops.sonaar.io/i/ufLtuh
- Tweak: Restructured the order of the Audio Player Option in Elementor to be more user-friendly.
- New! [Pro Feature] You can now change the playback speed options in the plugin settings
- Tweak: When using audio_meta_field attribute and the MP3 is pulled from your media library, we now show its image artwork
- Tweak: WooCommerce price settings are reflecting correctly
- Tweak: You can now display an artist/speaker name if you use External MP3
- Fix: Guterberg Block search tracklist is now working
- Fix: White screen showing up on the front-end when using Elementor Pro header and footers.
- Fix: Remove PHP notice when using ACF in some case
- Version 4.1.2 has been skipped to be more consistent with the pro version
- Fix: HTML code span class=srp_trackartist showing up in track title in some occasion.
- Fix: Since Elementor Pro 3.9, players not displaying in Elementor Popup
- Fix: Compatibility fix for Ultimate Member Pro plugin
- Fix: Elementor Editor was not loading in some case.
- Fix: Player set in Dynamic Elementor Templates were not showing
- Proper sanitization/validation of some outputs.
- New! [Pro Feature] Display your tracklist in a GRID format! See demo: https://templates.sonaar.io/rebirth/beats-grid/ See backend: https://d.pr/i/HRHxgk
- New! [Pro Feature] Shortcode attribute to display tracklist in a GRID format! Use attribute: tracklist_layout=”grid” grid_column_number=”5,3,2″
- New! [Pro Feature] Transition FX for tracklist hover for smoooother UX
- New! [Pro Feature] Added Artist wrap option to display the artist name below the title
- New! [Pro Feature] Option to set play button to overlay the track artwork
- Tweak: Display admin notice if pro addon update is required.
- Fix: When track duration was not set, do not return a No value
- Fix: CTA icons display correctly when no icon and url are set
- Fix: Play button colors on artwork
- Fix: When using boxed player with only 1 track, CTA button are correctly displaying
- Code optimization
- Important: All SVG icons have been replaced with webfonts for faster loading. If you use Elementor, you might not see the correct ICON colors. To fix this, go to WP-Admin > Elementor > Tools > Regenerate CSS & Data.
- New! [Pro Feature] Search Bar Elementor Widget and Shortcode: [sonaar_search] to add search bar within your tracklist. View documentation here https://sonaar.io/docs/add-audio-player-with-shortcode/#h-search-bar-widget-shortcode
- New! [Pro Feature] Dropdown/Tag Filters and Shortcode: [sonaar_filter] to add dropdown or tag selector to filter your tracklist. View documentation here https://sonaar.io/docs/add-audio-player-with-shortcode/#h-filter-dropdowns-tags-shortcode
- New! [Pro Feature] Chips result and Shortcode: [sonaar_chips] to add chip tags when you search or filter your tracklist. View documentation here https://sonaar.io/docs/add-audio-player-with-shortcode/#h-chips-active-filters-shortcode- New! [Pro Feature] Pagination. You have now the ability to add a pagination within your tracklist (as well as a scrollbar).
- New! [Pro Feature] Support URL param querys. This is usefull if you want to share URL to a specific track within the tracklist.
- New! [Pro Feature] Add custom fields columns within your tracklist. You can create any custom fields from ACF, JetEngine, etc. and display them directly in the tracklist.
- New! [Pro Feature] All these new shortcodes are also available as Elementor Wigets.
- Tweak: Make the MP3, WAV and TRACK STEMS strings translatable.
- Tweak: Add option on the podcast importer to not overwrite content on existing episode post.
- Tweak: Better labeling of the options in the plugin settings.
- Fix: Popup issue caused by PHP 8.
- Fix: Importing empty content episode is now possible.
- Fix: The No Loop Tracklist that was not working when the sticky player was NOT enabled.
- Fix: Soft deprecated hook “elementor/widgets/widgets_registered” with “elementor/widgets/register”
- Fix: Conflict issue with WPGive and some other third party plugins.
- Fix: Conflict issue when using audioigniter music player & Compact WP Audio Player.
- Fix: Track description i icons being displayed on the last track only.
- Fix: issue when using 2 different player on the same page. The track title remained highlighted.
- Fix: Podcast category options issue with special characters.
- Code optimization for faster speed.
- WP 6.0 compatible
- New! Player Button layout! You can create a very simple Play button with options to show waveform and extended controls. You can choose the play button layout via our shortcode attribute, Elementor widgets, or Gutenberg block.
- New! Create your own custom options if you sell music licenses [Pro Feature]
- New! Input your play/pause text label for the boxed and button layout. play_text and pause_text attributes have been added to the shortcode attribute.
- New! Icon picker to the podcast show external links & license terms
- Improve AJAX requests UX by adding a spinner animation
- Improve the Gutenberg block and resolved issues with controllers that were not working
- Update the .pot file for translation
- Fix track description button showing with the correct track when tracklist is set to reverse order on frontend
- Fix issue with CTA button not working when used with product variation
- Fix PHP warning with wc_print_notices
- Fix: Conflict issue with Seriously Simple Podcasting & PowerPress Podcasting plugin by Blubrry
- Fix HTML code issue with some custom field text description in the admin area
- Fix an issue with the track description custom field that was not frozen in some cases.
- Code optimization
- New! [Pro Feature] Music Licenses & Contracts for WooCommerce! Add a nice lightbox on your product variations to allow the user select a music license to buy. Similar to Beatstars, Soundee and Airbit. Documentation
- Fix CTA color button in the setting are now working
- Fix issue with Polylang
- Fix Product Archive issue where we could not add an a tag link inside another a tag
- Fix mobile layout where we don’t hide controls over WooCommerce image anymore
- Fix Gutenberg block editor issue with track number hidden in some case
- Optimized webfonts. Save 15kb
- Code optimization
- New! Import/Export plugin settings in JSON format if you need to copy plugin settings to a new site
- New! [Pro Feature]: Add option to Show player controls on WooCommerce thumbnail on hover.
- Fix PHP Error caused by the new version of Elementor plugin: _register_controls is deprecated since version 3.1.0! Use Elementor\Controls_Stack::register_controls() instead
- Fix dynamic waveform width when time durations are hidden
- Fix dynamic waveform horizontal alignment in some case
- Fix html display bug in the WooCommerce admin product page
- Fix moment.min.js.map warning in browser console
- Updated perfect scrollbar to 1.5.3
- Tweak: Apply FontAwesome 5 only on our player to prevent conflict with third party plugins that still use FontAwesome 4
- Tweak: When playlist id do not exists or has been deleted, latest playlist/episode post is now set as a fallback to prevent empty player
- Popup: Fix the redirection applied on a successful completed form in some case
- New! [Pro Feature] Lyrics and Karaoke Support with full TTML file compatibility.
- Fix: Gutenberg block editor is now loading correctly
- Fix: WC related products now available in sticky
- Fix: Elementor CTA button styling issue when boxed template is set and when tracklist has only one track.
- Fix: Player can now be used with AJAX scripts. setIronAudioPlayers JS function is called differently.
- Fix: ACF custom fields now working to set your audio source
- Tweak: Print WooCommerce notices when we add product to the cart
- Fix: Albums not showing up after last update in some case.
- Fix: Player thumbnails not showing in some case.
- New! [Pro Feature] Shortcode [sonaar_ts] to create href text links in your content and control the player. Usefull to create chapters and timestamps. Documentation
- New! [Pro Feature] Support for ACF, JetEngine, Toolset, Metabox for dynamic custom fields – audio URL and repeater group supported.
- New! [Pro Feature] no_loop_tracklist shortcode attribute to prevent playlist looping.
- New! You can set the single playlist/episode post in your child theme. In your child theme, create folder /mp3-music-player-by-sonaar/ and upload the single-album.php
- New! Rest API support for our CPT.
- New! Load Sonaar Script on every page setting. Use this in case you are using AJAX page loading.
- Podcast: Fix Podcast RSS episode block & explicit flag issue in some case
- Fix: Issue with the Hide Soundwave option in Elementor Editor.
- Fix: Minor PHP warning on reverse tracklist when not set
- Tweak: Display value of the global settings in the Elementor widget options for better UI
- Tweak: Add href link on track cover if linked to post is enabled.
- Tweak: Prevent download on CTA when # URL (anchors) is used.
- Tweak: Prevent conflict with the post type album from third party plugins.
- Tweak: You can now set your single playlist/episode post password-protect with WordPress built-in function
- Tweak: Support for comments in the single playlist/episode post.
- New! [Pro Feature] Google Analytics integration for Pro user. From now, you can use Google Analytics to track your view and downloads. The old built-in statistic report is deprecated and will be removed September 30th 2022. If you wish to use or retrieve the old built-in statistic tool, you must enable it in Settings > Stats & Reports.
- New! [Pro Feature] We have added a control extender on the sticky player on mobile. You can now use all controls available for the sticky player on mobile by touching the sticky player.
- New! Added Category selector for Gutenberg block
- New! Added Max Post controller for Gutenberg block
- Fixed Podcast RSS Feed issue with iTunes:block tag
- Fixed PHP warning error on sr-music-player.php that caused PHP error in some case
- Fixed issue with default Show Label option that was always set to No instead of Defautl
- Fixed some issues with Gutenberg block
- Fixed unwanted margin on the playlist caused by some themes
- Renamed some of our strings within Elementor Editor to better suits Podcast users
- Fix issue with plugin update not available
- Fix hide_album_title shortcode attribute
- Fix hide title condition
- Proper sanitization/validation of some requests.
- Fix 3 dots CTA buttons not showing up when hover
- Fix Elementor Button not correctly launching the sticky in some case
- Fix title color on boxed player
- Fix related post issues with tracklist
- Fix Control aligment when displaying over artwork
- Fix PHP Parse error: syntax error in some old PHP version
- Fix Gutenberg block player not updating correctly in some case
- Proper sanitization/validation of some requests.
- New! Podcast Player!
- New! Import Podcast from any major Podcast distributor
- New! Player layout. Choose between floated and boxed player template
- New! Refactored the setting options with better UI and tabs
- New! Add playlist and player background
- New! Many shortcode attributes available for both free and pro version
- Improved Gutenberg block styling without refreshing the block
- Improved slow performance when you have many playlist posts
- Fix icon in Elementor Player Widget
- Fix time duration when using dynamic waveform
- Fix Exclude URL with parent page when using Sticky.
- Fix XSS vulnerabilities
- Replaced and removed files called remotely
- We now include all JS and CSS files with built in functions
- Removed shortened URLs
- Code optimization
- Fix issue with URL links in the call-to-action buttons since version 2.4.2
- Added better Polylang compatibility by adding lang parameter on get_posts
- Fix XSS vulnerabilities. Thanks Robert from WPScan.
- New! Add Elementor Option: Center Cover Image Vertically with tracklist
- New! Add option to show text label beside each CTA button
- Tweak: WooCommerce. Remove add-to-cart strings from URL when product has variation
- Update: CMB2 to 2.9.0
- Fix: Compatibility issue with FontAwesome 5 within Elementor
- Fix: Prevent image cover to be offset when its larger than the playlist
- Tweak: Add svg size in the DOM for CLS improvement
- Fix player width issue where the player is too large for the page container in some case
- New! [Pro Feature] Gutenberg block has now all the options to customize your player the way you want! Create stunning and unique player look and feel without leaving Gutenberg editor!
- New! [Pro Feature] Added popup Lightbox option for call-to-action buttons beside the tracks. Embed anything from lyrics, videos, html or shortcode in the Lightbox. Edit your playlist track’s call-to-action and you will see the popup option available.
- Tweak: Removed Gutenberg Select2 Playlist option and replaced it for selectControl Block Editor Native component
- Tweak: If no album custom post type are created, the default CPT name will be sr_playlist
- Tweak: MP3 Player is now fully compatible with the Sonaar WordPress Theme. Enjoy a true AJAX Continuous Player when using this player along with the Sonaar WP Theme
- Fix: Issue when using 2 gutenberg MP3 Player blocks in the same page.
- Fix: Print issue: When playlist and artwork are hidden, the browser print option doesnt work. Too many pages to print.
- Fix: Issue with audio player not loading when used in Elementor Popups or lightboxes.
- Fix: shuffle issue when using the Gutenberg block
- Fix: when using very long track title, it overlapped the control buttons
- Tweak: Updated moment.js library to 2.29.1
- New! [Pro Feature] Added new sticky players layouts: Introducing the Float Interactive Sticky Player with drag and drop option and Full-width Mini Sticky
- Tweak: Add Flex CSS on sticky player for more controls on CSS (pro)
- Tweak: Load sr-scripts.js file only if using Elementor
- Tweak: Added Current Post option in Playlist Source dropdown in Elementor Widget. Useful when using dynamic page templates. Eg: Elementor Pro Theme Builder
- Tweak: Renamed Google Play for YouTube Music, iTunes for Apple Music
- Tweak: improvement to the bulk import tool (pro)
- Tweak: Do not sanitize CTA URLs textfield to prevent ascii character from being stripped
- Tweak: tracklist item li 100vw instead of 100% so all li displays with same width
- Tweak: Prevent theme text-decoration on button CTA
- Fix issue with cmb2_render_select_multiple_field_type classname conflict with other third party plugins
- Fix: Optional Track image option now displayed when editing Pages
- Fix issue when playing same track number with 2 different player
- Fix issue with the progress bar displacement caused by the time progress
- Fix to prevent track numbers to wrap on track 10th and more
- Fix to prevent time duration to wrap
- Fix PHP error / blank page on front-end when using pro without free version activated
- Fix issue with 1 track playlist that was always looping even if the option do not skip to next track was disabled
- No change
- New! Add optional track cover images for each of your track
- New! Simple progress bar design option
- New! Option to adjust the bar width and spacing of the synthetic waveform
- New! Option to adjust the height of the all waveform types.
- New! Shortcode attributes: display_control_artwork, progressbar_inline, hide_progress, hide_track_title, hide_times . More info https://sonaar.io/docs/add-audio-player-with-shortcode/
- New! [Pro Feature] WooCommerce full support: Add option to show player on shop page (loop) and in the single product page automatically.
- New! [Pro Feature] Tool for Import/Create Bulk Playlist for any post, playlist and WooCommerce product. Simply select which audio file to use and it will automatically create new post draft in 1-click.
- New! [Pro Feature] Display track thumbnails beside each tracks in the playlist.
- New! Support for ACF – Advanced Custom Fields: Learn more https://sonaar.io/docs/using-player-with-dynamic-custom-fields-for-acf-jetengine-and-metabox/
- Tweak: Better responsive display. Prevent track titles to wrap. Add … if track title is too long.
- Tweak: Show number of tracks in admin columns for enabled CPT
- Tweak: We now use flex grid CSS for the player controls
- Tweak: You can select any kind of playlist’s post-type in the shortcode generator or Elementor widget.
- Tweak: Major Speed Improvement with Synthetic waveform type: We have replaced waveform’s thousands of SVG nodes by Canvas HTML.
- Tweak: Replaced a tags for div on control buttons
- Tweak: Removed widget class in the iron-audioplayer div to prevent conflicts with certain themes
- Fix issue where playlisttitle flashes when loading page on mobile.
- Fix issue where typography color was not applied in some case. It was always white.
- Fix minor issue with image encoding on some website
- Fix minor CSS incoherence
- Add compatibility for PHP 8.0
- Update CMB2 to 2.8.0
- Fix color picker issue in settings
- Fix issue with player not playing when used in Elementor Popup
- Fix issue with AddFontStyle function to prevent conflict with Visual Composer
- Remove Next and Previous button when there is only 1 track in the playlist
- Fix widgets PHP error since Elementor 3.1.0
- Now the audio tracks launch much faster when clicking play, especialy on mobile.
- Fix issue with register_location archive page for Elementor Pro
- Fix URL Encode and Decode for artwork images to resolve issue with some URL Queries
- Pro! New option to exclude Continuous Audio Playback from specific URL
- Fix issue with No playlist selected warning when shortcode has not attributes
- Fix typography settings that was not working in some case
- Added option to play latest playlist post in the native Elementor button widget
- New! Our Elementor Player Widget has a new facelift! You can now upload tracks directly into Elementor Editor ! No need to add a playlist anymore!
- New! Feed attribute added in the shortcode. This open doors to dynamic contents. Example: Use [sonaar_audioplayer feed=”https://domain.com/01.mp3 || https://domain.com/02.mp3″ feed_title=”Track Title 01 || Track Title 02″] without having to create playlists.
- New! [Pro Feature] Continuous Audio Playback with persistent player is finally here! Song will continue to play accross any of your pages.
- New! You can add specific cover image for each tracks within Elementor.
- Better UI in the Shortcode generator
- Better UI in the Elementor Widget
- Added Patreon icon option
- Fix issue with Gutenburg block in some case. Now the block should appear in Gutenburg.
- Fix when no playlist is selected we use the most recent playlist post published.
- Fix issue with track being not stopped at the end when no-skip-track option was enabled
- Fix download file name when using the download icon. It now takes the full filename when downloading
- Fix issue with z-index with some themes
- Fix issue with some themes where there is a blinking timeline progress bar
- Code optimization
- New! Full Gutenburg Support. We have added a Gutenburg block called MP3 Player
- New! Add scrollbars within your tracklist ( Pro feature )
- Fix issue with soundwaves width that are cutted in certain cases
- Fix issue when using special character in the audio URL
- Fix issue with post update not working when no audio is set
- Prevent PHP error if no playlist selected in the default WP Widget
- Prevent PHP Warning after plugin update to 2.x
- Fix minor issue which prevent checkbox to display in the widget in some case
- Make the artwork clickable so it can start and pause the audio track
- New! You can upload audio tracks from any posts, custom posts, or pages! Enable media uploads for your post types in WP-Admin > MP3 Player > Settings. Before this update, you had to create a playlist, upload your tracks and then embed the playlist widget or shortcode on the posts you wanted to display the player. Now simply edit any post, upload tracks and add the player widget, all at once. See quick video here: https://d.pr/v/l2NKHa
- New! We now fully support long audio tracks and streaming files. The player used to crash on mobile or not display waveforms when using heavy mp3 files. We have added a new waveform skin called Synthetic Waveform in WP-Admin > MP3 Player > Settings
- New! Waveform display intanstanly without lag time. Make sure to select Synthetic Waveform in WP-Admin > MP3 Player > Settings.
- New! SEO improvement: You can now control the playlist and soundwave title HTML tag and specifiy which heading to use.
- Improved: MP3 is not being preloaded anymore if you are not displaying the waveform
- Improved: Condition logics for the setting panel
- Improved: Added query strings for the CSS and JS files to avoid cache issues when updating
- Improved: Minor UI work on the settings page
- Fix: When no playlist/album is specified in the shortcode, try to play the current post tracklist
- Fix: Condition JS library for better Gutenburg support
- Fix: Issue with font loading in some case
- Fix: Color pickers now display correctly
- Fix: No more 404 page not found on the Playlist custom posts.
- Fix: Featured Album was disable on some theme that don’t support featured image
- Fix: Issue with UTF8 character encoding in sticky player
- Fix: Issue with sticky typography color not applied on the sticky player
- Fix for Elementor 2.9
- New! Option to add artist name in the tracklist. You can enable this option in WP-Admin > MP3 Player > Settings
- New! Option to choose progress bar color on mobile
- New! Option to open call-to-action links in _blank or _self target window. Default is _blank
- Fixed playlist limited to only 5 albums for some people
- Fixed hours duration label if song is longer than 1 hour
- Fixed PHP notice in Settings panel when font-size was selected without a color
- Align vertical play button
- Fixed waveform not showing up in some case
- Refactored the Ask for a Rating notice panel. It was too much annoying
- Fixed waveform not showing up when using more than 1 player on the same page
- Fixed PHP warning when no stream file is selected
- Remove artist fields in the backend
- Added Single Page Template for each albums
- Added Elementor Pro Support for the single template
- Added fade-in animation when waveform load for smoother appearance
- Fixed issue with the waveform not showing up when using external server files
- Fixed click area issue on the store-list icons beside each track
- Optimized code for better performance including enqueuing the plugin files only if player is present
- Add partial support for Playlist Categories
- Now fully compatible with WP 5.2.x
- Now fully compatible with PHP 7.3
- Added Elementor Page Builder Compatibility. You can now embed Audio Players using Elementor (no shortcode required). The Style tab of Elementor is available in the MP3 Player PRO version only.
- Added option to disable continuous playing through your tracks within a playlist
- Added option to change the Available Now text through shortcode
- Added option to remove / hide the album cover through shortcode and the shortcode generator
- Fixed Store Buttons showing even if no store icon was set
- Renamed Album Release Date to Album Subtitle for better usage
- Renamed menu Playlist for MP3 Player
- Removed WPBakery class (vc_col-md6)
- Refactored the player HTML using CSS flex-grid for better and smoother responsive
- Minor change to the Admin UI
- Refactored MP3 Player PRO ! It’s showtime !
- Fixed minor issue with CMB2 throwing warning notices
- Fixed the multiple players in one page that play the same songs even if they are different players.
- Fixed Some Google Fonts were not loading. Now they load correctly.
- Added shortcodes directly in the Playlist listing so its easier to grab the shortcode.
- Initial Release