[WordPress] 外掛分享: HTML5 Audio Player – The Ultimate No-Code Podcast, MP3 & Audio Player

首頁 › 外掛目錄 › HTML5 Audio Player – The Ultimate No-Code Podcast, MP3 & Audio Player
WordPress 外掛 HTML5 Audio Player – The Ultimate No-Code Podcast, MP3 & Audio Player 的封面圖片
10,000+
安裝啟用
★★★★☆
4.6/5 分(169 則評價)
2 天前
最後更新
100%
問題解決
WordPress 6.5+ PHP 7.1+ v2.10.0 上架:2015-11-10

內容簡介

HTML5 Audio Player 是一款強大且輕量的音頻播放器外掛,專為 WordPress 設計,無需編碼即可輕鬆嵌入 MP3 和 OGG 音頻檔案,適用於各種設備和瀏覽器,完美支援播客、音樂曲目及線上課程。

【主要功能】
• 內建音頻分析儀表板
• 多種播放器佈局選擇
• 自訂訂閱按鈕連結
• 播客 RSS Feed 匯入
• 現代播放器外觀主題
• 支援 Google Drive 和 SoundCloud

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.10.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「HTML5 Audio Player – The Ultimate No-Code Podcast, MP3 & Audio Player」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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.
🎙️ 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:

Key Features – Free Version

Interactive Transcript – Read Along (New): Turn your audio into text that visitors can read, search and click. The line being spoken is highlighted, a click on any line jumps the audio to that moment, and the search box finds any word inside the audio. Works with the Standard player, the Sticky player (a “Transcript” button above the bar) and the Audio Playlist (every track has its own transcript, and the box follows the track that is playing). Import SRT/VTT captions or type it in. The transcript is real HTML, so search engines can index every word of your podcast or audio (SEO), and it makes your audio accessible for deaf and hard-of-hearing visitors. Works in the Gutenberg blocks, the [player] shortcode and the Elementor widget.
Audio Analytics (New): Built-in, privacy-friendly analytics dashboard (no cookies, IP never stored) with total plays, listening time, daily chart (Today & Last 7 days), top 5 tracks and broken audio alerts.
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.

Pro Version – Unlock Premium Audio Controls
Upgrade to the Pro version for full control over design, layouts, advanced podcast features, and unlimited streams.
What’s Included in Pro:
* AI Transcript Generator (New): Stop typing transcripts by hand. Click “Generate with AI” and the transcript of your audio is written for you, for a single audio or for every track of a playlist. It uses the open-source Whisper AI model and runs right in your browser: no API key, no monthly fee, no per-minute cost, and your audio is never uploaded anywhere. Choose Automatic (recommended), Fast, Accurate or Best; Bangla audio uses a Bangla-trained model for much better results. Pick one of 18 common languages or let it detect the language automatically (about 99 languages supported), and watch the progress bar until it is done. Like any speech recognition, it can misspell names and rare words, so review the text before you save.
* Transcripts for Every Playlist & Download (New): Show a read-along transcript for each track of the Narrow and Extensive playlists and the [player] Playlist type (including your saved Playlists), and let visitors download any transcript as .vtt or .txt.
* Advanced Audio Analytics (New): Unlock Last 30/90 days and custom date ranges, comparison with the previous period, average listen time, completion rate, unique listeners, top 10 tracks with filters & sorting, per-track listen-depth reports, per-player stats, “Plays” column, edit screen metabox and the list of broken audio files.
* 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!
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.

延伸相關外掛

文章
Filter
Mastodon