From 6511e5d59afa139b18c0bf385115c09325826823 Mon Sep 17 00:00:00 2001 From: Nathan Date: Fri, 19 Dec 2025 02:27:47 +0700 Subject: [PATCH] benerin sound leaderboard --- assets/leaderboard.css | 4 ++-- assets/leaderboard.js | 16 ++++++++++++++-- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/assets/leaderboard.css b/assets/leaderboard.css index 07fbcc3..cca20e9 100644 --- a/assets/leaderboard.css +++ b/assets/leaderboard.css @@ -129,7 +129,7 @@ body { } .table-header { - background: rgba(255, 255, 255, 0.617); + background: rgba(255, 255, 255, 0.442); font-weight: bold; border-radius: 15px 15px 0 0; text-transform: uppercase; @@ -232,7 +232,7 @@ body { .col-date { font-size: 0.8rem; - color: #888; + color: #313131; text-align: right; } diff --git a/assets/leaderboard.js b/assets/leaderboard.js index a6a7d3b..9aa08c7 100644 --- a/assets/leaderboard.js +++ b/assets/leaderboard.js @@ -12,15 +12,27 @@ const lbAudio = document.getElementById("lbAudio"); let isLbPlaying = true; if (lbMusicBtn && lbAudio) { + // --- TAMBAHAN: Coba play langsung saat load --- + lbAudio.play().then(() => { + // Jika browser mengizinkan, set icon jadi nyala + lbMusicBtn.innerHTML = "🔊"; + isLbPlaying = true; + }).catch(error => { + // Jika browser memblokir (Autoplay Policy), set ke mute dulu + console.log("Autoplay dicegah browser, menunggu interaksi user."); + lbMusicBtn.innerHTML = "🔇"; + isLbPlaying = false; // Ubah state jadi false biar klik berikutnya nge-play + }); + // ---------------------------------------------- + lbMusicBtn.addEventListener("click", () => { if (isLbPlaying) { lbAudio.pause(); lbMusicBtn.innerHTML = "🔇"; isLbPlaying = false; } else { - // Memulai musik lbAudio.play().catch(error => { - console.log("Autoplay dicegah browser, klik manual diperlukan."); + console.log("Gagal memutar audio:", error); }); lbMusicBtn.innerHTML = "🔊"; isLbPlaying = true;