Coder Social home page Coder Social logo

gyrocode / jplayer-jukebox Goto Github PK

View Code? Open in Web Editor NEW
8.0 8.0 9.0 681 KB

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.

Home Page: http://www.gyrocode.com/projects/jplayer-jukebox/

License: MIT License

CSS 44.99% JavaScript 55.01%

jplayer-jukebox's People

Contributors

mpryvkin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

jplayer-jukebox's Issues

Way to open "closed" player when audio play button is clicked on page?

Hi again -- This is more of a question than an issue. In the original Yahoo Media Player, the player would start out "closed" by default (so there was only an arrow in the bottom left corner of the page.) If you clicked on the play button for an audio file in a page, the player would automatically "open" and start playing. The jplayer-jukebox seems to stay closed if it is closed and you click a play button for an audio file. Is there any way to replicate the functionality of the original YMP so that the player automatically opens? Or if it's possible for this to be an option?

The main concern is that a user may not recognize the player is there / available if it is closed and consequently not see all the great jplayer playback options.

Love the player -- know very little about programming though! Thanks!
Chris

Cannot Load Data-image

I add the album art's path to data-image but it cannot be displayed. Then I found that the demo page cannot show the image too.

Browser Keyboard Shortcuts Not Working?

Hi -- this is an awesome replacement player! Thanks for your efforts.

We just noticed something when testing it out. For some reason, browser keyboard shortcuts such as Command-F and Command-S do not work when you load a page containing the player. Sometimes, opening or closing the player (if it's floating) will allow these keyboard shortcuts to temporarily resume functionality. If the player is pinned to the bottom, it seems the functionality never works.

We are testing on Mac computers (10.11) using Chrome and Safari.

Hidden mode on small screens

I have the player in "hidden" mode:

<script type="text/javascript">   
   $(document).ready(function(){
      // Initialize jPlayerJukebox
      var jpjb = new jPlayerJukebox({
         'jukeboxOptions': {
        'viewState': 'hidden',
        'autoAdvance': '',
         }
      });
   });
</script>

Hidden mode works on wide screens, however, in Chome, FF and Android mobile (haven't checked further) the player appears in small screens at the bottom of the screen. How can I make player invisible in all devices?
Thanks in advance.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.