jPlayer 3 - Moving jPlayer Forward with the Community. Call for Discussion.

[Maboa]

Hello all!

We're  finally finding some time to dedicate jPlayer. Apologies for the absence in recent months - we really have been very busy on other projects and are likely to continue be so at least for the next few months.

That said, we took afterster's comment on maintaining jPlayer to heart  https://groups.google.com/forum/#!topic/jplayer/XzsibB5QLz0 and yes we think we do need more maintainers.

To kick the community process off we feel it would be good to discuss potential plans for the next major version of jPlayer - jPlayer 3! So far we have:

1. Remove the jQuery/Zepto dependency
2. Decoupling the jPlayer core from the visual layer.
3. Remove the Flash fallback and related code (?)
4. Someone has also suggested "some cleaner API stuff, like accessing the data object in the instance."

We'd love to hear all your ideas and suggestions! Some of our best ideas come the community - an example of this is the jPlayer.injector https://github.com/happyworm/jPlayer.injector/blob/dev/README.md which is based on Nathan Loyer;s jPlayer-Autofill. This development version is a sneak peek of how we aim to split the visual side from the core. The idea being that you define where jPlayer audio or video skins appear using the standard HTML5 syntax, specify a selector and a skin template and you are good to go.

Since we started developing jPlayer the media player landscape has radically changed. We did not commercialise jPlayer, preferring instead to keep it all MIT Licensed and foster a community around building a better player, the only exception to this are the skins we sell on the jPlayer.it website. Our vision is to create a marketplace for jPlayer skins and build up a skinning scene similar to Winamp's in its hey-day. We'd like to open up the possibility of creating and selling skins to the whole community and with the advent of (more or less) universal support for technology such as SVG and the Web Audio API, that could be a lot of fun!

The idea would be to make jPlayer sustainable. Since we launched the jPlayer store at the end of 2013 we have made around £6,500 ($9,600) so we still have a fair way to go on that one! (That said we only really have one skin!)

Finally we'd like to address the issue of maintainers, please do keep your pull requests coming and if there's anyone out there interested in helping maintaining jPlayer or even (long shot) sponsoring its development please do make yourselves known.

I'm pretty sure most of you would agree that it's an exciting time to be working with audio and video on the web and I'm also pretty sure as a community we can build something special, so please don't be shy in replying to this thread and getting involved! All comments are very welcome!

Mark B and Mark P

PS jPlayer is 100% open source and MIT licensed. If anyone feels like contributing to jPlayer you can do that here http://jplayer.org/donate/ or buy a skin here http://jplayer.it/ :)

[Marc Dingena]

I've just made my first ever GitHub pull request. I've added support for jQuery UI Sortable to achieve sortable playlists.

Reading this announcement I realise this pull request will fall a bit flat since you aim for dropping jQuery dependency. However, I'm interested in keeping jPlayer alive, because it's become a major core part of my website and service.

Is there a GitHub branch for version 3 that I can contribute to?

[Eduard Erlikh]

I added some cool features to jPlayer at work. 

I added a play all button - starts at song 1 and plays the playlist from the beginning. 

I added persistent scroll. If the playlist is a scroll view, it'll always scroll and follow along with the song. Including if you press next or previous. 

I added scroll inertia. 

I added a song number tracker so that their is a number that keeps track of the playlist.

And changed the ul to an ol so that the playlist is numbered. 

I think taking out the jQuery dependency is a bad idea since it made the whole thing readable and easy to work with. What exactly will you be replacing jQuery with? Plain old javascript? I hate javascript selectors ><

[emmanuel ogbonna]

Please how do i implement a download button for my video help, here is my code am using jplayer library

<link href="css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
 <script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
 <script type="text/javascript">
 //<![CDATA[
 $(document).ready(function(){


 new jPlayerPlaylist({
 jPlayer: "#jquery_jplayer_1",
 cssSelectorAncestor: "#jp_container_1"
 }, [
 
 {
 title:"1. Ellie-Goulding",
 artist:"",
 mp4: "video/Ellie-Goulding.mp4",
 ogv: "video/Ellie-Goulding.ogv",
 webmv: "video/Ellie-Goulding.webm",
 poster:"video/play1.png"
 },
 {
 title:"2. Mark-Ronson-Uptown",
 artist:"",
 mp4: "video/Mark-Ronson-Uptown.mp4",
 ogv: "video/Mark-Ronson-Uptown.ogv",
 webmv: "video/Mark-Ronson-Uptown.webm",
 poster:"video/play2.png"
 },
 {
 title:"3. Ellie-Goulding",
 artist:"",
 mp4: "video/Ellie-Goulding.mp4",
 ogv: "video/Ellie-Goulding.ogv",
 webmv: "video/Ellie-Goulding.webm",
 poster:"video/play1.png"
 },
 {
 title:"4. Maroon-Sugar",
 artist:"",
 mp4: "video/Maroon-Sugar.mp4",
 ogv: "video/Maroon-Sugar.ogv",
 webmv: "video/Maroon-Sugar.webm",
 poster:"video/play4.png"
 },
 {
 title:"5. Pharrell-Williams",
 artist:"",
 mp4: "video/Pharrell-Williams.mp4",
 ogv: "video/Pharrell-Williams.ogv",
 webmv: "video/Pharrell-Williams.webm",
 poster:"video/play5.png"
 },
 {
 title:"6. Ellie-Goulding",
 artist:"",
 mp4: "video/Ellie-Goulding.mp4",
 ogv: "video/Ellie-Goulding.ogv",
 webmv: "video/Ellie-Goulding.webm",
 poster:"video/play1.png"
 },
 {
 title:"7. Pharrell-Williams",
 artist:"",
 mp4: "video/Pharrell-Williams.mp4",
 ogv: "video/Pharrell-Williams.ogv",
 webmv: "video/Pharrell-Williams.webm",
 poster:"video/play5.png"
 }
 ], {
 swfPath: "../../dist/jplayer",
 supplied: "webmv,ogv,mp4",
 useStateClassSkin: true,
 autoBlur: false,
 smoothPlayBar: true,
 keyEnabled: true
 });


 });
 //]]>
 </script>

[Martin Dawson]

Hello jPlayer community,

Unfortunately this forum and repository are all but dead. For those reading who use ReactJS I have created a new react-jPlayer that is much much better than jPlayer 2.* (because it' s just so old) and has all of the above that Maboa posted and more.

Repo: https://github.com/MartinDawson/react-jPlayer/

Any commits to this are welcome.

Thanks.

[Martin Dawson]

jQuery is not meant for building libraries like this. It's super messy and ugly, it's also a big file.

It also makes it completely useless for other libraries such as ReactJS because you don't want to include jQuery and ReactJS in a project.

I removed jQuery when I worked on react-jPlayer and it was easy to convert to JS.

[Umar Shahzad]

Hi, How can we disable context menu Save as video option on video using jplayer playlist ?