Audio Player Block – Advanced Block for Embedding Audio Files vs HTML5 Audio Player – The Ultimate No-Code Podcast, MP3 & Audio Player

A block for embedding a beautiful audio player on the WordPress website. It supports multiple audios as a playlist and you can select a single audio file to make a non playlist player. Get Pro Version Free Features Multiple Audio Management (Add / Remove Audios): Easily add or remove multiple audio tracks from the player with full control over your playlist. Track Details Input (Title & Artist): Set a custom title and artist name for each audio track to keep your content well organized. Cover Image & Audio File Upload: Upload audio files along with a cover image to create a more engaging and visually appealing audio player. Player Customization (Width, Height & Styles): Adjust the player’s width and height, and style it with custom colors, backgrounds, hover effects, and other design settings to match your website. Smart Audio Play / Pause Control: Play one audio track at a time while automatically pausing others; click again to pause the currently playing audio. Shortcode Integration: Use shortcode support to display the audio player anywhere on your website with ease. Pro Features Customize 5 Different Themes: Add 5 new themes with different looks and settings. Auto Play: Automatically start the next song once the current one ends, if enabled. Loop Mode: Enable looping of the current track once it finishes playing. Navigation Prev/Next: Easily navigate to the previous or next track in the playlist. Current & Total Time Display: Shows the current & total playback time of the audio track. Custom Stop Button: Show or hide a custom stop button based on your settings. Input Range Thumb: Customize the style of the range slider thumb for seeking. Playback Speed Control: Enable or disable playback speed adjustment options. Download Icon: Add an option to download the audio file directly from the player. Forward & Backward Button Visibility: Show or hide the forward & backward button for skipping parts of the track. Artist Opacity: Control the transparency of the artist’s name display. Thumbnail Border & Radius: Customize the border & radius of the track’s thumbnail image. Input Range Height & Radius: Adjust the height & radius of the seek range slider. Controls Border & Hover Border: Customize the border & hover border style of the player controls. Time Display Radius: Customize the corner radius of the time display boxes. Thumb Width, Radius, Outline & Shadow: Adjust the width, radius, outline & shadow of the seek range slider thumb. Wave Normal & Light Color: Set the base color & light of the audio waveform. Playlist Border & Radius: Customize the border and corner radius of the playlist displayed below the lite audio player. How to use First, install the Audio Player Block plugin Add the Audio Player Block from the block category called “Widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For installation help click on Installation Tab Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Audio Player Block on GitHub bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made Feedback Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us ⭐ Check out the Parent Plugin of this plugin- 🔥 B Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 Document Embedder – Best WordPress Document Embedder Plugin. 🔥 3D Viewer – Display interactive 3D models on the webs. 🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

The Ultimate No-Code Podcast, MP3 & Audio Player Plugin for WordPress HTML5 Audio Player | Documentation | Pricing | Support | Demo HTML5 Audio Player is a powerful, lightweight, and fully responsive audio player plugin for WordPress. It lets you embed MP3 and OGG audio files into posts, pages, widget areas, or template files using shortcodes, no coding required. Built with modern HTML5 technology, this plugin works across all major browsers and iOS devices, ensuring reliable playback on any screen size. Its shortcode-based setup gives you full control over placement and player settings, making it suitable for podcasts, music tracks, audio previews, or online courses. Key Features – Free Version Advanced Player Types: Choose from Standard, Sticky Player, or Audio Playlist Player (New in Free!). Audio Playlist Block: Create and embed fully-featured audio playlists with custom tracks directly in the block editor (Previously a PRO-only block!). Standard Player Skins: Access Default, Fusion, Stamp, and Wave skins for free. Sticky Player Skins: Access Simple and Fusion skins for free. Embed Anywhere: Add audio to posts, pages, widgets, and theme templates using shortcodes. Responsive & Lightweight: Adapts to all devices and doesn’t slow down your site. Customization Options: Adjust width, border radius, and poster images. Title & Author Support: Display custom audio titles and author names. Autoplay, Preload & Mute Options: Define how your audio behaves upon loading. Repeat Control: Loop your audio seamlessly. Lazy Load Support: Optimize page load speed by loading the player and audio resources only when they enter the viewport. Great for Podcasts: Perfect for embedding podcast episodes or audio courses. MP3 & OGG Support: Automatically loads the right format based on user’s device. Google Drive Audio Support: Seamlessly play audio files directly from Google Drive. Our built-in smart proxy bypasses Google’s restrictions and CORS errors, ensuring smooth playback and accurate duration display. SoundCloud Streaming Support: Stream tracks seamlessly by pasting their page URLs directly. Bypasses strict access rules, authorization requirements, and expiring CDN URLs for a smooth visitor experience. Cross-Browser Support: Works smoothly on Chrome, Firefox, Safari, Edge, IE7–IE9, and more. Pro Version – Unlock Premium Audio Controls Upgrade to the Pro version for more control over design, behavior, and playback settings. What’s Included in Pro: – Advanced Playlist Designs & Custom Skins: Unlock additional premium designs (like Narrow and Extensive playlist skins) and custom settings. – 7 Additional Premium Skins: Access Card 1, Card 2, Simple 1, Simple 2, Player 9, Player 10, and Player 11. – Color Customization: Set custom primary and background colors to perfectly fit your site’s branding. – Download buttons: Add download buttons to your player. – Fast Forward & Rewind Buttons: Enhance navigation with custom seek time settings. – Start & End Time Settings: Specify exactly when the audio should start and stop playing. – Disable Pause Option: Keep audio playing without interruption. – Save State Functionality: Save the player’s time state so it resumes from where the user left off. – Premium Sticky Player Features: Unlock Background Color, Repeat, Save State, Initial Volume, and Download Button for Sticky Players. – Single Button Player: Minimalist design for single-action audio playback. – Ad-Free Experience: No ads, ever. Try the HTML5 Audio Player PRO – Unlock all premium features now! How to Use – Step-by-Step Setup Getting started is quick and easy. Step-by-Step Setup Install and activate the plugin. In the WordPress dashboard, go to the HTML5 Audio Player menu. Add a new player and copy the generated shortcode. Paste the shortcode into any post, page, or widget. Done – enjoy seamless audio playback! Gutenberg Block Support Using the Block Editor? You’re covered. Open a post/page editor. Click the + icon, go to Common Blocks, and select HTML5 Audio Player. Choose your audio player and hit the Publish button. Enjoy crystal-clear audio in just a few clicks! Live Demo | Upgrade to Pro Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: HTML5 Audio Player on GitHub Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. Codestar Framework Source: http://codestarframework.com/ GitHub: https://github.com/Codestar/codestar-framework License: GPLv2 or later – https://github.com/Codestar/codestar-framework/blob/master/LICENSE.md Purpose: Provides the options framework for the plugin’s settings and shortcode generator. Freemius SDK Source: https://freemius.com/ GitHub: https://github.com/Freemius/wordpress-sdk License: GPLv3 – https://github.com/Freemius/wordpress-sdk/blob/master/LICENSE.txt Purpose: Provides opt-in usage tracking and analytics to help improve the plugin. bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made User Feedback ❛❛I bought a second license for another site because this plugin satisfied all my needs. I had a small problem on this new site and support solved the problem within hours of my request. Thank you so much. You are awesome.❜❜ -pripyat51 ❛❛Loving the player and the support they have provided. The new features are exactly what we need. Thank you!❜❜ -hoffmaw Like that plugin? Hate it? Want a new feature? Send your feedback Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts.