From 2bdc8b3e06b3996bfbc235e9fc8ad452c7a066e8 Mon Sep 17 00:00:00 2001
From: Christopher Andrews <godarklight@gmail.com>
Date: Tue, 21 May 2024 13:55:31 +1000
Subject: [PATCH] Change volume slider to a logarithmic scale (#51)

* Change volume slider to a logarithmic scale

* Unbreak muting
---
 htdocs/index.html | 2 +-
 htdocs/lib/UI.js  | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/htdocs/index.html b/htdocs/index.html
index 075818ee..e7cbafe7 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -225,7 +225,7 @@
                                 <svg class="unmuted" viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#speaker"></use></svg>
                                 <svg class="muted" viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#speaker-muted"></use></svg>
                             </div>
-                            <input title="Volume" id="openwebrx-panel-volume" class="openwebrx-panel-slider" type="range" min="0" max="150" value="50" step="1" onchange="UI.setVolume(this.value);" oninput="UI.setVolume(this.value);">
+                            <input title="Volume" id="openwebrx-panel-volume" class="openwebrx-panel-slider" type="range" min="0" max="150" value="100" step="1" onchange="UI.setVolume(this.value);" oninput="UI.setVolume(this.value);">
                             <div title="Tuning step" class="openwebrx-button openwebrx-slider-button" onclick="tuning_step_reset();">
                                 <svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#tuning-step"></use></svg>
                             </div>
diff --git a/htdocs/lib/UI.js b/htdocs/lib/UI.js
index 15c903cc..e2948549 100644
--- a/htdocs/lib/UI.js
+++ b/htdocs/lib/UI.js
@@ -75,7 +75,13 @@ UI.setVolume = function(x) {
         this.volume = x;
         LS.save('volume', x);
         $('#openwebrx-panel-volume').val(x)
-        if (audioEngine) audioEngine.setVolume(x / 100);
+        //Map 0-150 to -60 to 0db gain
+        xdb = (x / 2.5)  - 60;
+        gain = Math.pow(10, xdb / 20);
+        if (x == 0) {
+            gain = 0;
+        }
+        if (audioEngine) audioEngine.setVolume(gain);
     }
 };