#11 Implement Custom Controls

[Luc]

Create HTML elements to control/reflect player:

1. Play/Pause
2. Slider to visualize player timeline
3. Slider Handle, controlled by the user
4. Volume handler and/or on/off switch

[Gustavo Matias]

Committed first version of custom controls with play/pause + mute +fullscreen. still need to work on the other controls.

[Luc]

Some info on custom controls when in fullscreen mode:
http://stackoverflow.com/questions/10115345/having-custom-controls-still-apply-when-go-fullscreen-on-a-html5-video

[Gustavo Matias]

ohh I was wondering about that! beautiful!

I've been trying to get the html5 range slider to work but I just found out that it doesn't work on FF and IE... I really didn't want to add a dependency to a library just because of a slider, specially because the libs I found are not in maven central repository.
As you mentioned, we'll then let the designer handle the job of creating a slider (or maybe us later on)? I can just add a textbox instead, so we can set the value for the volume and time.

[Gustavo Matias]

I committed a slider implementation that might hopefully help out on getting started to implement a custom widget for the volume and timeline controls. I extracted the less I could but we could definitely remove unnecessary code/resources (like images, css, etc), or it might be all garbage depending on what the designer come up with.. Just wanted to see how things would be handled.

source: https://code.google.com/p/gwt-slider-bar/