41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
const buttons = document.querySelectorAll(".filter-btn");
|
|
buttons.forEach(btn => {
|
|
btn.addEventListener("click", function () {
|
|
buttons.forEach(b => b.classList.remove("active"));
|
|
this.classList.add("active");
|
|
});
|
|
});
|
|
|
|
|
|
const lbMusicBtn = document.getElementById("lbMusicBtn");
|
|
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 {
|
|
lbAudio.play().catch(error => {
|
|
console.log("Gagal memutar audio:", error);
|
|
});
|
|
lbMusicBtn.innerHTML = "🔊";
|
|
isLbPlaying = true;
|
|
}
|
|
});
|
|
} |