This plugin requires at least WordPress 3.0

 

Video Tutorials

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

 

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.
Radio Name The radio station name
Skin Name The audio player comes with 2 predefined controllers skins (white and black). By controllers we understand play, pause, volume, facebook, twitter, show/hide playlist buttons. These buttons are saved as .png images. If you need another color for these controllers, you have the PSD files included and you can save over one skin, the controllers with another color.

Possible values:
- whiteControllers
- blackControllers

Responsive
Possible values:
true - the player will responsive
false - the player will not be responsive
Player Width player width
Image Height top image height. For image width it will use 'playerWidth' parameter
Auto Play Possible values:
true - autoplays audio file
false - doesn't autoplay audio file
Song Title Color Audio file Title text area color (hexa)
Author Title Color Audio file Author text area color (hexa)
Line Separator Color The line separator between the song title and song author
Radio Station Color Radio name text area color (hexa)
Frame Behind Text Color The color (hexa) of the frame behind song title and song author
Frame Behind Buttons Color The color (hexa) of the frame behind radio name and share buttons
Player Border Size The size for entire player border (including history area)
Player Border Color The player border color (hexa)
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
Start Minified Possible values:
true - the radio player start with large image and history area hidden. If you set this parameter true you also need to set sticky:true
false - the radio player will start with large image and history area visible.
Show Only Play Button Possible values:
true - all the elements of the player will be hidden except for play/pause button
false - all the elements of the player will be visible
Center Player Possible values:
true - the radio player will be centered in your layout containing div
false - the radio player will be centered
Facebook App ID FaceBook AppID. Please check Facebook Share section, for more informations
Facebook Share Title The title which will appear on FaceBook share. Please check Facebook Share section, for more informations
Facebook Share Description The description which will appear on FaceBook share. Please check Facebook Share section, for more informations
Facebook Share Image The image which will appear on FaceBook share. Please check Facebook Share section, for more informations
Now Playing Interval The calling interval (in seconds) for the file which reads the current playing song
Grab LastFm Photo Possible values:
true - it will grab the last.fm artish photo
false - it will always use the image specified by 'noImageAvailable' parameter
No Image Available The path to 'No Image Available' image which will appear when there's no image found in last.FM database
   
Controllers Settings: Show/Hide buttons & elements
Show Volume Possible values:
true - volume button will appear
false -volume button will not appear
Show Facebook But Possible values:
true - facebook button will appear
false - facebook button will not appear
Show Twitter But Possible values:
true - twitter button will appear
false - twitter button will not appear
Show Radio Station Possible values:
true - radio station name will appear
false - radio station name will not appear
Show Title Possible values:
true - current playing song will appear
false - current playing song will appear
Show Histor yBut Possible values:
true - show/hide history button will appear
false - show/hide history button will not appear
   
History Settings
Show History Possible values:
true - history will appear
false - history will not appear
Show History On Init Possible values:
true - history will appear on init
false - history will not appear on init
Translate Reading Data You can translate "reading history..." in your own language (if needed)
History Translate You can translate "HISTORY - latest played songs" in your own language (if needed)
History Title Color history title color (hexa)
History Bg Color history background color (hexa)
History Record Bg Color history item background color (hexa)
History Record Bottom Border Color history item bottom border color (hexa)
History Record Song Color history item song title color (hexa)
History Record Autho rColor history item song author color (hexa)
History Record Song Bottom Border Color history item line color between the song title and song author (hexa)
Number Of Thumbs Per Screen Number of items shown in the history. You'll have to scroll to see the rest
History Padding history inner padding
History Record Title Limit The history record title characters limit. All the other characters will be remoeved and replaced with ...
History Record Author Limit The history record author characters limit. All the other characters will be remoeved and replaced with ...
   

 

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, no support for AAC/AAC+ stream

 

ShortCode

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

 

FaceBook Share

In order for the Facebook share button to work you need to obtain a Facebook Application ID

1. Go to theĀ Facebook Developers Apps page and and sign in with your Facebook username and password.

2. Click the "Create New App" button.

If you do not see the option to create a new app in the upper right hand corner, click on "Register as Developer."

3. After that you'll obtain an 'App ID' which you'll edit Facebook App ID parameter from 'Player Settings' page

4. Go to Settings tab (left area), select 'Website' and insert your website URL