add #playMusic

CKMurison · Jul 12, 2023 · fe5e95a · fe5e95a
1 parent c9c3e4e
commit fe5e95a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/media/tetris-soundtrack.mp3 b/media/tetris-soundtrack.mp3
diff --git a/src/game.js b/src/game.js
@@ -48,8 +48,9 @@ class Game {
   // The playLoop runs the game
   // Instantiate a turn-cycle loop, that breaks to allow the game to swap players
   async playLoop(test) {
+    this.playMusic();
     let turnInProgress = false;
-    let timer = 100; // time between ticks in ms
+    let timer = 10000; // time between ticks in ms
 
     while (!turnInProgress) {
       turnInProgress = true;
@@ -188,6 +189,23 @@ class Game {
     return grid;
   }
 
+  playMusic() {
+    const music = new Audio('media/tetris-soundtrack.mp3');
+    music.loop = true;
+    music.volume = 0.1;
+
+    document.addEventListener("click", function() { // unmute and play the music if the user clicks anywhere in the Document
+      music.muted = false;
+      music.play();
+    });
+    console.log("playMusic() returned");
+
+    document.addEventListener("keydown", function() { // unmute and play the music if the user presses any button    
+        music.muted = false;
+        music.play();
+    });
+  }
+
   async #delay(time) {
     await new Promise(resolve => setTimeout(resolve, time));
   }