jPlayer Jukebox

jPlayer Jukebox allows to play media files on the page by scanning all links and adding them to a playlist. jPlayer Jukebox is an add-on to jPlayer.

The script was created as Yahoo! Media Player replacement after Yahoo! decided to no longer support its development and shut it down on June 30, 2013, see this announcement for more information.

Demo

.WAV file
.MP3 file
.OGG file
.XSPF file
.XML file in XSPF format

Customize Player

Appearance








Installation

Include the following lines in HTML page right before the closing </head> tag.

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- jPlayer Jukebox add-on -->
<link type="text/css" href="//gyrocode.github.io/jplayer-jukebox/0.6.7/skin/uno/jplayer.uno.min.css" rel="stylesheet" />
<script type="text/javascript" src="//gyrocode.github.io/jplayer-jukebox/0.6.7/jplayer.jukebox.bundle.min.js"></script>

<script type="text/javascript">   
   $(document).ready(function(){
      // Initialize jPlayerJukebox
      var jpjb = new jPlayerJukebox({

      });
   });
</script>

If you are already using jQuery library on your page, you can skip the line that includes it above.

Don't forget to put texture image file into /path/to/images folder. Textures used on this page can be downloaded at SubtlePatterns.com.

Known Limitations

Support for formats other than MP3 may not be available on all platforms.

Copyright

Michael Ryvkin,

License

MIT License, opensource.org/licenses/MIT

Credits