CLEVER - HTML5 Radio Player & History - Elementor

FEATURES:

+ Shoutcast and 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

+ Only Radio Stream Needed - Just add the radio stream and the player will get the current playing song and artist photo.

+ 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.

+ Full Width Option - The radio player width can cover the full width of the parent div.

+ Artist Image - The player will display the photo of the current playing singer, if it is present in the database.

+ Highly Customizable - Over 35 parameters from where you can customize the player, having the possibility to integrate it in any design.

+ Sticky Version - Parameter to set the radio player in sticky version.

+ History - It will automatically get the history for ShoutCast streams. For IceCast streams it will generate the history as the radio plays.

+ Show/Hide History - Parameter to load the player with history or without history.

+ Multiple Instances - You can insert multiple radio players on your website or on the same page (maximum 2 on the same page). Only one can be set as 'sticky'’'.

VIDEO TUTORIAL:

+ You'll find detailed video tutorials, in the help documentation

Note for IOS & Android (restrictions imposed by Apple & Google): - The autoplay will not work because IOS (and Android) has disabled autoplay feature and it can't be controlled from JS.

Note for Safari, Chrome & Firefox (restrictions imposed by Apple & Google):

+ 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.

+ 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.