feat: button to acquire a link for obsHEADmaster

3 files changed, 23 insertions, 3 deletions

diff --git a/index.html b/index.html
index 83ba688..7394c86 100644
--- a/index.html
+++ b/index.html
@@ -34,6 +34,7 @@
                     </div>
                     <div class="control">
                         <a href="show.html" class="button">show in a separate tab</a>
+                        <a href="#" class="button" id="obs" onclick="get_link_for_obs()">get link for obs</a>
                     </div>
                 </div>
             </div>
@@ -52,5 +53,6 @@
 </body>
 <script src="scripts/microphone.js"></script>
 <script src="scripts/settings.js"></script>
+<script src="scripts/obs.js"></script>
 
 </html>
\ No newline at end of file
diff --git a/scripts/microphone.js b/scripts/microphone.js
index 5f58245..3daf728 100644
--- a/scripts/microphone.js
+++ b/scripts/microphone.js
@@ -34,9 +34,10 @@ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                     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");
+                const params = new URLSearchParams(window.location.search);
+                const muted = localStorage.getItem("muted_img") || params.get("muted_img");
+                const speak = localStorage.getItem("speak_img") || params.get("speak_img");
+                const silence_db = localStorage.getItem("silence_db") || params.get("silence_db");
 
                 if (muted && previewHtml.src != muted && decibels <= silence_db) {
                     previewHtml.src = muted;
diff --git a/scripts/obs.js b/scripts/obs.js
new file mode 100644
index 0000000..ef18ae8
--- /dev/null
+++ b/scripts/obs.js
@@ -0,0 +1,17 @@
+function get_link_for_obs() {
+    const muted_img = localStorage.getItem("muted_img");
+    const speak_img = localStorage.getItem("speak_img");
+    const silence_db = localStorage.getItem("silence_db");
+
+    if (!muted_img || !speak_img || !silence_db) {
+        alert("settings not set!");
+        return;
+    }
+
+    const url_part = `show.html?silence_db=${silence_db}&muted_img=${muted_img}&speak_img=${speak_img}`;
+
+    navigator.clipboard.writeText(window.location.href + url_part);
+    alert("copied the url to clipboard!");
+
+    window.location.replace(url_part);
+}
\ No newline at end of file