add ui click sounds

2020-10-02 20:42:00 -04:00
parent 5d00953c33
commit 9f8e3984a3
4 changed files with 18 additions and 3 deletions
@@ -12,6 +12,7 @@ var logoSelect = {
    'Shadowlands' : './assets/img/ui/logos/Shadowlands.png',
 }
 var audio = new Audio();
+var buttonAudio = new Audio();
 var audioInitialPlayback = false;
 var queuePos = null;
 var disconnected = false;
@@ -32,6 +33,7 @@ function waitForInteractionToPlayAudio()
 {
    if(!audioInitialPlayback)
    {
+        buttonAudio.volume = 0.5;
        audio.volume = 0.1;
        audio.loop = true;
        audio.play();
@@ -170,4 +172,17 @@ function switchExpansion()
        break;
    }
    audio.play();
+}
+
+function playButtonAudio(index)
+{
+    buttonAudio.pause();
+    buttonAudio.time = 0;
+    
+    if(index === 0)
+        buttonAudio.src = './assets/audio/ui/button_click.ogg';
+    else
+        buttonAudio.src = './assets/audio/ui/button_click_big.ogg';
+    
+    buttonAudio.play();
 }
@@ -9,11 +9,11 @@
    <body onload="init();">
        
        <!-- LOGO -->
-        <button class="xPacButton" id="logo" onclick="manualChangeExpac();"></button>
+        <button class="xPacButton" id="logo" onclick="manualChangeExpac(); playButtonAudio(1);"></button>
        
        <!--QUIT BUTTON-->
        <div id="quitButtonContainer" class="foreground">
-            <button class="button" onclick="location.href='http://www.wowaholics.org/';"> Quit </button>
+            <button class="button" onclick="location.href='www.wowaholics.org/'; playButtonAudio(0);" > Quit </button>
        </div>
        
        <!--QUEUE BOX-->
@@ -26,7 +26,7 @@
                <p class="queueText" id="queueTime">Estimated time: 999 min</p>
            </div>
            
-            <button class="button" id="realmListButton"> Change Realm </button>
+            <button class="button" id="realmListButton" onclick="playButtonAudio(0);"> Change Realm </button>
        </div>
        
        <!--COPYRIGHT TEXT-->