real-time volumeHEADmain

1 files changed, 2 insertions, 3 deletions

diff --git a/player.mjs b/player.mjs
index 070eadf..6a4e39a 100644
--- a/player.mjs
+++ b/player.mjs
@@ -30,10 +30,9 @@ export default class extends HTMLElement {
         this.globalGain.connect(this.audioCtx.destination);
         this.globalGain.gain.setValueAtTime(this.volume, this.audioCtx.currentTime);
 
-        this.querySelector('.volume').onchange = e => {
-            console.debug('vol changed', e, this.volume);
+        this.querySelector('.volume').addEventListener('input', _ => {
             this.globalGain.gain.setValueAtTime(this.volume, this.audioCtx.currentTime);
-        }
+        });
     }
 
     get volume() {