Code

Hero - Shoutcast and Icecast Radio Player for WPBakery Page Builder (formerly Visual Composer)

Hero - Shoutcast and Icecast Radio Player for WPBakery Page Builder (formerly Visual Composer)

A top-notch HTML5 radio player with ShoutCast and IceCast support. It will display the current playing song & artist, the current playing artist image and the radio stream history. Compatible with all major browsers and mobile devices. This is an addon / extension for WPBakery Page Builder (formerly Visual Composer)

 

Vera - Essential Multimedia Addons for Visual Composer

 

video tutorial

How to install and use the add-on: https://www.youtube.com/watch?v=L4OzTut8law

 

FEATURES:

\\ 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

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

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

\\ Sticky Version

Parameter to set the radio player in sticky version. It will be sticky only on the page it was inserted. If you want to be sticky on all pages, you should buy the WordPress plugin instead: https://codecanyon.net/item/hero-shoutcast-and-icecast-radio-player-with-history-wordpress-plugin/19364283

\\ 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

Button to show or hide the history. Also option to start the player with the history hidden.

\\ Share

You can share the radio player on Facebook and Twitter. Parameters to customize the share title and description.

\\ 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’.

\\ Show/Hide Buttons

You can set as visible or set as hidden: playlist, volume, share buttons

\\ Multiple Parameters

Over 30 options from where you can customize your player, including: width, autoplay, colors and other parameters.

 

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.

 

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 (restrictions imposed by Apple & Google):
Starting with Safari 11 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS

 

 


radio, audio, html5, mp3, wordpress, player, music, ios, history, mobile, streaming, sticky, plugin, shoutcast, icecast, visual composer addon



If you need additional information don’t hesitate to contact us at office@lambertgroup.ro. We’ll try to answer you as quickly as possible.

Enjoy!

 

Our other Visual Composer Add-Ons

inspector html5 radio streams list tester

visual composer addon html5 radio player

visual composer addon universal video player

visual composer addon html5 audio player pro

 

UPDATES / RELEASE LOG

***Version 1.6.8 Release Date: November 29, 2018
- increased the history scroll when using mouse wheel

***Version 1.6.7 Release Date: November 15, 2018
- code improvements

***Version 1.6.6 Release Date: November 01, 2018
- code improvements

***Version 1.6.5 Release Date: October 27, 2018
- cors update

***Version 1.6.4.1 Release Date: October 10, 2018
- multiple code improvements

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

***Version 1.6.3 Release Date: May 08, 2018
- code improvements for reading the metadata file of the HTTPS radio streams
- new parameter added 'preserveOriginalUpperLowerCase' - the current playing song title and author letters will be displayed as they come from the metadata file or the song title will have text-transform:uppercase and author will have text-transform:capitalize

***Version 1.6.2 Release Date: April 10, 2018
- IOS 11 current playing song refresh problem fix

***Version 1.6.1 Release Date: February 25, 2018
- bug fix

***Version 1.6 Release Date: February 22, 2018
- bug fix which appeared on IOS when the playlist had not scroll

***Version 1.5 Release Date: January 04, 2018
- RadioJar support was added
- code improvements for touch navigation feature

***Version 1.4.2 Release Date: November 28, 2017
- code improvements for 'current playing song' feature

***Version 1.4.1 Release Date: October 04, 2017
- HTTPS compatibility

***Version 1.4 Release Date: September 29, 2017
- code improvements for responsive behavior

***Version 1.3 Release Date: May 16, 2017
- bug fix: fixed a bug which appeared when the player was set to start minified and there was an IceCast stream playing

***Version 1.2 Release Date: April 08, 2017
- the last.fm api will display the image on websites which use HTTPS
- code improvements when 'showOnlyPlayButton' option is set

***Version 1.1 Release Date: March 03, 2017
- code improvements for 'current playing song' feature
- code improvements for FaceBook share

***Version 1.0 Release Date: February 10, 2017
by
by
by
by
by
by