This plugin requires at least WordPress 3.0
Step 1: Installation – http://www.youtube.com/watch?v=ZIoZebC3pNo
Step 2: Player Playlist – http://www.youtube.com/watch?v=OhPSMcqtoXc
Step 3: Adding The ShortCode – http://www.youtube.com/watch?v=skhRCmFA2Y0
Step 4: Changing Player Settings – http://www.youtube.com/watch?v=-4Uv4rpP8kw
Step 5: Adding Multiple Players – http://www.youtube.com/watch?v=rkyJ2nfA3FA
Step 6: How To Use The Shortcode Optional Parameters – https://www.youtube.com/watch?v=kt8Euy5MNZ0
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-audio1-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_audio1_html5 settings_id='1']
click here for more details regarding the shortcode
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 |
audio1_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-audio1-html5.php | the plugin itself |
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.
From this section you can define the audio player settings.
General Settings | |
Skin Name | Available skins: - whiteControllers - blackControllers |
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 |
Float | Possible values: none - the audio player has not floating left - the audio player floats left true - the audio player floats right |
Initial Volume Value | the initial volume value. It takes values between 0-1 |
Player Padding | Player inner padding |
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 |
Title | audio file title |
Author | audio file author |
MP3 file (Chrome, IE, Safari) | .mp3 file name. |
OGG (Firefox & Opera) | .ogg file name. |
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>
The shortcode is:
[lbg_audio1_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