jPlayer 2.1.0

[Mark Panaghiston]

jPlayer 2.1.0 has been released on http://jplayer.org/

Download the latest version here:
http://jplayer.org/download/

The release notes for the changes from the previous release are here:
http://jplayer.org/latest/release-notes/

For those wanting to upgrade then they should remember to use the latest CSS and HTML structure for the new skins. The best place to get this is from the demo ZIP file.

For those upgrading with their own custom skins, then be aware that now the size is set through the size option and the cssSelectorAncestor default changed to "#jp_container_1" and is now expected on the outer divider wrapper of the GUI HTML. But unless you incorporate a lot of the new features, moving the divider cssSelectorAncestor will not make much difference. Just remember to rename it or use the jPlayer option to whatever you use.

This thread continues on from the previous development log for jPlayer 2.0.0, found here:
https://groups.google.com/d/topic/jplayer/rdWPvU4GpB8/discussion

The development log of jPlayer 2.1.0 will continue in this thread.

Please start a new thread for support requests, as it would be nice to keep this thread relatively clean for the github updates.

[Maboa]

\o/ I just want to be the first to thank Mark P for this release, he's been working tirelessly for the last 5 months on it. When he's not providing support on here that is. :)

Some things to check out :

The all new Pink Flag skin (video) : http://jplayer.org/latest/demo-01-video/ Also be sure to try out full screen on your favourite platforms.
The all new Pink Flag skin (audio) : http://jplayer.org/latest/demo-01/ BTW there's a theme switcher at the top right (the Blue Monday skin lives on!)
Also check out the shuffle button on the playlist demos http://jplayer.org/latest/demo-02-video/ and also the loop button, remember you can turn these off if you like, nothing in jPlayer is compulsory ;)

The all new jPlayer Playlist Add-on http://jplayer.org/latest/demo-02-jPlayerPlaylist/

Although it's a point release a lot has changed in this version and hopefully you will find many improvements. We want you guys to be super critical. Although positive feedback is great the best type of feedback is feedback we can act on.

I'd also like to take this opportunity to thank all of you who have helped with support on the group, and also those of you who donated and remind everyone that we work on jPlayer in our free time and are not paid or sponsored by anyone. If you have used jPlayer, benefited from our support or just want to help us continue to develop it, the donate button is on the http://jPlayer.org front page. We hope to build a team and do great new things with jPlayer over the coming months and years and every little helps. <puts away cap> :)

One of our priorities is to improve the documentation, so be sure to tell us what you want to see.

Go forth and make cool things! :)

Cheers

Mark B

[Kirill]

awesome, great job Mark(s)!

[Joe Hobbs]

Hi Mark, I know you're very busy but would it be possible to research better mobile browser support? so far using your 2.1.0 patch on github, I've got an audio playlist working on all iOS versions, and android 2.2, but not 2.3.3 or 2.2.1. I've gathered from reading through the forum that android compatibility is an issue. Could you look into Windows 7 phone support too? if it's not possible what code would you recommend for hiding the jplayer from specific android OS versions? Thanks

[ooobo]

You can be assured that Mark and co are definitely trying to improve mobile browser support, but Android support for HTML5 audio is downright awful, and the Flash solution isn't much better. There are work-arounds, but as far as I know no-one has yet come up with a solid solution to the issue...

How does each Android version work with just the basic jPlayer code/instance, when you test it? If you haven't yet, could you remove the playlist code and just test a single mp3 file through jPlayer? That way we can see if the problem is the playlist code - which if it is, it's may not be related to jPlayer...

[Mark Panaghiston]

A bug has been found in jPlayer 2.1.0 with Firefox 3.6.x. It affects audio players that do not supply the OGG (oga) format, causing the Flash fallback to be used.

It relates to the default value of wmode:
wmode:"opaque"

Where a pure audio player needs to use the value:
wmode:"window"

More info on the investigation here:
https://groups.google.com/d/topic/jplayer/-iQFFbChta4/discussion

[Mark Panaghiston]

The jPlayer 2.1.0 (latest) site has been updated:

1) All the audio demos have the wmode:"window" option set. (Affected 7 demos. 6 with skin and the circle player.)
2) Note in the audio demos about the wmode option.
3) Added details in dev guide for wmode option.

4) Correct some trailing JSON commas in the playlist demos. (Affected the 2 audio playlist demos.)

