Is it possible to add loading progress bar on jplayer?

2,701 views
Skip to first unread message

misol

unread,
Mar 23, 2010, 12:00:28 PM3/23/10
to jPlayer: the CSS styleable jQuery audio player plugin
As I see jPlayer demo on happyworm site, there is playing state bar
however I can not know the buffering or downloading progress (How much
my computer loaded the music file or it can not found the file,
something else...)
Is it possible to add loading progress bar on jPlayer? The progress
bar like file download windows, or loading progress bar on browsers.

misol

unread,
Mar 23, 2010, 12:01:36 PM3/23/10
to jPlayer: the CSS styleable jQuery audio player plugin

Mark P

unread,
Mar 23, 2010, 6:15:23 PM3/23/10
to jPlayer: the CSS styleable jQuery audio player plugin
Hello Misol,

jPlayer uses HTML5 native audio when available. Unfortunately, native
audio does not give details on the buffered progress. Only Safari 4
gives the buffered information and even then, if does not follow the
HTML5 Draft Spec. All other browsers have not implemented it.

If you use {nativeSupport:false} the Flash will be used to play MP3
files. The Flash will provide information on the download progress and
update the load bar accordingly. Be aware that if someone views your
site using an iPhone then the music will not play unless you use
nativeAudio since Mobile Safari does not support Flash.

As you probably read in my other thread to you, I am currently
updating jPlayer to support Opera 10.51 and the buffered info is what
is causing a problem right now with the existing version. I hope that
my solution will work with browsers when they finally implement the
TimeRanges object at HTMLAudioElement.buffered. ie., the load bar will
start working once the browsers catch up with the HTML5 Draft Spec.

Best regards,
Mark P.

On Mar 23, 4:01 pm, misol <misol...@paran.com> wrote:
> I found it!http://www.happyworm.com/jquery/jplayer/latest/demo-06.htm

Jack O'Connor

unread,
Feb 21, 2012, 6:58:10 AM2/21/12
to jpl...@googlegroups.com
Hi Mark,
Can I just say thank you very much for such an amazing product - we use it for all of our client's audio needs!

It seems odd that Chrome does not conform to the latest HTML5 draft spec (wrt HTMLAudioElement.buffered). Is there anywhere we can raise this issue with them, or monitor their progress on the matter? I can't seem to find much information on the matter. Sadly it means I have to set the default solution to flash as my client wants to be able to see the loading progress.

Thanks again,
Jack

Mark Panaghiston

unread,
Feb 22, 2012, 12:59:10 PM2/22/12
to jpl...@googlegroups.com
You are referring to a ~2 year old post. Chrome works well with buffered now, as do all the browsers that implemented it.

You can review the current state of TimeRange information using:
http://jplayer.org/HTML5.Media.Event.Inspector/

For example, Firefox 10.0.2 supports the seekable and buffered TimeRange information. Chrome also supports the played info.

Jack O'Connor

unread,
Feb 25, 2012, 6:39:16 AM2/25/12
to jpl...@googlegroups.com
Hi Mark,
Thanks for your reply. It's great to hear that Chrome now works well with buffered. I'm a bit confused though, because I'm using the latest version of Chrome (v17) and Firefox (v10), and none of the HTML5 audio demos on the jPlayer site show buffered information. On top of that, I can't even get the audio player to work on that Media Event Inspector page you linked using Chrome (Firefox works fine).

What I really want to know is: does jPlayer's HTML5 audio solution currently support progress bars in modern browsers (latest version of Chrome, Firefox and IE)? If not, are there plans to support it in the future?

Thanks again for your time,
Jack
Reply all
Reply to author
Forward
0 new messages