From 62097978966a0ffdd3e6473f1565a1de37a5a5b9 Mon Sep 17 00:00:00 2001
From: Carolus Bramnatyo Seno Mahesworo <mahesworocarolusbramantyo@gmail.com>
Date: Fri, 5 Dec 2025 12:37:08 +0700
Subject: [PATCH] fix: music fixing

---
 src/assets/music/hover.mp3 | Bin 0 -> 5905 bytes
 src/credit.html            |   5 +++--
 src/game/firstperson.html  |   4 +++-
 src/js/firstperson.js      |  15 ++++++++------
 src/leaderboard.php        |   5 ++++-
 src/onboard.php            |  39 ++++++++++++++++++++++++++++++-------
 6 files changed, 51 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/music/hover.mp3

diff --git a/src/assets/music/hover.mp3 b/src/assets/music/hover.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..25fcbc6f9c8a87ced9bbca63dcf2ab6ead890fa1
GIT binary patch
literal 5905
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

literal 0
HcmV?d00001

diff --git a/src/credit.html b/src/credit.html
index ff00e90..e450d30 100644
--- a/src/credit.html
+++ b/src/credit.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <audio id="bgm" src="/assets/music/credit.mp3"></audio>
+    <audio id="bgm-crdt" src="/assets/music/credit.mp3" loop autoplay></audio>
     <div class="container-credits" id="credits">
         <a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000">✖</a>
         <div class="credits">
@@ -96,7 +96,8 @@
 
     <script>
         document.addEventListener("DOMContentLoaded", () => {
-            const bgm = document.getElementById("bgm");
+            const bgm = document.getElementById("bgm-crdt");
+            bgm.volume = 0.2;
             bgm.play()
             const inner = document.getElementById("creditsInner");
             let y = 0;
diff --git a/src/game/firstperson.html b/src/game/firstperson.html
index f3d7bf5..346de6e 100644
--- a/src/game/firstperson.html
+++ b/src/game/firstperson.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-    <audio id="bgm" src="/assets/music/game.mp3"></audio>
+    <audio id="bgm" src="/assets/music/game.mp3" loop autoplay></audio>
     <audio id="sfx" src="/assets/music/slash.mp3"></audio>
     <audio id="sfxhrt" src="/assets/music/hurt.mp3"></audio>
     <div class="container-first">
@@ -41,6 +41,8 @@
     <script>
         document.addEventListener("DOMContentLoaded", () => {
             const bgm = document.getElementById("bgm");
+            bgm.volume = 0.1;
+            bgm.loop(true)
             bgm.play()
             
         });
diff --git a/src/js/firstperson.js b/src/js/firstperson.js
index b036c15..9afd83b 100644
--- a/src/js/firstperson.js
+++ b/src/js/firstperson.js
@@ -105,7 +105,7 @@ function selectAnswer(e){
         if(wrongCount >= maxWrong){
             setTimeout(()=>{
                 showScore();
-            }, 500);
+            }, 1500);
             return;
         }
     }
@@ -113,9 +113,8 @@ function selectAnswer(e){
     Array.from(answerBtn.children).forEach(button => {
         if(button.dataset.correct === "true") button.classList.add("correct");
         button.disabled = true;
-    },
-    setTimeout(nextQuestion, 500)
-    );
+    });
+    setTimeout(nextQuestion, 5000)
 }
 
 function showScore(){
@@ -152,9 +151,13 @@ function postScore(score){
         console.log("Server response:", data);
         
         if(data.success || data.message === "Score accumulated") {
-            window.location.href = "../leaderboard.php"; 
+            setTimeout(() => {
+                window.location.href = "../leaderboard.php"; 
+            }, 1500); 
         } else {
-            window.location.href = "../leaderboard.php"; 
+            setTimeout(() => {
+                window.location.href = "../leaderboard.php"; 
+            }, 1500);
         }
     })
     .catch(err => {
diff --git a/src/leaderboard.php b/src/leaderboard.php
index 0636e07..8557ab3 100644
--- a/src/leaderboard.php
+++ b/src/leaderboard.php
@@ -42,7 +42,7 @@ if($result){
         <link rel="stylesheet" href="css/style.css">
     </head>
     <body>
-        <audio id="bgm" src="/assets/music/leaderboard.mp3"></audio>
+        <audio id="bgm" src="/assets/music/leaderboard.mp3" loop autoplay></audio>
         <div class="container-board">
         <a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000">✖</a>            
             <div class="chara">
@@ -103,7 +103,10 @@ if($result){
         <script>
         document.addEventListener("DOMContentLoaded", () => {
             const bgm = document.getElementById("bgm");
+            bgm.loop = true
+            bgm.volume = 0.2
             bgm.play()
+
             
         });
     </script>
diff --git a/src/onboard.php b/src/onboard.php
index 9e63753..002d390 100644
--- a/src/onboard.php
+++ b/src/onboard.php
@@ -14,7 +14,8 @@ session_start();
 </head>
 
 <body>
-    <audio id="bgm" src="/assets/music/onboard.mp3"></audio>
+    <audio id="bgm" src="/assets/music/onboard.mp3" loop autoplay></audio>
+    <audio id="hover-sfx" src="/assets/music/hover.mp3" ></audio>
     <div class="container-onboard">
     <?php include 'notif.php'; ?>
     <?php
@@ -25,10 +26,10 @@ session_start();
     ?>
         <h1 data-aos="zoom-out" data-aos-duration="1000">👾 codebeater 👾</h1>
         <div class="menu">
-            <a data-aos="zoom-out" data-aos-duration="2000" href="game/thirdperson.html">Game Start</a>
-            <a data-aos="zoom-out" data-aos-duration="2000" href="leaderboard.php">leaderboard</a>
-            <a data-aos="zoom-out" data-aos-duration="2000" href="credit.html">Credit</a>
-            <a data-aos="zoom-out" data-aos-duration="2000" href="logout.php">Exit</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="game/thirdperson.html">Game Start</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="leaderboard.php">leaderboard</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="credit.html">Credit</a>
+            <a class="hover-btn" data-aos="zoom-out" data-aos-duration="2000" href="logout.php">Exit</a>
         </div>
     </div>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
@@ -38,8 +39,32 @@ session_start();
     <script>
         document.addEventListener("DOMContentLoaded", () => {
             const bgm = document.getElementById("bgm");
-            bgm.play()
-            
+            const hoversfx = document.getElementById('hover-sfx');
+            const buttons = document.querySelectorAll('.hover-btn');
+
+            bgm.volume =0.2;
+            hoversfx.volume =0.2;
+            buttons.forEach(button => {
+                button.addEventListener('mouseenter', () => {
+                    hoversfx.currentTime = 0;
+                    hoversfx.play().catch(error => console.log('menunggu iteraksi user'))
+                });
+            });
+            function playBGM(){
+                bgm.play().then(()=>{
+                    console.log('BGM Berputar')
+                }).catch(error => {
+                    console.log('auto diblok')
+                });
+            }
+            playBGM();
+
+
+            document.body.addEventListener("click", () => {
+                if (bgm.paused) {
+                    bgm.play();
+                }
+            }, { once: true });
         });
     </script>
 </body>