HTML5 Radio Player - WPBakery Page Builder Addon — is a versatile addon for WPBakery Page Builder that empowers you to add a fully-featured audio player to your WordPress site. Designed for simplicity and performance, it allows you to broadcast any live radio stream, including Shoutcast and Icecast feeds, with just a few clicks. The player is fully responsive, ensuring a seamless listening experience for your users on desktops, tablets, and mobile devices. Customize the look and feel to match your brand and provide high-quality audio content to engage your audience. With this addon, you gain complete control over your radio stream's presentation. It's built with modern web standards, using HTML5 audio technology to avoid reliance on outdated plugins like Flash. This not only improves compatibility across all modern browsers but also enhances your site's speed and security. Whether you're a radio station, a podcaster, or a musician looking to share a live feed, this WPBakery addon provides a professional and reliable solution for all your audio streaming needs.
Why A Live Radio Player Is A Game-Changer For Your Site
In today's fast-paced digital world, keeping visitors engaged is harder than ever. The average user spends only seconds on a page before deciding to leave. How do you make them stay? By providing continuous, engaging background audio content with a live radio player.
- The Pain: High bounce rates and low session durations are killing your site's performance and SEO rankings. Visitors arrive, find no immediate 'hook', and leave without exploring your content.
- The Statistic: Websites that use audio or video can increase average time-on-page by over 80%. A background radio stream creates an "audio ambiance," making users more likely to stay, browse, and convert.
- The Solution: The HTML5 Radio Player addon transforms your static pages into a dynamic listening experience. It's not just a feature; it's a powerful engagement tool that reduces bounce rates and turns fleeting visits into loyal listening sessions.
Features
- Easy WPBakery Integration: Add and configure the radio player directly within the WPBakery Page Builder interface.
- Shoutcast & Icecast Support: Compatible with all major streaming servers, including Shoutcast v1/v2 and Icecast v2.
- Fully Responsive Design: The player adapts perfectly to any screen size, from large desktops to small mobile phones.
- Customizable Player Skins: Choose from multiple design templates and color schemes to match your website's branding.
- Now Playing Information: Automatically displays the current song title and artist information from the stream metadata.
- Album/Artist Artwork: Fetches and displays cover art for the currently playing track via the iTunes API for an enhanced visual experience.
- Multi-stream Support: Easily create a playlist of multiple radio streams that users can switch between.
- Sticky Player Option: Keep the player visible at the top or bottom of the page as users scroll, ensuring uninterrupted listening.
- Popup Player: Launch the player in a separate popup window so users can continue listening while browsing other sites.
- Lightweight and Fast: Built with modern HTML5 and JavaScript for optimal performance and fast loading times without Flash.
Player Customization Options
| Feature | Description | Benefit |
|---|---|---|
| Player Layout | Choose between standard, compact, or sticky player layouts. | Adapts the player's presence to best suit your page design and user experience. |
| Color Schemes | Unlimited color options for background, buttons, and text. | Achieve perfect brand consistency by matching the player to your site's visual identity. |
| Show/Hide Elements | Toggle visibility for volume control, track artwork, and 'Now Playing' text. | Create a minimalist or a feature-rich player interface based on your needs. |
| Autoplay | Option to start the stream automatically when the page loads (browser-permitting). | Instantly immerses visitors in the audio experience without requiring a click. |
| Social Sharing | Enable buttons to share the radio stream on social media platforms. | Increases your station's reach and allows listeners to easily promote your content. |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
What types of radio streams are compatible with this plugin?
The HTML5 Radio Player addon is designed to work with the most popular streaming server protocols. It fully supports Shoutcast (both v1 and v2) and Icecast (v2) streams. As long as your radio broadcast uses one of these formats and provides a valid streaming URL (e.g., http://your.stream.url:8000/stream), the player can connect and play it on your website.
Can I display the currently playing song title and artist?
Yes, absolutely. The player is built to automatically read metadata from your Shoutcast or Icecast stream. If your stream is configured to broadcast song and artist information, the plugin will fetch this data in real-time and display it in the player interface as the "Now Playing" track. This feature works out-of-the-box with no extra configuration required.
Is the radio player mobile-friendly and responsive?
Yes, responsiveness is a core feature of this plugin. The player's layout is fully responsive and will automatically adjust to fit any screen size, including desktops, tablets, and smartphones. This ensures a seamless and user-friendly listening experience for all your visitors, regardless of the device they are using to access your website.
Does this plugin require Adobe Flash Player?
No, it does not. The plugin is built entirely on modern HTML5 audio technology, which is natively supported by all current web browsers (like Chrome, Firefox, Safari, and Edge). This means you don't need Adobe Flash or any other third-party browser plugins, making it a faster, more secure, and more compatible solution for web audio streaming.
