Spaces:
Sleeping
Sleeping
File size: 3,243 Bytes
2a6d2b0 c8e039e 2a6d2b0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Through Their Eyes</title>
<link rel="stylesheet" href="assets/css/index-style.css" />
</head>
<body>
<div class="led-bar">
<div class="light-beam"></div>
</div>
<div class="background-elements">
<img src="assets/img/blood-2.png" alt="" class="blood blood-top-left" />
<img src="assets/img/help.png" alt="" class="blood blood-top-right" />
<img src="assets/img/splatter.png" alt="" class="blood splatter" />
<img src="assets/img/hand.png" alt="" class="blood blood-bottom-right" />
</div>
<main>
<div class="logo">
<img src="assets/img/logo.png" alt="Through Their Eyes" />
</div>
<nav class="menu">
<a href="game/index.html" class="menu-item new-game">NEW GAME</a>
<a href="howto/how-to-play.html" class="menu-item how-to-play">HOW TO PLAY</a>
</nav>
<div class="character">
<img src="assets/img/perso.png" alt="Character" />
</div>
</main>
<div class="sound-button" onclick="toggleSound()">
<img
src="/static/assets/img/sondon.png"
alt="Sound control"
id="soundIcon"
/>
</div>
<audio id="bgMusic" loop>
<source src="/static/assets/sounds/music.mp3" type="audio/mp3" />
</audio>
<script>
// Définir isSoundOn comme true par défaut
let isSoundOn = true; // Toujours commencer avec le son activé
const soundIcon = document.getElementById("soundIcon");
const bgMusic = document.getElementById("bgMusic");
window.addEventListener("DOMContentLoaded", () => {
// Vérifier si c'est la première visite
if (localStorage.getItem("isSoundOn") === null) {
// Première visite : initialiser avec le son activé
localStorage.setItem("isSoundOn", "true");
} else {
// Visites suivantes : récupérer l'état précédent
isSoundOn = localStorage.getItem("isSoundOn") === "true";
}
// Mettre à jour l'icône
updateSoundIcon();
try {
bgMusic.currentTime = 10;
// Jouer la musique si le son est activé
if (isSoundOn) {
bgMusic.play().catch((error) => {
console.log("Autoplay prevented:", error);
isSoundOn = false;
localStorage.setItem("isSoundOn", "false");
updateSoundIcon();
});
}
} catch (error) {
console.error("Error playing audio:", error);
}
});
function toggleSound() {
isSoundOn = !isSoundOn;
localStorage.setItem("isSoundOn", isSoundOn.toString());
if (isSoundOn) {
if (bgMusic.currentTime < 10) {
bgMusic.currentTime = 10;
}
bgMusic.play();
} else {
bgMusic.pause();
}
updateSoundIcon();
}
function updateSoundIcon() {
soundIcon.src = isSoundOn
? "/static/assets/img/sondon.png"
: "/static/assets/img/soundoff.png";
}
</script>
</body>
</html>
|