Git Product home page Git Product logo

jplayer.injector's Introduction

jPlayer : HTML5 Audio & Video for jQuery

Gitter

Support for Zepto 1.0+ compiled with the data module.

What is jPlayer?

jPlayer is a jQuery/Zepto plugin that allows you to:

  • play and control media files in your webpage.
  • create a consistent interface and experience across all browsers.
  • create and style a media player using just HTML and CSS.
  • add audio and video to your jQuery/Zepto projects.
  • support more devices using HTML5.
  • support older browsers using a Flash fall-back/forward.
  • control media on your website using a JavaScript API.

jPlayer supports:

  • HTML5: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm*
  • Flash: mp3, m4a (AAC), m4v (H.264), rtmp, flv.

(*) Optional counterpart formats to increase HTML5 cross-browser support.

Bower Install

  • simple install using bower install jplayer
  • see http://bower.io/ for more information.

Composer install

Install jPlayer via composer by adding the following lines to your composer.json in your project:

// ...
"require": {
    // ...
    "happyworm/jPlayer": "2.*"
    // ...
}
// ...
"config": {
    "component-dir": "your/desired/asset/path"
},
// ...

Then execute the following:

php composer.phar update

Composer will now download all components and install the needed files into your/desired/asset/path, ready to use.

License

jPlayer is licensed under the MIT license.

More information:

Author:

Mark J Panaghiston @thepag happyworm.com

Alternative Versions

jplayer.injector's People

Contributors

maboa avatar thepag avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

jplayer.injector's Issues

The Audio and Video in pink.flag.html demo use the same IDs

The example pink.flag.html page has an error, where the video and audio instances are created using the same ID naming.

In the first instance, this can be corrected by adding the prefix options, such as:

jPlayerInjector({
  selector: ".audio",
  template: "skin/pink.flag/jplayer.pink.flag.audio.html",
  prefix: {
    jPlayer: "jplayer_audio_",
    cssSelectorAncestor: "jp_audio_"
  },
  jPlayer: {
    swfPath: "lib"
  }
});

Maybe the ID system could be made more generic... Such as we give a single prefix and the generate jplayer_audio_N and jplayer_audio_gui_N, where N is the number and jplayer_audio_ is the prefix.

The order sucks for the automatic supplied option generation.

The current order is stupid and would make providing webm or ogv variants pointless, since the m4v would always take priority. Same goes for audio.

Reorder the generation so that more obscure formats appear first in supplied, while the essential formats occur last.

Does not work with jPlayer 2.4.2 to 2.5.3

Due to an oversight on my part, the undefined media formats were causing an error inside jPlayer.

jPlayer 2.5.4 has the correction and will be added to this project in due course.

Enable the jPlayer supplied option as specified or automatic.

Currently the supplied option is generated automatically. While this is useful, we should allow the dev to specify the supplied option.

For example, the automatic supplied option generation will be in a set order, which the dev may wish to change.

Raising a different issue for the order.

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.