From 5bb3f74b909d4d1eed8635ff4b9b9d383bf0abb2 Mon Sep 17 00:00:00 2001
From: ilotterytea <iltsu@alright.party>
Date: Sun, 16 Jun 2024 02:25:23 +0500
Subject: feat: listen microphone and show dB level

---
 scripts/microphone.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 scripts/microphone.js

(limited to 'scripts/microphone.js')

diff --git a/scripts/microphone.js b/scripts/microphone.js
new file mode 100644
index 0000000..7e8de6a
--- /dev/null
+++ b/scripts/microphone.js
@@ -0,0 +1,29 @@
+if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+    const volumeHtml = document.getElementById("volume");
+
+    navigator.mediaDevices.getUserMedia({ audio: true })
+        .then(stream => {
+            const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+            const source = audioContext.createMediaStreamSource(stream);
+
+            audioContext.audioWorklet.addModule("scripts/volume_processor.js")
+                .then(() => {
+                    const volumeNode = new AudioWorkletNode(audioContext, "volume_processor");
+                    source.connect(volumeNode).connect(audioContext.destination);
+
+                    volumeNode.port.onmessage = (event) => {
+                        const volume = event.data;
+                        const db = 20 * Math.log10(volume);
+
+                        volumeHtml.innerHTML = `${db.toFixed(2)} dB`;
+                    };
+                }).catch((err) => {
+                    console.log(err);
+                })
+        })
+        .catch(err => {
+            console.error('The following getUserMedia error occurred: ' + err);
+        });
+} else {
+    console.warn('getUserMedia not supported on your browser!');
+}
\ No newline at end of file
-- 
cgit v1.2.3