🐛 FIX: audio

yoanbernabeu · Sep 22, 2024 · 5b0e239 · 5b0e239
1 parent 49855b3
commit 5b0e239
Showing 1 changed file with 26 additions and 24 deletions.
diff --git a/app/index.html b/app/index.html
@@ -106,7 +106,7 @@ <h1>Le Cristal des Rêves - Minuteur</h1>
         let songSegments = [];
         let currentSongIndex = 0;
         let audioContext;
-        let audioElement;
+        let audioBuffers = [];
         let audioSource;
 
         const durationInput = document.getElementById('duration');
@@ -120,6 +120,16 @@ <h1>Le Cristal des Rêves - Minuteur</h1>
         addTimeButton.addEventListener('click', addOneMinute);
         endButton.addEventListener('click', endGame);
 
+        async function loadAudioFiles() {
+            audioContext = new (window.AudioContext || window.webkitAudioContext)();
+            for (let i = 1; i <= 5; i++) {
+                const response = await fetch(`song${('0' + i).slice(-2)}.mp3`);
+                const arrayBuffer = await response.arrayBuffer();
+                const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
+                audioBuffers.push(audioBuffer);
+            }
+        }
+
         function startTimer() {
             totalTime = parseInt(durationInput.value) * 60;
             if (isNaN(totalTime) || totalTime <= 0) {
@@ -144,12 +154,12 @@ <h1>Le Cristal des Rêves - Minuteur</h1>
             // Diviser le temps total en 5 segments pour les chansons
             calculateSongSegments();
 
-            // Initialiser l'AudioContext
-            audioContext = new (window.AudioContext || window.webkitAudioContext)();
-
-            // Démarrer la première chanson
-            currentSongIndex = 0;
-            playCurrentSong();
+            // Charger les fichiers audio
+            loadAudioFiles().then(() => {
+                // Démarrer la première chanson
+                currentSongIndex = 0;
+                playCurrentSong();
+            });
 
             countdown = setInterval(() => {
                 remainingTime--;
@@ -204,28 +214,20 @@ <h1>Le Cristal des Rêves - Minuteur</h1>
         }
 
         function playCurrentSong() {
-            if (audioElement) {
-                audioElement.pause();
-                audioElement.currentTime = 0;
+            if (audioSource) {
+                audioSource.stop();
             }
-            const songNumber = ('0' + (currentSongIndex + 1)).slice(-2);
-            audioElement = new Audio(`song${songNumber}.mp3`);
-            audioElement.loop = true;
-
-            // Utiliser l'AudioContext pour jouer l'audio
-            audioSource = audioContext.createMediaElementSource(audioElement);
+            audioSource = audioContext.createBufferSource();
+            audioSource.buffer = audioBuffers[currentSongIndex];
             audioSource.connect(audioContext.destination);
-
-            audioElement.play().catch(error => {
-                console.error('Erreur lors de la lecture de la piste audio :', error);
-            });
+            audioSource.loop = true;
+            audioSource.start();
         }
 
         function stopAudio() {
-            if (audioElement) {
-                audioElement.pause();
-                audioElement.currentTime = 0;
-                audioElement = null;
+            if (audioSource) {
+                audioSource.stop();
+                audioSource = null;
             }
         }