Javascript draggable volume knob Example

Javascript draggable volume knob

Back to Tutorial

Click anywhere to begin playing audio first, then drag volume knob with mouse or finger to control volume

Current volume: 0%

Min Max

Javascript written by Kevin Lam of zTransitions.com

Original HTML/CSS code forked from Ed Hicks's - original HTML/CSS example

Original volume knob graphic design by Ricardo Salazar