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

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.

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

• Sound sample is created by Lucas Gonze
• Sample textures are from toptal.com/designers/subtlepatterns/
• Material Design Icons by Google, CC BY-SA 4.0 License
• Icon font is generated using IcoMoon App