MP3-jPlayer

Version 1.8.10 (17th October 2014)  .  Download at WordPress

This demo is running in WordPress 4.0.

MP3-jPlayer is a free mp3 player plugin for WordPress that makes it easy to add playlist players and single file players to WordPress pages, posts, and sidebars. Players can be added by shortcodes, automatic link replacement, widgets, and template tags. There’s a settings page and colour picker, and a set of shortcode parameters. A few styles are included, and all the player designs are editable via CSS. The players should play in all main browsers, on iPhone and iPad, and some android devices.

MP3-jPlayer uses jPlayer by Happyworm, and the jQuery and jQuery-UI libraries.

Shortcodes:
[mp3t] . [mp3j] . [mp3-jplayer] . [mp3-popout]

 

Single File Players [mp3t] (text button)

 
1) Play a media library or default folder mp3:

Play 

 
Shortcode:

[mp3t track="nightdrive.mp3"]

 
 
2) Change the button text, add a title, add a volume control:

Start me! 

 
Shortcode:

[mp3t track="Night Drive@nightdrive.mp3" play="Start me!" stop="Pause it!" volslider="y"]

 
 
3) Flip button to other side, remove time/indicator:

 Play

 
Shortcode:

[mp3t track="nightdrive.mp3" flip="y" ind="n"]

 
 
4) In line with text without line breaking, note that line height should be about 22px:

Listen to this… Start Me  …it’s by The Horse.

Shortcode:

[mp3t flow="y" play="Start Me" stop="Stop Me" track="horse/5-Radiohorse.mp3"]

 
 
5) Remove title, add a volume control, use normal font weight, make it bigger:
 

Play

 
Shortcode:

[mp3t track="iceman.mp3" title="" bold="n" volslider="y" style="bigger2"]

 
 
6) Big button/slider:

Play

 
Shortcode:

[mp3t track="iceman.mp3" title="" ind="n" volslider="n" style="bigger4"]

 
 
7) Make it loop, and set the volume:

Play 

 
Shortcode:

[mp3t track="tumbledown.mp3" loop="y" vol="75"]

 
 
8) Play from subfolder of the default folder, add title, add caption, remove time/indicator, set volume, make it bigger, and use normal font weight:

Play 

 
Shortcode:

[mp3t track="Dolfinarium@jamma/dolfinarium.mp3" caption="by Matt" ind="n" vol="75" style="bigger2" bold="n"]

Top

 

Single File Players [mp3j] (graphics button)

 
9) Play from a default folder (set from the player settings page):

 

 
Shortcode:

[mp3j track="udulessig.mp3"]

 
 
10) Add a title, caption, and volume control:

 

 
Shortcode:

[mp3j track="Udulessig@udulessig.mp3" caption="Matt Jones" volslider="y"]

 
 
11) Play from the media library:

 

 
Shortcode:

[mp3j track="iceman.mp3" style="outline"]

 
 
12) Play a url:

 

 
Shortcode:

[mp3j track="www.sjward.org/seven.mp3" style="outline" volslider="y"]

 
 
13) Flip button to other side, and make it bigger:
 

  

 
Shortcode:

[mp3j track="Octopus.mp3" flip="y" style="bigger2"]

 
 
14) Big player, dark buttons:
 
 

 

 
Shortcode:

[mp3j track="sixatedawn.mp3" style="bigger5 bl"]

 
 
15) Big button and time/indicator:

 

 
Shortcode:

[mp3j track="plumber.mp3" title="" volslider="n" style="bigger4"]

Top

 

Playlist Players [mp3-jplayer]

 
16) Make a playlist with tracks from the default folder, the media library, and a url:

 
Shortcode:

[mp3-jplayer tracks="magiccarpet.mp3, iceman.mp3, www.sjward.org/seven.mp3" style="dark"]

 
 
17) Add a couple of titles, add a caption on track 3 (track 2 is in the media library and gets it’s caption from there), change width and height, hide prev/next and stop buttons, make font smaller, remove list toggle, centre it:

 
Shortcode:

[mp3-jplayer tracks="Magic Carpet@magiccarpet.mp3, iceman.mp3, Seven@www.sjward.org/seven.mp3" captions="; ; ;by Matt" dload="n" width="20%" height="90px" style="nostop nopn smaller nolistbutton" pos="rel-C"]

 
 
 
18) Make a playlist by feeding a folder (write the full path from the domain root, ie. this one is playing from the directory “http://sjward.org/mp3/horse/”), set tracks for download.

 
Shortcode:

[mp3-jplayer tracks="FEED:/mp3/horse" dload="y"]

 
 
 

19) Pick a few tracks from a folder, shuffle them, add a caption, hide the list and list toggle, float player to the right (the inner margin is set on the settings page), set tracks for download.


Shortcode:

[mp3-jplayer tracks="FEED:/mp3/horse" dload="y" pick="3" shuffle="y" captions="Recorded in 2010" style="outline nolistbutton" list="n" pos="right"]

 
 
 
20) A simpler playlister:

Horse Music

 
Shortcode:

[mp3-jplayer tracks="FEED:/mp3/horse" width="350px" title="Horse Music" list="n" style="text noscreen"]

 
 
 
21) Adding track image(s), Coyotes Howl audio and image © copyright Lang Elliot, used with kind permission:

 
Shortcode:

[mp3-jplayer tracks="Coyotes Howl@coyotes-howl.mp3" width="640px" height="206px" images="/images/coyote_song-M.gif" style="text wtransbars" dload="n"]

 
 
 
22) Adding track images:

 
Shortcode:

[mp3-jplayer tracks="Maria@horse/4-Maria.mp3, iceman.mp3, Tumbledown@tumbledown.mp3" width="240px" height="140px" images="/images/horse-cover-100.jpg, /images/pete-100.jpg, /images/omar-100.jpg" style="dark bars100 btransbars" pos="rel-C" dload="n" captions="by The Horse; reClock; Old jamma track." list="n"]

Top

 

Link To Popout Player [mp3-popout]

 
23) Button to a popout player:

 
 
Shortcode:

[mp3-popout tracks="FEED:/mp3/horse"]

 
 
 
24) Add a title, make it autoplay when launched:

 
Shortcode:

[mp3-popout text="Launch Popout Player" tracks="FEED:/mp3/horse" autoplay="y"]

 
 
 
25) Add a title for the popout window, change link text tag, use a different image, style the player:



Shortcode:

[mp3-popout title="The Horse - Vol.2" text="Listen in popout player" tag="h2" image="/images/horse-cover-100.jpg" style="nolistbutton outline" height="70px" list="n" tracks="FEED:/mp3/horse"]

 
 

Top