5) Corrected the dev guide "autohide" option syntax, where it was incorrectly given as "autoHide".

6) Corrected the Circle Player in IE6/7/8, due to the swfPath was not being set correctly. Well, it was not being set at all so the default "js" was being used, whereas we need an odd looking "../js" on the jplayer site as we make the URLs pretty. (Actually, the original demo.zip version of this file would have worked in IE6/7/8, it only affected the jPlayer website.)

7) Updated the demo ZIP. (Affected 13 files. 6x2+1=13)

While doing this review, I noticed that the new M4A files for The Stark Palace are not encoded correctly for streaming. The metadata of these files is at the end of the file, where it should be at the start. This effects the playback when the Flash solution is used and the whole M4A downloads before playback can begin. I expect to look into this and will update you as and when I correct this.

[Stephen at G6G]

Thanks to the team for deveoping this player.

I tried jplayer out today in audio only format, both the blue Monday
and circle versions. For the circle version, the central play/pause
button was displaced somewhat to the right on my HP pc using Firefox
6.0.2. This caused the green tracker to start somewhere in the middle.
Any hints on what might cause that? It played fine, but didn't play
at all on the iPad 2 I just bought this week.

On the blue Monday version, I installed it and it worked fine, again
using my HP pc using Firefox 6.0.2. It played on the iPad 2, but the
volume control was invisible, and thus, did not work. Any ideas?

I'm a bit new to development, learning mostly xhtml/css on a steep
learning curve with a good mentor. We will be doing a lot of musician
sites coming up, so I wanted to settle on a player that will do both
the pc and iPad/iPhone world.

Also, compliments to Miaow on the song! In addition to web work, I run
a songwriter showcase here in Los Angeles...

Stephen

On Sep 1, 11:40 am, Mark Panaghiston <mark.panaghis...@gmail.com>
wrote:
> jPlayer 2.1.0 has been released onhttp://jplayer.org/

[Mark Panaghiston]

When using the circle player, just like any other skin, you may have some CSS rules coming through from the rest of your web page. It sounds like you have a rule applied to every <li> or <ul> which in turn is coming through on those elements used in the circle player skin. Probably a left margin or padding by the sound of it.

Yeah... The circle player CSS does not define rules for the <li> margin or padding, so look there. Just add the rules:
margin:0;
padding:0;

I think they will do the trick.

The volume cannot be controlled on mobile devices, like the iPad. The volume controls are hidden when mobile devices are detected... The Pink Flag skin looks better when the controls are removed, well it looks better than when they are removed from Blue Monday, which has a big space where they were.

You can change this option (noVolume)  if you want the controls to be displayed, but do nothing at all:
http://www.jplayer.org/latest/developer-guide/#jPlayer-option-noVolume

Either set them to nulls or change the $.jPlayer.prototype.options.noVolume object directly to whatever you want. ie:

// before you instance jPlayer

// Remove the noVolume options completely
$.jPlayer.prototype.options.noVolume = {};

Please keep this jPlayer Group thread clear of support requests, as this thread is likely to start getting rather large once I begin making the next series of changes to jPlayer... And the last one for jPlayer 2.0.0 got littered with so many support requests that it was hard to see the wood for the trees. (I'll forgive you this time though;)

Just make a new thread. I'll answer it when I have time just like any other request.

[Michal Fiedorowicz]

Hi Mark,

wmode:"window" didn't help with jPlayer 2.1/0 to work on Firefox 3.6.21 and Safari 4.1.3 and only when i set solution:"flash", or solution:"flash, html". All is caused by flash somehow. swfPath option is set correctly and Jplayer.swf is loaded.

Flash version on this computer (powerbook with OS X 10.4.11, PPC) is 10.0.22.87.

[Michal Fiedorowicz]

And i forgot to mention that it's doesn't work (on described evironment in previous post) on demo: http://jplayer.org/latest/demo-01-supplied-mp3/ (when i click play button it doesn't work)

[Mark Panaghiston]

I'm looking at that Flash plugin version and wondering if that is the problem.

Maybe we have to up the flash version to Flash 10.1 or maybe even 10.2 for it to work correctly... This would mean that you'd get the update message if you had the older Flash 10 plugins.

If you are able to update your flash plugin, then please report back whether that fixed it or not.

[Michal Fiedorowicz]

Ok, flash plugin upgraded to 10.1.82.76 and it works now. So message about min version of Flash 10.1 should work. For now i will make a flash version detector on project i'm working on with message to upgrade flash plugin.

[Mark Panaghiston]

Hopefully the Flash checker in jPlayer can accept the 10.1 and check for that. I believe it can, so will add that to the checkForFlash(10.1) command used to determine if Flash is available in the browser.

[Michal Fiedorowicz]

Thank you.

[Mark Panaghiston]

Resurrected the text based demo from jPlayer 1.2.0 days...

http://jplayer.org/2.1.0/demo-04/

[Mark Panaghiston]

Updated the demo ZIP to include demo-04.

[Rustam Apaev]

Thank you for your excellent work.

I was very interested in this use of the text player

http://jplayer.org/latest/demo-04/

I plan to use audio files with sample names

how to make the audio playing without a hyperlink like 

<a href="../A1.mp3" class="track track-default">a1</a>

<a href="../A2.mp3" class="track track-default">a1</a>

but by clicking to element with id = A1, A2, A3 ...

<span id="A1">a1</span>

thanks. 

[Tomaž Flegar]

hello :))

