From 9bcb10adf145775fced272f60a1e4d59540e6579 Mon Sep 17 00:00:00 2001
From: SillyLossy <titan0599@gmail.com>
Date: Mon, 10 Apr 2023 15:06:01 +0300
Subject: [PATCH] Option for unfocused sound play

---
 public/index.html            |  5 +++++
 public/scripts/power-user.js | 11 +++++++++++
 2 files changed, 16 insertions(+)

diff --git a/public/index.html b/public/index.html
index 7e5907595..6b819a1b4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1100,6 +1100,11 @@
                             </span>
                         </label>
 
+                        <label for="play_sound_unfocused" class="checkbox_label">
+                            <input id="play_sound_unfocused" type="checkbox" />
+                            Sound only for unfocused window
+                        </label>
+
                         <label for="fast_ui_mode" class="checkbox_label" title="Blur can cause browser lag, especially in Bubble Chat mode. To fix: Turn on your browser's Hardware Acceleration, and restart your browser or simply disable the blur effect with this toggle.">
                             <input id="fast_ui_mode" type="checkbox" />
                             No Blur Effect
diff --git a/public/scripts/power-user.js b/public/scripts/power-user.js
index b95973ee5..7c0d24900 100644
--- a/public/scripts/power-user.js
+++ b/public/scripts/power-user.js
@@ -37,6 +37,7 @@ let power_user = {
     chat_display: chat_styles.DEFAULT,
     sheld_width: sheld_width.DEFAULT,
     play_message_sound: false,
+    play_sound_unfocused: true,
 };
 
 const storage_keys = {
@@ -60,6 +61,10 @@ function playMessageSound() {
         return;
     }
 
+    if (power_user.play_sound_unfocused) {
+        return;
+    }
+
     const audio = document.getElementById('audio_message_sound');
     audio.volume = 0.8;
     audio.pause();
@@ -144,6 +149,7 @@ function loadPowerUserSettings(settings) {
     $("#fast_ui_mode").prop("checked", power_user.fast_ui_mode);
     $("#multigen").prop("checked", power_user.multigen);
     $("#play_message_sound").prop("checked", power_user.play_message_sound);
+    $("#play_sound_unfocused").prop("checked", power_user.play_sound_unfocused);
     $(`input[name="avatar_style"][value="${power_user.avatar_style}"]`).prop("checked", true);
     $(`input[name="chat_display"][value="${power_user.chat_display}"]`).prop("checked", true);
     $(`input[name="sheld_width"][value="${power_user.sheld_width}"]`).prop("checked", true);
@@ -226,4 +232,9 @@ $(document).ready(() => {
         power_user.play_message_sound = !!$(this).prop('checked');
         saveSettingsDebounced();
     });
+
+    $("#play_sound_unfocused").on('input', function () {
+        power_user.play_sound_unfocused = !!$(this).prop('checked');
+        saveSettingsDebounced();
+    });
 });
\ No newline at end of file