Help

This plugin requires at least WordPress 3.0

 

Video Tutorials

Installation – https://www.youtube.com/watch?v=o6kdAWJVnKA
Manage Player Settings and Playlist – https://www.youtube.com/watch?v=YxrFSH-8eyc
How To Use The Shortcode Optional Parameters – https://www.youtube.com/watch?v=hoeDbGHuchE
How To Use The Shortcode with Custom Fields – https://www.youtube.com/watch?v=T7Nn43xhBlI

 

Plugin Instalation

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-audio10-html5.zip that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
Step 5. In you page just add the shortcode: [lbg_audio10_html5 settings_id='1']
click here for more details regarding the shortcode

 

Files & Folders Structure

css the folder contains the .css files used by the pluging
images the folder contains the images used by the pluging
js the folder contains the .js files used by the pluging
audio10_html5 the folder contains the .js & .css files that the audio player use
tpl the folder contains the template files used by the pluging
lbg-audio10-html5.php the plugin itself
   

 

Manage Players

From this section you can define the players.
If you need to include multiple players in your pages with different settings and playlist you can define the players and manage the settings for each one.
If you need only one player in your website, just edit the default one.

 

Player Settings

From this section you can define the audio player settings.

General Settings
Skin Name Available skins:
- whiteControllers
- blackControllers
Player Width The width of the player. The minimum width you can set is 260. If you want the player to be full width you can set the 'Player Width' to 3000.
Center Player Possible values:
true - the player will center on the page
false - the player will not center on the page
Loop Possible values:
true - autoplays audio file
false - doesn't autoplay audio file
Auto Play Possible values:
true - starts next audio file after current audio file has finished
false - doesn't start next audio file after current audio file has finished
Shuffle Possible values:
true - the playlist will be played in shuffle mode
false - the playlist will be played in normal mode
Initial Volume Value the initial volume value. It takes values between 0-1
Player Background Player background color (hexa)
Empty Buffer Color Player buffer color (hexa)- empty state
Full Buffer Color Player buffer color (hexa) - full state state
SeekBar Color Seekbar color (hexa)
Volume Off State Color Volume slide color (hexa) - off state
Volume On State Color Volume slide color (hexa) - on state
Timer Color

Ttimer color (hexa)

Song Author or Title Color Audio file Author and Title text area color (hexa) which resides below seekbar
Show Rewind Button Possible values:
true - rewind button will appear
false - rewind button will not appear
Show Play Button Possible values:
true - play button will appear
false - play button will not appear
Show Previous Button Possible values:
true - previous track button will appear
false - previous track button will not appear
Show Next Button Possible values:
true - next track button will appear
false - next track button will not appear
Show Volume Button Possible values:
true - volume button will appear
false - volume button will not appear
Show Volume Slider Button Possible values:
true - volume slider will appear
false - volume slider will not appear
Show Timer Possible values:
true - timer will appear
false - timer will not appear
Show Seek Bar Possible values:
true - seekbar will appear
false - seekbar will not appear
Show Author Possible values:
true - Audio track Author will appear in the text are which resides below seekbar
false - Audio track Author will not appear in the text are which resides below seekbar
Show Author Possible values:
true - Audio track Title will appear in the text are which resides below seekbar
false - Audio track Title will not appear in the text are which resides below seekbar
Continuous Playback Possible values:
true - When you'll change the page, the player will continue from the previous minute. Also, the volume will remain as previously set. This will ensure a smooth playback across your entire webiste.
false - When you'll change the page, the player will NOT continue from the previous minute.
Preload Possible values:
metadata
auto
none
   
Playlist Settings
Show Playlist On Init Possible values:
true - playlist will appear on init
false - playlist will not appear on init
Show Playlist Button Possible values:
true - show/hide playlist button will appear
false - show/hide playlist button will not appear
Show Playlist Possible values:
true - playlist will appear
false - playlist will not appear
Playlist Top Position Playlist distance from the audio player
Playlist Background Color Playlist background color (hexa)
Playlist Record Background Off Color Playlist item background color (hexa) - OFF state
Playlist Record Background Off Color Playlist item background color (hexa) - ON state
Playlist Record Bottom Border Off Color Playlist item bottom border color (hexa) - OFF state
Playlist Record Bottom Border On Color Playlist item bottom border color (hexa) - ON state
Playlist Record Text Off Color Playlist item text color (hexa) - OFF state
Playlist Record Text On Color Playlist item text color (hexa) - ON state
NumberOf Thumbs Per Screen Number of items shown in the playlist. You'll have to scroll to see the rest
Playlist Padding Playlist inner padding
Show Playlist Number Possible values:
true - the item number in the playlist will appear
false - the item number in the playlist will not appear
   

 

Playlist

Title audio file title
Author audio file author
MP3 file (Chrome, IE, Safari) .mp3 file name.
OGG (Firefox & Opera) .ogg file name.
   

 

.htaccess

If you need to increase the wordpress media library upload file size limit add the following definitions in the .htaccess file

<IfModule mod_php5.c>
php_value post_max_size 10M
php_value upload_max_filesize 40M
php_value memory_limit 500M
</IfModule>

 

ShortCode

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

OPTIONAL PARAMETERS:

'mp3_file' is the link to the .mp3 file, in case you don't want to use 'Playlist' section - optional parameter
'ogg_file' is the link to the .ogg file, in case you don't want to use 'Playlist' section - optional parameter
'title' is the title of the audio file, in case you don't want to use 'Playlist' section - optional parameter
'author' is the author of the audio file, in case you don't want to use 'Playlist' section - optional parameter

'mp3_custom_field' is the custom field name which will hold the link to the .mp3 file, in case you don't want to use 'Playlist' section - optional parameter
'ogg_custom_field' is the custom field name which will hold the link to the .ogg file, in case you don't want to use 'Playlist' section - optional parameter
'title_custom_field' is the custom field name which will hold the audio file title, in case you don't want to use 'Playlist' section - optional parameter
'author_custom_field' is the custom field name which will hold the audio file author, in case you don't want to use 'Playlist' section - optional parameter