HTML5 Audio Player - The Ultimate No-Code Podcast, MP3 & Audio Player
| 开发者 |
abuhayat
shehabulislam charlescormier freemius bplugins farazi1 shamim10 |
|---|---|
| 更新时间 | 2026年8月19日 11:48 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.1 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
The Ultimate No-Code Podcast, MP3 & Audio Player Plugin for WordPress
HTML5 Audio Player | Documentation | Pricing | Support | Demo
https://youtube.com/watch?v=6ZHKarDpllQ
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.
🎙️ Podcast Player & New Features Walkthrough
Watch our in-depth video walkthrough showcasing the latest podcast features, RSS feed import, podcast subscribe buttons (Spotify, Apple Podcasts, Amazon Music, YouTube, RSS), static waveform visualizer, and advanced audio controls:
https://www.youtube.com/watch?v=jR1IS1OLmIA
Key Features – Free Version
- Advanced Player Layouts: Choose from Standard Player, Sticky Player (fixed bottom/top), and the newly unlocked Audio Playlist Player.
- Subscribe Links: Add customizable subscribe buttons to podcast playlists linking directly to Spotify, Apple Podcasts, Amazon Music, YouTube Podcasts, and custom RSS feeds.
- Podcast RSS Feed Import: Easily import podcast channels from any RSS feed URL (fetch and play unlimited episodes with custom fetch limits).
- Modern Player Skins: Select from Default, Fusion, Stamp, and Wave skins (Wave skin includes real-time jumping bars visualizer and SoundCloud-style static waveform).
- Google Drive & SoundCloud Support: Play shared files directly from Google Drive or stream tracks via SoundCloud URLs using our built-in proxy.
- Lossless & Standard Formats: Seamless playback of MP3, OGG, and FLAC audio files with native WordPress Media Library upload support.
- Gutenberg & Widget Ready: Embed players instantly using the custom Gutenberg block or versatile shortcodes on posts, pages, and sidebar widgets.
- Autoplay & Browser Compliance: Smart fallback rules to start streams muted if modern browsers block autoplay audio playback.
- HLS Live Streaming: Stream live audio broadcasts seamlessly using modern HLS (m3u8) protocol integrations.
- Interactive Status Indicators: Instant visual status updates including "Connecting...", "Buffering...", and "Offline" for live streams.
- Custom Styling & Metadata: Easily customize player width, border radius, poster thumbnails, audio titles, and artist details.
- Cross-Browser & Responsive: Fully responsive layout optimized for all modern browsers, smartphones, tablets, and iOS/Android devices.
- Advanced Playlist Skins: Access premium Narrow and Extensive playlist layouts with collapsible track descriptions and customized styling.
- Playback Speed & Skip Controls: Full playback speed selector (0.5x, 0.75x, 1x, 1.25x, 1.5x, 1.75x, 2x) and fast-forward / rewind skip buttons across all playlist skins (Narrow & Extensive layouts).
- Podcast Episode Search & Filter: Real-time frontend keyword search to let users filter and find specific episodes inside playlist layers.
- Load More & Numbered Pagination: Configure custom per-page batch limits with standard numbered pagination (1, 2, 3...) or Load More buttons.
- 7 Premium Player Skins: Unlock Card 1, Card 2, Simple 1, Simple 2, Player 9, Player 10, and Player 11.
- Multiple Radio Stations (Playlists): Unified player interface allowing users to switch between multiple radio stations or channels.
- Recently Played Track History: Display live song timelines and titles fetched dynamically from Icecast/Shoutcast server metadata.
- Backup/Fallback Stream URL: Automatic failover switching to secondary audio streams if the primary server goes offline.
- Full Color Customization: Set custom primary, background, hover, active, and alternating track colors to match your brand.
- Track Title & Artist Typography: Fully customize typography (Google Fonts, size, weight, style, text transform, line height, letter spacing) for Narrow and Extensive playlist skins in Block Editor and Admin Settings.
- Download Button: Enable or disable direct download options for tracks and episodes.
- Advanced Navigation & Seeking: Add custom forward/rewind skip intervals, start/end time offsets, and disable pause locks.
- State Saving: Remember the user's playback timeline and resume tracks from where they last left off.
- Single Button Player: A clean, single-action play button suitable for inline audio samples.
- Ad-Free Experience & Premium Support: Dedicated support channel with priority bug fixes and updates. Try the HTML5 Audio Player PRO – Unlock all premium features now!
- 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!
- 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.
安装:
This section describes how to install the plugin and get it working.
e.g.
- Upload
plugin-directoryto the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
- Use the shortcode on the page, post, or in widgets.
- If you want Player in your theme php, Place
<?php echo do_shortcode('YOUR_SHORTCODE'); ?>in your templates.
屏幕截图:
常见问题:
Can I play a video, such as an MP4 file?
= How do I install this plugin? You can install the plugin directly from your WordPress dashboard. Go to Plugins > Add New, search for the plugin name, click "Install Now", and then activate it. No, but you can try our “HTML5 Video Player” plugin.
What type of audio can I play?
You can play .mp3, .oog, and .wav audio files.
Does the player work on mobile devices?
Yes, audio players are fully responsive and work on smartphones and tablets, including iOS and Android.
Can I customize the look of the audio player?
Yes, you can adjust colors, skins, sizes, and more. The plugin includes options for customizing player appearance to match your website.
Is autoplay supported?
Yes, you can enable autoplay for audio. Note that some browsers may restrict autoplay behavior based on user settings.
Can I restrict downloads of the audio file?
Yes, the plugin offers an option to enable or disable the download button.
Can I show a preview or sample before full playback?
Yes, you can configure the player to show a sample or preview clip for digital products or paid content.
Can I use this plugin to sell audio files?
You can use the plugin to showcase previews and link to purchase/download pages. Integration with eCommerce plugins can be handled separately.
Does this plugin support playlists?
Yes, you can create playlists with multiple audio files. Different player types are available, including standard, playlist, and sticky player.
Will the plugin slow down my website?
The plugin is lightweight and optimized for performance. You can also adjust preload settings to improve page speed.
Where do I report security bugs found in this plugin?
Please report security bugs found in the source code of the Html5 Audio Player plugin through the Patchstack Vulnerability Disclosure Program. The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin.
更新日志:
2.8.3 - 19 August, 2026
- New (Pro): Added Track Title Typography and Track Artist Typography controls with full Google Fonts, font size, weight, text transform, and spacing options for Narrow and Extensive playlist skins.
- New (Pro): Integrated Track Title and Artist Typography settings directly into Codestar Admin Shortcode Settings for all playlist skins.
- Fix: Restored playlist track title default font weight to normal (removed forced bold styling) to maintain original design aesthetics while allowing full user customization.
- Fix: Resolved an issue where unselected control buttons (mute, volume, settings) were forcibly rendered on standard audio players, allowing custom button configurations to work properly.
- New: Added Subscribe Links button on Audio Playlist player supporting external podcast platforms (Spotify, Apple Podcasts, Amazon Music, YouTube Podcasts, and custom RSS Feeds).
- New (Pro): Added Playback Speed Control (0.5x - 2x) with floating popup menu across all Audio Playlist layouts, including Narrow and Extensive skins.
- New (Pro): Added Fast-Forward & Rewind Skip buttons with custom skip duration interval (seconds) across all Audio Playlist layouts, including Narrow and Extensive skins.
- Fix: Added fallback mechanism to ensure standard playback controls (progress bar, current time, duration, mute, volume) always render properly when control settings are missing or incomplete.
- Update: Unlocked SoundCloud-style Static Waveform visualizer (WaveSurfer.js) in the Wave skin for Free users.
- Update: Removed 5-episode fetch limit on Podcast RSS feeds, allowing free users to fetch unlimited podcast episodes and set custom episode fetch limits.
- New: Added Podcast RSS Feed importing and playback support for Audio Playlists (Narrow & Extensive).
- New (Pro): Integrated Podcast RSS Feed configuration directly into Codestar Admin Shortcode Settings.
- New (Pro): Added Playlist Filter & Search options to quickly filter tracks in audio playlists.
- New (Pro): Added real-time episode search bar for podcast playlist layers.
- New (Pro): Added numbered pagination and "Load More" button options for podcast episodes.
- New (Pro): Added custom podcast episode fetch limits and per-page display controls.
- New (Pro): Added Hide Download Icon and Shuffle Playlist toggle controls for Audio Playlists.
- New: Added show/hide toggles for podcast episode publication date and description details in Block Editor & Codestar Admin Settings.
- New (Pro): Added SoundCloud-style Static Waveform visualizer (WaveSurfer.js) and Waveform Style selector in Block Editor & Codestar Admin Settings.
- Improvement: Completely redesigned Admin Shortcode Settings interface with organized section headings and contextual field descriptions.
- New: Added Autoplay & Browser Policy Handling (Autoplay Muted fallback) to bypass modern browser audio playback blocks.
- New: Added HLS (m3u8) streaming protocol support to play live streams seamlessly on iOS and modern web browsers.
- New: Added live buffering and connection status indicator showing "Connecting...", "Buffering...", and "Offline" status notifications.
- New (Pro): Added Multiple Radio Stations playlist supporting channel switching directly in the player.
- New (Pro): Added Backup / Fallback Stream URL for automatic failover switching if the primary server goes offline.
- New (Pro): Added Recently Played Track History to display track timelines via Icecast/Shoutcast metadata.
- Improvement: Native FLAC file upload support in WordPress Media Library.
- Improvement: Improved Stream Whitelist settings with step-by-step examples and added automatic URL hostname extraction.
- Fix: Resolved player wrapper z-index stacking issue to prevent the player interface from overlapping with site navigation headers, dropdown menus, and overlays.
- Fix: Resolved an issue where loading the player shortcode on a page containing third-party audio players could cause those third-party players to be hijacked by the plugin's global player script.
- New: Added "Enable Lazy Load" option across all player skins and playlist layouts to optimize page load performance.
- Security: Hardened the Google Drive audio proxy endpoint to patch XSS and SSRF vulnerabilities by validating MIME types, manually enforcing redirect checks, and applying strict HTTP headers.
- New: Moved the Audio Playlist Gutenberg Block from the Pro version to the Free version, allowing all users to create and display custom audio playlists.
- New: Added End Time (Excerpt) settings for limiting audio playback duration.
- Update: Completely redesigned and modernized the admin dashboard welcome screen with dynamic builder integration tabs (Gutenberg, Shortcode, Elementor) and status checks.
- Fix: Fixed an issue where the player's customized colors and style settings reset back to original default colors when loading or re-opening a page in the Gutenberg block editor.
- Fix: Resolved SoundCloud track URL playback issues for standard players, shortcodes, and Gutenberg Block Editor.
- Fix: Implemented secure internal SoundCloud API v2 progressive stream proxying to bypass restricted/temporary CDN stream URL expirations.
- Fix: Fixed block settings panel URL updates and block preview rendering issues for SoundCloud track links.
- Fix: Resolved an issue where Google Drive audio links displayed 00:00 duration by implementing a robust Range-request proxy.
- Fix: Fixed server connection hanging and PHP session locking issues caused by uninterrupted background downloads in the proxy endpoint.
- Fix: Improved compatibility and stable playback for Google Drive URLs across all audio player skins and playlist blocks.
- Fix: Fixed the issue where the audio players showed 00:00 duration.
- Fix: Fixed the issue where the Fusion skin of the standard player was not appearing due to a NaN volume value issue.
- New: Users can now turn shuffle on or off from Gutenberg and dashboard settings.
- Update: Massive structural update unlocking several previously PRO features to the Free version (Sticky player, standard skins, poster images, border radius, repeat, and more).
- Update: Cleaned up the free dashboard to neatly present premium-only settings via intuitive notice cards.
- Update: Fully redesigned the Playlist Premium unlock notice block.
- Update: Update brand new Dashboard.
- Fix: Printing Garbage / Raw JSON on the Page.
- Fix: Not Possible to Customise PRO Playlist Skin.
- Fix: Fix the player controls in Gutenberg Block Editor.
- Fix: Fix shuffle mode track mismatch issue.
- Fix: Resolved "Player not loading" issue on public/live WordPress websites caused by a JavaScript compatibility error (ReactDOM is not defined).
- Fix: Applied the fix across all player types — Fusion Player, Standard Player, Playlist (Narrow & Extensive), and Radio Player.
- Improvement: Improved Quick Player Settings with Documentation Link & Search Form Shortcode UI.
- Improvement: Completely revamped the HTML5 Audio Player. "Playback Speed" menu with a premium, elegant design and custom scrollbars.
- Fixed: Undefined array key "postId"
- Improved: Added settings to add whitelist domains list to protect against random URL requests in the radio player.
- Update: Freemius SDK
- Update: Dashboard
- Improved: Code
- New: Dashboard page
- Improved: Code,
- Fixed: Disapear Player
- New Block: HTML5 Radio Player
- Shortcode: [h5ap_radio_player id=1740]
- Fixed: Fix Responsive issue.
- Improved: Code
- Fixed: Hide Download option worn't work (Pro)
- Update: Improve Security
- Added: New Playlist (Premium)
- Fixed: shortcode Vulnerability
- Update: Update Freemius WordPress SDK
- Fixed: Elementor Can't Edit (Undefined Elementor Color Schema)
- Fixed: Undefined array key "primary"
- Fixed: High Memory Usage
- Fixed: Preset color does apply on Gutenberg blocks
- Fixed: Patchstack Vulnerability
- Fixed: Double player issue
- Feature: Enable/Disable Loader
- Fixed: audio doesn't play old (before 2018) iOS devices.
- Feature: Set start time (premium)
- Fixed: m4a issue in safari
- Feature: Quick Player / New Shortcode Added
- Fixed: Deprecated: Creation of dynamic property
- Fixed: File does not exist
- Fixed: default player not working
- Fixed: call to undefined function str_contains
- Fixed: Deprecated error from Codester
- Option to set initial volume in Elementor addon
- Elementor Addons Added
- Gutenberg Block Added
- solve audio player duration stuck issue
- Enabled Direct file download with the original file name.
- Fix a minor issue
- Improved performance
- Add support for Gutenberg Block
- fix player position issue
- Change player skin to modern one.
- improved performance
- Initial Release