Implement a draggable volume thing

[solarnz]

Implement a draggable volume thing

[dhowden]

+1 This also needs to be implemented for playing progress slider. A good way to do this would actually be to use the HTML5 slider control.

[GrahamGoudeau]

I'm in the process of implementing this for the volume and playing progress slider using HTML5 slider controls

[dhowden]

Great! I think that @solarnz got quite far with this actually...? I seem to remember that getting the layout right was tricky.

It's probably better to have a look at Google Music and see how they implement the dragging. There's also this React library for creating Material-style components which has draggable sliders (which don't use HTML5 sliders as I recall): https://github.com/callemall/material-ui.

[GrahamGoudeau]

I got the functionality of the volume slider working just fine using the HTML5 sliders, but yeah the layout was a little off. Would you rather use that React library or should I keep messing with the layout to see if I can get it right?

[dhowden]

The layout for the play progress needs to be very precise (and probably can't deviate much from what it is at the moment). I would suggest that you have a look at the React library and see how they make the dragging work, and then decide if it's practical to try and implement that using the code we have.

I don't think that we should import the whole library just for that, especially as their slider stuff will probably need a lot of tweaking to get the play progress to work in the layout.