Adding volume slider to jplayer

1,209 views
Skip to first unread message

Adam

unread,
Apr 18, 2011, 4:07:41 PM4/18/11
to jPlayer: HTML5 Audio & Video for jQuery
I have figured out how to set the volume but would like a clean
interface like here http://www.jplayer.org/latest/demo-01/.

Specifically the slider function for the volume and the song
progress. I have been searching and have seen that using the jquery
ui is an option but cannot figure out how to tie it in and actually
change the volume.

Any help here would be great.
Thanks

Adam

unread,
Apr 18, 2011, 5:01:52 PM4/18/11
to jPlayer: HTML5 Audio & Video for jQuery
Implementing something like this would be nice:
http://jqueryui.com/demos/slider/#rangemin

Has anyone every used this for volume control in jplayer?

Thanks
Adam

On Apr 18, 1:07 pm, Adam <adam.i.robert...@gmail.com> wrote:
> I have figured out how to set the volume but would like a clean
> interface like herehttp://www.jplayer.org/latest/demo-01/.

Mark Panaghiston

unread,
Apr 19, 2011, 4:40:09 AM4/19/11
to jpl...@googlegroups.com
Hello Adam,

We had a demo that used the jQuery UI in our jPlayer 1.x series, but I have not got round to updating that demo for jPlayer 2.x.

This is the demo from jPlayer 1.2.0:
http://www.jplayer.org/1.2.0/demo-07/

The jPlayer API changed in jPlayer 2.0.0 so you would need to change some of the events...
Like the old psuedo-event, onProgressChange is not a real event, $.jPlayer.event.timeupdate
Or use the timeupdate constructor option.

Best regards,
Mark P.
Reply all
Reply to author
Forward
0 new messages