im new user of that wonderful player. just upgraded from ie8 to ie9 and the script suddenly stoped to work. tryed the examples in ie9 and they do not work either. like file is not loading as there is no length of the music shown. i've tried http://jplayer.org/latest/demo-04/.

can you suggest what to do?
thanks,

tomaž

[ashwani sharma]

video is not playing on galaxy tab and phones also without shaking the tab/mobile screen...

[Lawrie Holtby]

Hi

 

I'm not sure if this is the right place for this question but as a complete ignoramus as regards javascript I am unable to get jplayer to work!  I've followed the quick start guide but change the media URL to meet my needs but the jplayer shows and the play button flashes when you press it with no output.

 

I wonder if there is some kind soul out there who can help - all of the documentation may as well be written in latin for me.  the web page I'm trying is http://www.oldbrumbyunitedchurch.org.uk/recordings2.htm - thanks in advance :-)

[Mark Panaghiston]

jPlayer 2.1.1 development patch released on GitHub.

Summary:

Added RTMP support contributed by Robert M. Hall.

Release notes:

[2.1.1] New Feature: Added RTMP support to the Flash fallback. Enables the supplied options: rtmpv and rtmpa for video and media RTMP streams respectively. RTMP feature developed by Robert M. Hall in this GitHub fork github.com/rmhall/jPlayer of jPlayer.

Discussion:

This was a manual merge of rmhall's fork.

Expect some patches to this feature, as there appear to be a few problems with the event generation for the progress, timeupdate and loadstart events. Also the pause event triggers when already paused.

[Kirill]

hey Mark! Great to see that jPlayer is still being developed!

[Mark Panaghiston]

jPlayer 2.1.2 development patch released on GitHub.

Summary:

Fixed Flash security exploit.

Release notes:

[2.1.2] Security Fix: Flash security exploit reported by Jason Calvert
[2.1.2] New Feature: The Flash SWF jPlayer version number is once again displayed when visiting the URL directly.

Discussion:

While this is a point release, it is recommended that you upgrade to this version.

[Mark Panaghiston]

Demo areas of the point releases can be found at:

http://www.jplayer.org/2.1.2/demos/
http://www.jplayer.org/2.1.1/demos/

Release notes:
http://www.jplayer.org/2.1.2/release-notes/

[Jonathan2]

On Thursday, 12 April 2012 17:10:11 UTC+1, Mark Panaghiston wrote:

[2.1.2] New Feature: The Flash SWF jPlayer version number is once again displayed when visiting the URL directly.

Brilliant! I never knew why it went away, but this is really, really helpful. Thanks for bringing it back! 

[Geoff]

Mark, thanks for this excellent project!  I have been using v1.4.1 successfully in development in an audio playlist, but when I try to reference v2.1.0 with same scripts, it doesn't work.  Is there a guide anywhere that might show me what has changed between v1.4.1 and v 2.1.0?  Perhaps there has been some depecrations?

thanks,

Geoff

[Jonathan2]

Geoff, 

I'm not from the jplayer project, but as I understand it, you can't just drop the 2.1 script into your current 1.x project - it's a completely different animal; different config, different playlist, different swf.

