Option for unfocused sound play

Hellvis85 · Apr 10, 2023 · 9bcb10a · 9bcb10a
1 parent 63a9d3d
commit 9bcb10a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1100,6 +1100,11 @@ <h3>Power User Options</h3>
                             </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
@@ -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();
+    });
 });