6 Best HTML5 Radio Player Plugins

6 Best HTML5 Radio Player Plugins

Thankfully, HTML5 has become the standard for multimedia web design. HTML5 advantage is its ease in adapting to different platforms. This makes designing, developing, and deploying custom audio players much easier than in the past—and having it work on desktop, mobile, and various operating systems. The following 6 best HTML5 radio player plugins are excellent examples of how advanced these players can be, while at the same time being easy to customize to your own design needs.

1. SHOUT – HTML5 Radio Player With Ads – ShoutCast and IceCast Support

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

 
download SHOUT - HTML5 Radio Player With Ads - ShoutCast and IceCast Support

 

2. HERO – HTML5 IceCast & ShoutCast Radio Player With History

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):

  1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JSl
  2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.

 

download HERO – HTML5 IceCast & ShoutCast Radio Player With History

 
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

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)

 

download HTML5 Radio Station Player

 

4. IceCast ShoutCast HTML5 Radio Player With Playlist

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.

 

download IceCast ShoutCast HTML5 Radio Player With Playlist

 

5. SHOUTcast and Icecast Radio Web Player

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

download SHOUTcast and Icecast Radio Web Player

 

6. Sticky HTML5 Radio Player Full Width Shoutcast Icecast

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.

 
download Sticky HTML5 Radio Player Full Width Shoutcast Icecast

 

 

No Comments

Post A Comment