From d9acfa2ea70b6e48c5501df1bdb215b11c1c8b04 Mon Sep 17 00:00:00 2001
From: dman776 <dman776@gmail.com>
Date: Mon, 28 Jan 2019 23:39:51 -0600
Subject: [PATCH] feature: add sounds to realtime signal page (#342)

---
 files/www/cgi-bin/signal | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/files/www/cgi-bin/signal b/files/www/cgi-bin/signal
index 838dbe51..644f208e 100755
--- a/files/www/cgi-bin/signal
+++ b/files/www/cgi-bin/signal
@@ -155,6 +155,7 @@ $header = <<EOF;
           dps[0].push(result[0][0]);
           chart.render();
           var snr = (result[0][0].y[1] * -1) - (result[0][0].y[0] * -1);
+          toneFreq(snr);
           \$('#snr').html(snr);
         });
       };
@@ -170,6 +171,33 @@ $header = <<EOF;
       }
       chart.render();
     }); // --- document.ready
+
+    var audioCtx = new(window.AudioContext || window.webkitAudioContext)();
+    var oscillator = audioCtx.createOscillator();
+    var gainNode = audioCtx.createGain();
+    oscillator.connect(gainNode);
+    oscillator.type = 'sine';
+    gainNode.connect(audioCtx.destination);
+    gainNode.gain.value = 1;
+
+    function toneFreq(snr) {
+      oscillator.frequency.value = snr * 20;  
+    }
+
+    function toneOn() { 
+      oscillator = audioCtx.createOscillator();
+      gainNode = audioCtx.createGain();
+      oscillator.connect(gainNode);
+      oscillator.type = 'sine';
+      gainNode.connect(audioCtx.destination);
+      gainNode.gain.value = 1; 
+      oscillator.start();
+    };
+
+    function toneOff() {
+      oscillator.stop();
+    };
+
   </script>
   <script nonce="" src="https://assets.evulid.cc/js/evulid-matomo.js"></script><noscript><p><img src="https://mato.evulid.cc/matomo.php?idsite=8&amp;rec=1" style="border:0" alt="" /></p></noscript></head>
 EOF
@@ -229,12 +257,11 @@ $page = $page . "<input type='hidden' name='realtime' value='1'></input>\n" if($
 $page = $page . <<EOF;
     </form>
     </div>
-    <div id="snrValues">
-    <h2>
+    <div id="snrValues" style="float: left;">
 EOF
-$page = $page . "SNR: <span id='snr'>0</span>dB" if($parms{"realtime"} eq "1");
+$page = $page . "<div><h3>SNR: <span id='snr'>0</span>dB</h3></div>" if($parms{"realtime"} eq "1");
+$page = $page . "<div style='float: right;'>Sound: <button onclick='toneOn();'>On</button>&nbsp;<button onclick='toneOff();'>Off</button></div>" if($parms{"realtime"} eq "1");
 $page = $page . <<EOF;
-    </h2>
     </div>
     <div id="chartContainer" style="width: 80%; height: 60%;"></div>
   </center>