This plugin requires at least WordPress 3.0
Installation – https://www.youtube.com/watch?v=BIZp-_MqSJ0
Create a new player and manage the player settings – https://www.youtube.com/watch?v=ibja8DM_Zis
Manage the playlist and categories – https://www.youtube.com/watch?v=dq8Gal0XGPU
How To Automatically generate the player playlist by reading the folder which contains the MP3 files – https://www.youtube.com/watch?v=iBOPpPxQqvw
From this section you can:
- add a new player
-
select the player you want to edit by clicking "Player Settings"
- add/edit playlist videos by clicking "Playlist"
- delete an existing player by clicking "Delete"
From this section you can:
- add a new category
- edit an existing category
- delete an existing category
From this section you can define the video player settings.
| General settings | |
| Skin | The audio player comes with 2 predefined controllers skins (white and black). By controllers we understand rewind, play, pause, previous, next, volume, shuffle, download, buy now, lyrics, 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.
Available values: |
| Responsive |
Possible values: true - the player will responsive false - the player will not be responsive |
| Player Width | The player width (in pixels) |
| Artist Image Width | The artist image width (in pixels) |
| Artist Image Height | The artist image height (in pixels) |
| Player Loading Delay | The timeout delay (in seconds) for player loading |
| Auto Play | Possible values: true - autoplays audio file false - doesn't autoplay audio file |
| Loop | 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 |
You can initialize the volume. The range is 0 to 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 | Timer color (hexa) |
| Song Title - Text Color | Audio file Title text area color (hexa) which resides next to the image |
| Song Author -Text Color | Audio file Author text area color (hexa) which resides next to the image |
| Small buttons area (rewind, shuffle etc.) Borders Color | The borders color which delineates the small buttons area (rewind, shuffle etc.) |
| Show Rewind Button | Possible values: true - rewind button will appear false - rewind button will not appear |
| Show Shuffle Button | Possible values: true - shuffle button will appear false - shuffle button will not appear |
| Show Download Button | Possible values: true - download button will appear false - download track button will not appear |
| Show Buy Button | Possible values: true - buy button will appear false - buy button button will not appear |
| Buy Button Title | The buy button title |
| Buy Button Target Window | Possible values: '_blank' - the buy link will open in a new window '_slef'- the buy link will open in the same window |
| Show Lyrics Button | Possible values: true - buy lyrics will appear false - buy lyrics button will not appear |
| Lyrics Button Title | The lyrics button title |
| Buy Lyrics Target Window | Possible values: '_blank' - the lyrics link will open in a new window '_slef'- the buy lyrics will open in the same window |
| Show Twitter Button | Possible values: true - twitter button will appear false - twitter button will not appear |
| Show Author | Possible values: true - audio track Author will appear false - audio track Author will not appear |
| Show Title | Possible values: true - audio track Title will appear false - audio track Title will not appear |
| Show FaceBook Button | Possible values: true - facebook button will appear false - facebook button will not appear |
| FaceBook AppID | FaceBook AppID. Please check Facebook Share section, for more informations |
| Face Book 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 |
| Preload | Possible values: metadata auto none |
| Activate Google Analytics Traking | Possible values: true - Google Analytics tracking will be enabled false - Google Analytics tracking will be disabled |
| Your Google Analytics Traking Code | Your Google Analytics code. Example: UA-3245593-1 |
| 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 |
| Show Artist Name in Playlist | Possible values: true - the artist name will appear in front of the song name in the player playlist false - only the song name will appear in the player playlist |
| 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 On 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 |
| Number Of Items 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 |
| Category Record Background Off Color | Category item background color (hexa) - OFF state |
| Category Record Background On Color | Category item background color (hexa) - ON state |
| Category Record Bottom Border Off Color | Category item bottom border color (hexa) - OFF state |
| Category Record Bottom Border On Color | Category item bottom border color (hexa) - ON state |
| Category Record Text Off Color | Category item text color (hexa) - OFF state |
| Category Record Text On Color | Category item text color (hexa) - ON state |
| Show Categories | Possible values: true - the categories will appear false - the categories will not appear |
| First Selected Category | The name of the first displayed category (in the top of the playlist). If no value is selected, since the categories will be alphabetically ordered, the first one will be displayed as the first selected category |
| Selected Categ Background Color | Selected category background color (hexa) |
| Selected Categ Off Color | Selected category color (hexa) - OFF state |
| Selected Categ On Color | Selected category color (hexa) - ON state |
| Selected Category Bottom Margin | Selected category bottom margin |
| Show Search Area | Possible values: true - the search area will appear false - the search area will not appear |
| Search Area Background Color | Search area background color (hexa) |
| Search Input Text | Search input initial text, useful for translation purpose |
| Search Input Background Color | Search input background color (hexa) |
| Search Input Border Color | Search input border color (hexa) |
| Search Input Text Color | Search input text color (hexa) |
| Search Inside Author Field | Possible values: true - it will search in author filed, too false - it will not search in author filed |
From this section you can define audio files in the playlist
| Title | audio file title |
| Author | audio file author |
| Category | audio file category. An audio file can belong to multiple categories |
| Playlist image | audio file author playlist image |
| Buy Link | buy link |
| Lyrics Link | lyrics link |
| MP3 file (Chrome, IE, Safari) | .mp3 file name. |
| OGG (Firefox & Opera) | .ogg file name. |
The shortcode is:
[lbg_audio2_html5 settings_id='1']
where
settings_id is the player ID defined in "Manage Players" section
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 paste in FaceBook AppID field in Manage Players->Player Settings area of our plugin
4. Go to Settings->Basic tab (left area), select 'Website' and insert your website URL and fill all the other information. Below you have a demo screenshot. Of course, you'll use your own info.