This plugin requires at least WordPress 3.0
How to install - https://www.youtube.com/watch?v=w-Ybont6CYo
How to use the add-on - https://www.youtube.com/watch?v=1t7FxZ6kbm4
Step 1. Enter in your wordpress CMS and go to Plugins menu
Step 2. Under Plugins menu click "Add New"
Step 3. Select "Upload", choose the archive 'lbg_clever_addon_visual_composer.zip' that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
| assets | the folder contains the .css, .js and .png files used by the plugin |
| audio11_html5_radio_history | the folder contains the radio player files |
| vc_extend.php | the plugin itself |
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. |
| 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 |
| 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 (HTTP or HTTPS)
- SHOUTCAST LINK
https://[domain]:[port] OR
https://[ip]:[port]
Ex: https://sslstreaming.com:7000
IMPORTANT: For the vast majority of the shoutcast streams, try appending "/;" to the stream so it looks like this:
http://[ip]:[port]/;
Ex: https://sslstreaming.com:7000/;
- 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