wip

src/components/court/Court.tsx

@@ -17,18 +17,21 @@ const CourtScene: FC<CourtSceneProps> = ({
 }) => {
   const [showFirstImage, setShowFirstImage] = useState(true);
   const audioRef = useRef<HTMLAudioElement | null>(null);
+  const isPlayingRef = useRef<boolean>(false);
 
   useEffect(() => {
     const playAudio = async () => {
+      // Si déjà en train de jouer, on ne fait rien
+      if (isPlayingRef.current || !currentQuestion) return;
+      
       try {
-        if (!currentQuestion) return;
+        isPlayingRef.current = true;
 
-        // Cleanup previous audio if exists
         if (audioRef.current) {
           audioRef.current.pause();
           audioRef.current = null;
         }
-
+        
         const response = await fetch('/api/voice', {
           method: 'POST',
           headers: {
@@ -47,24 +50,36 @@ const CourtScene: FC<CourtSceneProps> = ({
 
         const audioBlob = await response.blob();
         const audioUrl = URL.createObjectURL(audioBlob);
+
+        if (audioRef.current) {
+          audioRef.current.pause();
+          audioRef.current = null;
+        }
+        
         const audio = new Audio(audioUrl);
         audioRef.current = audio;
+        
+        audio.addEventListener('ended', () => {
+          isPlayingRef.current = false;
+        });
+
         await audio.play();
       } catch (error) {
         console.error('Error playing audio:', error);
+        isPlayingRef.current = false;
       }
     };
 
     playAudio();
 
     return () => {
+      isPlayingRef.current = false;
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current = null;
       }
     };
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currentQuestion]);
+  }, [currentQuestion, reaction]);
 
   const handleNextScene = () => {
     if (audioRef.current) {

src/components/end/End.tsx

@@ -52,6 +52,13 @@ const EndScene: FC<EndSceneProps> = ({
 
           const audioBlob = await response.blob();
           const audioUrl = URL.createObjectURL(audioBlob);
+
+
+        if (audioRef.current) {
+          audioRef.current.pause();
+          audioRef.current = null;
+        }
+        
           const audio = new Audio(audioUrl);
           audioRef.current = audio;
           await audio.play();