From a07de062cd34949a7b06abd8668b32ae73f0cd22 Mon Sep 17 00:00:00 2001
From: Evert Prants <imsonotsleepy@gmail.com>
Date: Fri, 5 Oct 2018 16:44:03 +0300
Subject: [PATCH] mouse wheel on volume slider

---
 public/player.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/player.js b/public/player.js
index ff30ce6..0d72c46 100644
--- a/public/player.js
+++ b/public/player.js
@@ -10,6 +10,7 @@
   var mute = document.querySelector('#player-mute')
   var vol = document.querySelector('#player-volbar')
   var volBar = document.querySelector('#player-volbar .seek-inner')
+  var volElem = document.querySelector('.volume')
 
   // Seconds into HH:MM:SS
   function toHHMMSS (numbr) {
@@ -173,11 +174,25 @@
 
   mute.addEventListener('click', function (e) {
     audio.muted = !audio.muted
-    updateVolume()
   }, false)
 
   registerSeekBar(seek, 'currentTime', 'duration')
   registerSeekBar(vol, 'volume')
 
+  function wheelVolume (e) {
+    var delta = e.wheelDelta || -e.detail
+    if (delta < -1) delta = -1
+    if (delta > 1) delta = 1
+
+    let av = audio.volume + (delta / 10)
+    if (av > 1) av = 1
+    if (av < 0) av = 0
+
+    audio.volume = av
+  }
+
+  volElem.addEventListener('DOMMouseScroll', wheelVolume, false)
+  volElem.addEventListener('mousewheel', wheelVolume, false)
+
   updateVolume()
 })()