From 1257782012bc5a1f7e5d2b8e3025543b2899d499 Mon Sep 17 00:00:00 2001
From: ilotterytea <iltsu@alright.party>
Date: Sun, 16 Jun 2024 13:32:32 +0500
Subject: feat: update the preview image when decibels change

---
 scripts/microphone.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/scripts/microphone.js b/scripts/microphone.js
index 93308df..ebf648f 100644
--- a/scripts/microphone.js
+++ b/scripts/microphone.js
@@ -1,5 +1,6 @@
 if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
     const volumeHtml = document.getElementById("volume");
+    const previewHtml = document.getElementById("preview");
 
     navigator.mediaDevices.getUserMedia({ audio: true })
         .then(stream => {
@@ -30,6 +31,18 @@ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                 const decibels = 20 * Math.log10(volume / 255);
                 
                 volumeHtml.innerText = `${decibels.toFixed(2)} dB`;
+
+                const muted = localStorage.getItem("muted_img");
+                const speak = localStorage.getItem("speak_img");
+                const silence_db = localStorage.getItem("silence_db");
+
+                if (muted && previewHtml.src != muted && decibels <= silence_db) {
+                    previewHtml.src = muted;
+                }
+
+                if (speak && previewHtml.src != speak && decibels > silence_db) {
+                    previewHtml.src = speak;
+                }
             };
         })
         .catch(err => {
-- 
cgit v1.2.3