Popularity
0.5
Growing
Activity
2.2
-
9
3
8

Description

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

Programming language: JavaScript
License: MIT License
Tags: Video/Audio     Player     UI     jQuery     Ogg     Mp3     Audio     Playlist    
Latest version: v0.6.7

jPlayer Jukebox alternatives and similar libraries

Based on the "Video/Audio" category

Do you think we are missing an alternative of jPlayer Jukebox or a related project?

Add another 'Video/Audio' Library

README

jPlayer Jukebox

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

Demo

Demo is available at gyrocode.com/projects/jplayer-jukebox/.

Installation

Third-party hosted

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

    <!-- jQuery -->
    <script src="//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({
             'jukeboxOptions': {
                'position': 'float-bl'
             }
          });
       });
    </script>
    

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

Self-hosted

  1. Follow instructions in jPlayer Quick Start Guide on how to download and install jPlayer on your server. It is recommended to upload jPlayer into a separate folder, for example /js/jplayer.

  2. Download jPlayer Jukebox add-on, unzip the ZIP file and upload the files into the same location where you have uploaded jPlayer files.

    For example, if you have uploaded jPlayer into /js/jplayer folder, then the add-on should be placed in /js/jplayer/add-on folder and Uno skin - in /js/jplayer/skin folder.

  3. Include the following lines in HTML page right before the closing </head> tag if you haven't done so already.

    <!-- jQuery -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    
    <!-- jPlayer Jukebox add-on -->
    <link type="text/css" href="/js/jplayer/skin/uno/jplayer.uno.min.css" rel="stylesheet" />
    <script type="text/javascript" src="/js/jplayer/jquery.jplayer.min.js"></script>
    <script type="text/javascript" src="/js/jplayer/add-on/jplayer.playlist.min.js"></script>
    <script type="text/javascript" src="/js/jplayer/add-on/jplayer.jukebox.min.js"></script>
    
    <script type="text/javascript">
       $(document).ready(function(){
          // Initialize jPlayerJukebox
          var jpjb = new jPlayerJukebox({
             'swfPath': '/js/jplayer',
             'jukeboxOptions': {
                'position': 'float-bl'
             }
          });
       });
    </script>
    

    If you have uploaded jPlayer into folder other than /js/jplayer folder, please modify the code accordingly.

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

Documentation

Documentation is available at gyrocode.com/projects/jplayer-jukebox/.

Feedback

Please leave your comments or suggestions here. Issues can be reported on github.com.

Known Limitations

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

Credits

Gyrocode, gyrocode.com

License

MIT License, opensource.org/licenses/MIT


*Note that all licence references and agreements mentioned in the jPlayer Jukebox README section above are relevant to that project's source code only.