This Sticky HTML5 Radio Player has support for ShoutCast and IceCast radio streams and comes with a complex playlist with categories and search. 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/sticky-radio-player-wordpress-plugin-full-width-shoutcast-and-icecast-html5-player/17162755
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.
The radio player can be used in websites which are responsive.
It is compatible with IOS and Android operating systems.
The player will display the photo of the current playing singer, if it is present in the wikimedia.org/wikidata.org database, using the musicbrainz.org api.
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.
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.
You have the option to search the playlist. The results will be displayed as you type the search term.
Button to show or hide the playlist. Also option to start the player with the playlist hidden.
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
You can set as visible or set as hidden: playlist, volume, share buttons
Over 70 parameters from where you can customize your player, including: width, autoplay, initial volume, playlist, categories & color parameters.
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: radio, audio, html5, mp3, music, player, playlist, ios, sticky, mobile, streaming, responsive, search, shoutcast, icecast
If you need additional information don’t hesitate to contact us at email@example.com. We’ll try to answer you as quickly as possible.
UPDATES / RELEASE LOG
***Version 3.1 Release Date: January 20, 2021 - moved html5 audio tag inside the script so that it will not be affected by the incorrect usage of mediaelement library ***Version 3.0 Release Date: January 09, 2021 - removed flash fallback ***Version 18.104.22.168 Release Date: December 04, 2020 - code improvement for 'now playing' & 'stream title' files ***Version 2.3.1 Release Date: September 08, 2020 - css improvements ***Version 2.3 Release Date: March 25, 2020 - now playing feature code improvement - modification to compensate the firefox autoplay blocking ***Version 2.2.0 Release Date: January 18, 2020 - updates for 2020 ***Version 2.2 Release Date: July 05, 2019 - replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on() ***Version 2.1 Release Date: May 21, 2019 - code improvements ***Version 2.0 Release Date: May 07, 2019 - replaced the LastFM API ***Version 22.214.171.124 Release Date: May 02, 2019 - support for HTTPS streams ***Version 1.7.1 Release Date: March 28, 2019 - updated the FaceBook API to the latest version 3.2 - updated the help information regarding FaceBook Share ***Version 1.7 Release Date: February 26, 2019 - code modifications for the display of the artist image ***Version 1.6.0 Release Date: January 18, 2019 - code modifications for reading the 'Current Song' features ***Version 1.6 Release Date: December 11, 2018 - cookie improvement for continuous playback feature ***Version 1.5.1 Release Date: October 24, 2018 - updated the FaceBook API to the latest version 3.1 - added FaceBook share parameters ***Version 126.96.36.199 Release Date: June 21, 2018 - code improvements ***Version 1.5 Release Date: June 20, 2018 - Chrome auto-play restriction for HTML5 audio & video tags fix - Safari 11 on Mac auto-play restriction for HTML5 audio & video tags fix - code improvements for website navigation ***Version 1.4.1 Release Date: February 27, 2018 - bug fix ***Version 1.4 Release Date: February 14, 2018 - code improvements ***Version 1.3 Release Date: January 10, 2018 - code improvements for touch navigation feature ***Version 1.2 Release Date: August 31, 2017 - it automatically adds '/;' at the end of the stream which requires these characters ***Version 1.1.0 Release Date: March 21, 2017 - the last.fm api will display the image on websites which use HTTPS ***Version 1.1 Release Date: March 05, 2017 - updated the Facebook API to the latest version 2.8 - improvements for 'now_playing' features ***Version 1.0 Release Date: July 04, 2016