I think there's a 2.2 coming soon(?), so if it were me, I'd stick with the 1.4.1 for now, and then update everything for 2.2.

(Which is exactly what I'm doing now!)

[Geoff]

Thanks for the advice, sounds like a good idea.

Cheers,

Geoff

[Mark Panaghiston]

jPlayer 2.1.3 development patch released on GitHub.
https://github.com/happyworm/jPlayer

Summary:

Fixed duration NaN bug in iOS5.1 and BB OS7

Release notes:

[2.1.3] Bug Fix: Affecting iOS and Blackberry. iOS 5.1 sometimes fails to give the media.duration and it remains a NaN. Blackberry OS7 gives the initial media.duration as Infinity. jPlayer now leaves the status.duration at zero until the media.duration is finite.

Discussion:

Mainly a display issue has been corrected so that the duration now shows as zero, 00:00, when the HTML5 media.duration is invalid. Before it would show as a NaN:NaN. The underlying problem still exists on iOS5.1, since it is the browser that fails to give the information... But the audio does play and switching media enters the same lotto as to whether the duration will work this time on iOS.

The demos have been placed online for your convenience. The demos themselves remain unchanged, but use 2.1.3:
http://jplayer.org/2.1.3/demos/

Release notes:
http://jplayer.org/2.1.3/release-notes/

[Mark Panaghiston]

jPlayer 2.1.4 development patch released on GitHub.
https://github.com/happyworm/jPlayer

Summary:

Fixed RTMP lock-up on pause(time). Fixed progress event.

Release notes:

[2.1.4] Bug Fix: The RTMP solution locked up when the stop button/command was used, and when the progress bar was used while paused. Both issues were related to pause(time) causing a locked-up state.
[2.1.4] Bug Fix: The RTMP solution generated the progress event forever. The timeupdate event now only occurs while playing. ie., It used to happen during the locked-up state.

Discussion:

This makes the RTMP solution work well with the usual GUI interface. There are still some command combos that can cause problems, but in general they are like setMedia and then pause(30). A play(30) would be fine... But a load() causes problems too. The problem is that the RTMP player assumes that the first thing you do to it, after setMedia, is play it.

The demos have been placed online for your convenience. The demos themselves remain unchanged, but use 2.1.4:
http://jplayer.org/2.1.4/demos/

Release notes:
http://jplayer.org/2.1.4/release-notes/

[Jonathan2]

On Friday, 10 August 2012 20:53:58 UTC+1, duh hmunglian wrote:

i was using this iplayer for a while, and downloaded the demo from jplayer.org (latest update)

and i was testing it on IE6, 7, and 8, they all doesnt support this player. 

IE6,7 and 8 need Flash enabled to support jplayer. If Flash IS enabled, then double check that you have uploaded the Jplayer.swf file to the correct directory.

Look in the browser inspector (F12 in IE) to check that all the files are being loaded. 

[duh hmunglian]

everything was loaded, yes, i have put it on the right directory. 

the playback and all the other button are loaded, except that the playlist doesnt shows up, i am thinking it might be java script, or java. but i installed java (latest) w/ enabled on IE6.

any other solution?

thanks.

[Jonathan2]

Given that you've not shown us a demo site, my guess is that you have a trailing comma in the playlist.

That'll kill IE every time. 

As for IE6, you can completely forget about it. Around half of one percent of the world still uses it: http://www.w3schools.com/browsers/browsers_explorer.asp

[duh hmunglian]

thanks for your comments,

here is the demo. exactly copy from jplayer.org

you can browse thru. the jplayer2.1.0 directory

and here is the specific demo that i was talking about earlier.

thanks again

[duh hmunglian]

oh thank you guys, i finally got it,

i basically download java 1.8  and put on my own directory and point to that instead of google's java 1.6 version.

yes, it works for some reasons i dont know why.

im happy with it.

Great jplayer!!!

cheers!

[Jonathan2]

Hmmm, for future clarification, there are 3 different things here:

There's Java, from Sun (currently on version seven), which jplayer doesn't use.

Then there's Javascript, which (confusingly) has nothing at all to do with Java.

Then there's jquery (which is on 1.8), which is written in javascript and makes it easy to interact with Javascript and extends its functions.

And then there's jplayer which uses jquery which uses javascript. 

Phew! And yes, it's always best to use the latest jquery.