From 1e81748ff40da79a59fb50cebf14755e6ae38eef Mon Sep 17 00:00:00 2001
From: mcguirepr89 <mcguirepr89@gmail.com>
Date: Fri, 15 Apr 2022 13:02:36 -0400
Subject: [PATCH] javascript updates the image instead of reloading the page

---
 scripts/spectrogram.php | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/scripts/spectrogram.php b/scripts/spectrogram.php
index 2ed5f72..8140cfc 100644
--- a/scripts/spectrogram.php
+++ b/scripts/spectrogram.php
@@ -1,11 +1,16 @@
 <?php
-if (file_exists('thisrun.txt')) {
-  $config = parse_ini_file('thisrun.txt');
-} elseif (file_exists('firstrun.ini')) {
-  $config = parse_ini_file('firstrun.ini');
+if (file_exists('./scripts/thisrun.txt')) {
+  $config = parse_ini_file('./scripts/thisrun.txt');
+} elseif (file_exists('./scripts/firstrun.ini')) {
+  $config = parse_ini_file('./scripts/firstrun.ini');
 }
 $refresh = $config['RECORDING_LENGTH'];
 $time = time();
-echo "<img style=\"width:100%;height:100%\" src=\"/spectrogram.png?nocache=$time\">";
-header("Refresh: $refresh;");
+echo "<img id=\"spectrogramimage\" style=\"width:100%;height:100%\" src=\"/spectrogram.png?nocache=$time\">";
 ?>
+<script>
+// every $refresh seconds, this loop will run and refresh the spectrogram image
+window.setInterval(function(){
+  document.getElementById("spectrogramimage").src = "/spectrogram.png?nocache="+Date.now();
+}, <?php echo $refresh; ?>*1000);
+</script>