Radio Player With Playlist Shoutcast and Icecast

Description

The best HTML5 Radio Player with ShoutCast and IceCast support. Just add the radio stream and the player will get radio name, radio categories, current playing song and artist photo.

IF YOU NEED THE WORDPRESS PLUGIN FOR THIS PRODUCT, YOU CAN DOWNLOAD IT FROM HERE : https://codecanyon.net/item/radio-player-shoutcast-icecast-wordpress-plugin/9013963

 

FEATURES:

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. The radio stream should be MP3 type. It will also play AAC streams but only on browsers which support AAC.

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.

Artist Image

The player will display the photo of the current playing singer, if is present in the database.

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 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/Android (restrictions imposed by Apple/Google):
1. The autoplay will not work because IOS/Android disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS/Android. You’ll have to adjust the volume with physical buttons of the mobile device.
3. ShoutCast version below 2.0 doesn’t function on iOS 11. Please update ShoutCast server to at least v2.0
4. Icecast 2.4 kh4/kh5 do not function on iOS 11. Older versions (2.3.3 KH11) and standard Icecast 2.4.1 do function correctly. Please update IceCast server to latest version.

 

Note for Safari, Chrome & Firefox (restrictions imposed by Apple & Google):
1. Starting with Safari 11, Chrome 66 and Firefox 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS.
2. Chrome no longer accepts mixed requests. Please check this link: https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html. In case you have a HTTPS website you’ll need to use a HTTPS radio link.

 

 

Other Recommended Players

Keywords: html5, php, radio, audio, mp3, music, player, playlist, ios, song, mobile, streaming, playlist, search, Shoutcast, Icecast, audioplayer

If you need additional information don’t hesitate to contact us at [email protected]. We’ll try to answer you as quickly as possible.

Enjoy!

UPDATES / RELEASE LOG

***Version 3.3 Release Date: April 05, 2020
- now playing feature code improvement
- modification to compensate the firefox autoplay blocking

***Version 3.2.0 Release Date: March 20, 2019
- updates for 2020

***Version 3.2 Release Date: June 26, 2019
- replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on()

***Version 3.1 Release Date: May 18, 2019
- code improvements

***Version 3.0.1 Release Date: May 08, 2019
- code improvements

***Version 3.0 Release Date: May 07, 2019
- replaced the LastFM API

***Version 2.3.0 Release Date: May 02, 2019
- support for HTTPS streams

***Version 2.3 Release Date: March 26, 2019
- updated the FaceBook API to the latest version 3.2
- updated the help information regarding FaceBook Share

***Version 2.2.1 Release Date: February 26, 2019
- code modifications for the display of the artist image

***Version 2.2.0 Release Date: January 16, 2019
- code modifications for reading the 'Current Song' features

***Version 2.2 Release Date: October 24, 2018
- updated the FaceBook API to the latest version 3.1
- added FaceBook share parameters

***Version 2.1.0 Release Date: August 16, 2018
- added setTimeOut for player loading

***Version 2.1 Release Date: June 19, 2018
- Chrome auto-play restriction for HTML5 audio & video tags fix
- Safari 11 on Mac auto-play restriction for HTML5 audio & video tags fix

***Version 2.0.1.1 Release Date: March 01, 2018
- bug fix

***Version 2.0.1 Release Date: February 21, 2018
- bug fix which appeared on IOS when the playlist had no scroll

***Version 2.0 Release Date: February 14, 2018
- code improvements

***Version 1.9 Release Date: January 11, 2018
- code improvements for touch navigation feature

***Version 1.8.3.0 Release Date: November 23, 2017
- compatibility with HTTPS websites

***Version 1.8.3 Release Date: July 26, 2017
- it automatically adds '/;' at the end of the stream which requires these characters

***Version 1.8.2.0 Release Date: March 19, 2017
- the last.fm api will display the image on websites which use HTTPS

***Version 1.8.2 Release Date: January 19, 2017
- updated the Facebook API to the latest version 2.8 
- improvements for 'now_playing' features

***Version 1.8 Release Date: September 29, 2016
- updated the Facebook API to the latest version 2.7 

***Version 1.7 Release Date: May 12, 2016
- bug fix: play button will appear on load, for mobile devices, instead of pause button
- improvements for 'streamandgenre' & 'now_playing' features

***Version 1.6 Release Date: March 4, 2016
- full compatibility with Microsoft Edge

***Version 1.5.4.0 Release Date: January 30, 2016
- updates to jQuery version

***Version 1.5.4 Release Date: August 19, 2015
- feature: updated the script to work with the new Last.FM API

***Version 1.5.3 Release Date: June 24, 2015
- feature: new parameter added 'grabStreamnameAndGenre'

***Version 1.5.2 Release Date: May 15, 2015
- feature: icecast data detection using the mountpoint for icecast 2.4.0

***Version 1.5.1 Release Date: February 23, 2015
- feature: parameter to cancel play button auto-hide

***Version 1.5.0 Release Date: December 9, 2014
- feature: it reads the new status-json.xsl file which is available with icecast 2.4.0
- feature: parameter to disable last.fm image
- bug fix: pause will reset the radio stream

***Version 1.4.2 Release Date: November 5, 2014
- bug fix: the radio will start playing on IOS and Android devices, with only one touch instead of two touches

***Version 1.4.1 Release Date: September 25, 2014
- feature: 'noImageAvailable' parameter was added

***Version 1.4 Release Date: September 25, 2014
- feature: automatic stream title and genre detection for shoutcast v2
- feature: icecast data detection using the mountpoint
- feature: touch swipe scroll for playlist on mobile devices
- feature: parameters to hide next/previous buttons
- bug fix: category selection for categories having the same letters at the beginning

***Version 1.3 Release Date: August 29, 2014
- feature: 'nowPlayingInterval' parameter was added

***Version 1.2 Release Date: July 16, 2014
- updated the Facebook API to the latest version 2.0 

***Version 1.1 Release Date: July 11, 2014
- feature: option to manually set the radio name and categories

***Version 1.0 Release Date: July 05, 2014