05 Sep 6 Best HTML5 Radio Player Plugins
HTML5 is the new standard for multimedia applications like audio and radio players. Due to the fact that it works on all operating systems and major browsers it makes it the first technology chosen by web developers. The following 6 HTML5 radio player plugins are the best available now. Among their many options you will find: ShoutCast and IceCast streams, playlist categories and search, recently played songs (history), ads support, full Width dimension, sticky version.
1. SHOUT – HTML5 Radio Player With Ads – ShoutCast and IceCast Support
FEATURES for SHOUT – HTML5 Radio Player With Ads:
Shoutcast & Icecast Support
The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.
Sticky & Standard Versions
You can set the player to be sticky for a page or for the entire website. Sticky feature can be disabled. The Radio Player can be simply inserted in the content of a page or post.
Ads Support
For each radio station you can define one or many commercial banners to be displayed while your users listen the radio station. You can disable ads support and the current playing singer image will be displayed.
Player In Popup Window
You have a button which will open the player in a popup window. With this feature you can listen the radio station, without interruptions, while navigating the website menu.
Continuous Playback
When you’ll change the page, the player will continue from where it was in the previous page preserving the selected radio station, volume etc. This will ensure a smooth playback across your entire website.
Categories
The playlist items are structured in categories. A radio file can belong to multiple categories. The categories are automatically generated from the radio stream data.
Show/Hide Playlist
Button to show or hide the playlist. Also option to start the player with the playlist hidden.
Share
You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.
Option To Manually Set Radio Name And Categories Name
If needed, you have the option to manually set the radio name and categories name
2. HERO – HTML5 IceCast & ShoutCast Radio Player With History
HERO is the ultimate HTML5 Icecast & Shoutcast Radio Player With History support. We have provided over 30 js options from where you can customize your player, including: width, autoplay, colors and other parameters.
If you need only the WordPress Plugin for HERO – HTML5 IceCast & ShoutCast Radio Player With History, you can download it from HERE
FEATURES for HERO – HTML5 IceCast & ShoutCast Radio Player With History:
- Just add the radio stream and the player will get the current playing song and artist photo.
- It is compatible with IOS and Android operating systems.
- It supports Shoutcast and Icecast radio streaming. The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.
- The player uses Last.FM API to display the photo of the current playing singer.
- You can choose from the 2 available skins: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.
- Parameter to set the radio player in sticky version. Additional parameter to only show the play button.
- It will automatically get the history for ShoutCast streams. For IceCast streams it will generate the history as the radio plays.
- Button to show or hide the history. Also option to start the player with the history hidden.
- You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.
- You can insert multiple radio players on your website or on the same page. Only one can be set as ‘sticky’.
- You can set as visible or set as hidden: playlist, volume, share buttons.
- Hero Radio Player has over 30 options from where you can customize your player, including: width, autoplay, colors and other parameters.
Notes for IOS (restrictions imposed by Apple):
- The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JSl
- Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.
P.S. HERO – HTML5 IceCast & ShoutCast Radio Player With History is included in IceCast and ShoutCast Radio Player jQuery Plugins Bundle The bundle contains 3 Radio Player jQuery Plugins. You can purchase this package with a substantial 55% discount!
3. HTML5 Radio Station Player
This was a long term project which has been improved multiple times. It includes Multi-server Shoutcast & Icecast Stats PHP Class to parse current playing track and its playtime. Currently the script supports Icecast & Shoutcast (Tested on Latest Versions). It is not responsive (adding responsiveness should be fairly easy). This player also allows your visitors to customize their experience, they can choose between different streams, enable or disable auto start feature, enable or disable flash as primary player and change player background. Its easy to set-up and add to any existing web site.
FEATURES of HTML5 Radio Station Player:
- Easy to Configure and Deploy (Includes SETUP Script)
- Based on JPlayer (HTML5 & Flash Fall back)
- LastFM API for showing Artists Images
- Includes 12$ worth PHP Class Multi-server Shoutcast & Icecast Stats PHP Class
- Includes amazing PHP caching class that works with memcache, memcached, APC (user cache) and HDD cache (default)
- Allows your listeners to customize experience (Turn Flash on/off, Auto Play on/off, Change Background, Change Stream Quality (if you have multiple streams))
- Creates Play-list files on the fly from configured streams
- Best Deployed as POPUP or IFRAME so your listeners can keep browsing your site while listening
- Since update 1.09 player is responsive. It will adapt to smaller devices but it might break UI at smaller screens (BETA)
4. IceCast ShoutCast HTML5 Radio Player With Playlist
IceCast ShoutCast HTML5 Radio Player – jQuery Plugin with playlist, categories and search, supports Shoutcast and Icecast radio streaming and has over 70 parameters for customizing. The player uses Last.FM API to display the photo of the current playing singer.
IF YOU NEED ONLY THE WORDPRESS PLUGIN FOR IceCast ShoutCast HTML5 Radio Player With Playlist, YOU CAN DOWNLOAD IT FROM HERE
FEATURES of IceCast ShoutCast HTML5 Radio Player With Playlist:
Only Radio Stream Needed
Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.
Shoutcast & Icecast Support
It supports Shoutcast and Icecast radio streaming. Radio Stream should be MP3 type, no support for AAC/AAC+ stream
Responsive Design
The radio player can be used in websites which are responsive. Optional parameter to disable responsive behavior in order to integrate it in non-responsive websites.
Mobile Compatible
It is compatible with IOS and Android operating systems.
Last.FM API
The player uses Last.FM API to display the photo of the current playing singer.
Highly Customizable
You can choose from the 2 available skins: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.‘
Categories
The playlist items are structured in categories. A radio file can belong to multiple categories. The categories are automatically generated from the radio stream data.
Playlist Search
You have the option to search the playlist. The results will be displayed as you type the search term.
Show/Hide Playlist
Button to show or hide the playlist. Also option to start the player with the playlist hidden.
Share
You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.
Option To Manually Set Radio Name And Categories Name
If needed, you have the option to manually set the radio name and categories name
Multiple Instances
You can insert multiple radio players on your website or on the same page.
Show/Hide Buttons
You can set as visible or set as hidden: playlist, volume, share buttons
Multiple Parameters
Over 70 js options from where you can customize your player, including: width, autoplay, initial volume, playlist, categories & color parameters.
Free Updates
Once you’ve bought the product, you can download for free, from your account, all the updated versions.
Notes for IOS (restrictions imposed by Apple):
1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.
5. SHOUTcast and Icecast Radio Web Player
This is a fully flexible SHOUTcast & Icecast web radio player plugin based on HTML5 and jQuery. It pulls metadata and streaming data directly and updates the interface automatically.
FEATURES for SHOUTcast and Icecast Radio Web Player :
- Full Playing/streams History
- Display The Next Track
- Artists’ Artworks
- Full Radio Station Information
- Multiple Instances
- Supports All Formats
- Pretty Customisable
- Easy to Use & Detailed Manual
- Only The Radio Link Required
- Light Weight
- Share Buttons
- Fully Responsive
- Current/Live Listeners
- Customised Radio Logo
- Supports All Formats (MP3, ACC, URL & etc)
- Accepts Radios With Multiple Streamings
- Powerful API
- Functionality & Design Customisable
- Multiple Instances
- Last.FM API Integrated
6. Sticky HTML5 Radio Player Full Width Shoutcast Icecast
Sticky HTML5 Radio Player Full Width Shoutcast Icecast supports Shoutcast and Icecast radio streaming. The player uses Last.FM API to display the photo of the current playing singer. In addition you have over 70 parameters from where you can customize your player. Therefore it includes: autoplay, initial volume, playlist, categories and color parameters.
IF YOU NEED ONLY THE WORDPRESS PLUGIN FOR Sticky HTML5 Radio Player Full Width Shoutcast Icecast, YOU CAN DOWNLOAD IT FROM HERE
FEATURES of Sticky HTML5 Radio Player Full Width Shoutcast Icecast::
Only Radio Stream Needed
Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.
Shoutcast & Icecast Support
It supports Shoutcast and Icecast radio streaming. Radio Stream should be MP3 type, no support for AAC/AAC+ stream.
Responsive Design
The radio player can be used in websites which are responsive.
Mobile Compatible
It is compatible with IOS and Android operating systems.
Last.FM API
The player uses Last.FM API to display the photo of the current playing singer.
Highly Customizable
You can choose from the 2 available skins: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.
Categories
The playlist items are structured in categories. A radio file can belong to multiple categories. The categories are automatically generated from the radio stream data.
Playlist Search
You have the option to search the playlist. The results will be displayed as you type the search term.
Show/Hide Playlist
Button to show or hide the playlist. Also option to start the player with the playlist hidden.
Share
You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.
Option To Manually Set Radio Name And Categories Name
If needed, you have the option to manually set the radio name and categories name.
Show/Hide Buttons
You can set as visible or set as hidden: playlist, volume, share buttons.
Multiple Parameters
Over 70 parameters from where you can customize your player, including: width, autoplay, initial volume, playlist, categories & color parameters.
Free Updates
Once you’ve bought the product, you can download for free, from your account, all the updated versions.
Notes for IOS (restrictions imposed by Apple):
1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.
Sorry, the comment form is closed at this time.