This plugin requires at least WordPress 3.0

 

Video Tutorials

How to install plugin - https://www.youtube.com/watch?v=bldyjPkJvvo
How to use the plugin - https://www.youtube.com/watch?v=SV7xkVEYXjM

 

Manage Players

From this section you can:
- add a new player
- select the player you want to edit by clicking "Player Settings"
- duplicate and existing player by clicking "Duplicate"
- delete an existing player by clicking "Delete"

 

Player Settings

From this section you can define the radio player settings.

   
General settings
Radio Stream Link The radio stream you want to play. Please check Shoutcast and Iceast link structure section for additional details.
Optional Shoutcast Sid If you are using a ShoutCast stream and on the ShoutCast server you run multiple radio streams, you can set the "sid" number so that the history will be displayed correctly.
Player Width player width
Player Width 100% Possible values:
true - the player width will be the width parent div where the player is inserted
false - the player width will not be what you've set for 'Player Width' parameter
Player Left Padding player area left inner padding (in pixels)
Player Right Padding player area right inner padding (in pixels)
Player Top Padding player area top inner padding (in pixels)
Player Bottom Padding player area bottom inner padding (in pixels)
Center Player Possible values:
true - the radio player will be centered in your layout containing div
false - the radio player will be centered
Sticky Possible values:
true - the radio player will be positioned on the right-bottom corner beeing fixed while the page scrolls
false - the radio player will NOT be sticky and it will behave like any other element on the page.
Activate For Footer Possible values:
true - the player will be added in the website footer and it will be present on all pages
false - the player will be added in the website footer and it will be present only on the pages where the shortcode has been added
The list of the IDs of the pages where you don't want the player to appear in the footer separated by ';' After you activate the player for footer, if you don't want the player to appear on certain pages, you can specify the pages IDs separated by ';'. The page ID can be found when you edit the page in the url. Example: https://your_website_name.com/wp-admin/post.php?post=109&action=edit . In this case the page ID is 109.
Auto Play Possible values:
true - autoplays audio file
false - doesn't autoplay audio file
Default "No Image Available" The path to 'No Image Available' image which will appear when there's no artist image found in the database
Grab Artist Photo Possible values:
true - it will grab the artist photo
false - it will always use the image specified by 'Default "No Image Available"' parameter
The MSCP PRO json Api URL ( OPTIONAL ) in the case you are using a MSCP PRO radio server, you can add the direct url to the MSCP PRO Api, json version, so that the cover image will be taken from MSCP PRO radio server.
Player Border Size The size for entire player border (including history area)
Player Border Color The player border color (hexa or 'transparent')
Player Background Color The player background color (hexa or 'transparent')
Player Background Color Opacity/Alpha The player background color opacity. It takes vales from 0 to 100.
Total Number Of Elements Displayed (including the current playing one) The total number of songs shown in the history, including the current playing one
Refresh Interval for Now-Playing Info The calling interval (in seconds) for the file which reads the current playing song
Player Loading Delay The timeout delay (in seconds) for player loading
Animated Bars Color The animated bars color (hexa or 'transparent'). The animated bars will appear near the play button or the current playing song.
Play Button Color OFF State The play/pause buttons color (hexa or 'transparent'), off state
Play Button Color ON State The play/pause buttons color (hexa or 'transparent'), hover state
Path to the artist images/album covers folder In the case you have your images stored on your server (the same as your website) and you want to use those images for the current playing song. The image name should be identical with the current playing song. Example: Artist Name - Song Name.jpg
   
History Settings
Use Radio Server Time Possible values:
true - it will use for the history songs, the original time defined in ShoutCast history file
false - it will use for the history songs, the computer time
History Record Time Color OFF State The history record time color (hexa or 'transparent'), OFF state.
History Record Song Color OFF State The history record song title color (hexa or 'transparent'), OFF state.
History Record Author Color OFF State The history record author/singer color (hexa or 'transparent'), OFF state.
Line Separator Color (between Song Title & Song Author) OFF State The history record line separator color (hexa or 'transparent'), between Song Title & Song Author, OFF state.
History Record Background Color ON State The history record background color (hexa or 'transparent'), OFF state.
History Record Time Color ON State The history record time color (hexa or 'transparent'), OFF state.
History Record Song Color ON State The history record song title color (hexa or 'transparent'), OFF state.
History Record Author Color ON State The history record author/singer color (hexa or 'transparent'), ON state.
   

 

Shoutcast and Iceast Link Structure

- SHOUTCAST LINK

http://[domain]:[port] OR

http://[ip]:[port]

Ex: http://83.169.60.45:80

IMPORTANT: For the vast majority of the shoutcast streams, try appending "/;" to the stream so it looks like this:

http://[ip]:[port]/;

Ex: http://83.169.60.45:80/;

- ICECAST LINK

http://[domain]:[port]/mountpoint

Ex: http://87.230.59.20:80/iloveradio2.mp3

 

- RADIONOMY LINK

For radio hosted by radionomy.com, the link looks like this: http://streaming.radionomy.com/ABC-Piano

Due to the fact that the IP is unknown, the player can't access current playing song name and artist photo. It will play it and it will display the radio name.

 

NOTE: Radio Stream should be MP3 type, the support for AAC/AAC+ stream depends on the browser support.

 

ShortCode

The shortcode is:
[lbg_audio11_html5_shoutcast settings_id='1']
where
settings_id is the player ID defined in "Manage Players" section