wip

src/app/api/voice/route.ts

@@ -87,9 +87,12 @@ export async function POST(request: Request) {
     }
 
     const audioBuffer = await response.arrayBuffer();
-    return new NextResponse(audioBuffer, {
+    return new Response(audioBuffer, {
       headers: {
-        'Content-Type': 'audio/mpeg'
+        'Content-Type': 'audio/mpeg',
+        'Accept-Ranges': 'bytes',
+        'Content-Length': audioBuffer.byteLength.toString(),
+        'Cache-Control': 'no-cache'
       }
     });
 

src/app/page.tsx

@@ -34,7 +34,7 @@ interface Chat {
 const intro = {
   fr: {
     title: "L'Avocat de l'IA",
-    description: `Daniel est un homme ordinaire. Il n'a rien fait de mal.\nPourtant, il est convoqué au tribunal aujourd'hui. Pauvre Daniel...`,
+    description: `Daniel est un mec banale. Il n'a rien fait de mal.\nPourtant, il est convoqué aujourd'hui dans ce tribunal. Pauvre Daniel...`,
     start: "Commencer"
   },
   en: {

src/components/intro/Intro.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { FC } from 'react';
+import { FC, useEffect, useRef } from 'react';
 import Image from 'next/image';
 
 
@@ -39,10 +39,43 @@ const IntroScene: FC<IntroSceneProps> = ({
   setNextScene,
   story,
 }) => {
+  const audioRef = useRef<HTMLAudioElement | null>(null);
+
   const handleContinue = () => {
     setNextScene();
   };
 
+  useEffect(() => {
+    
+    let audio: HTMLAudioElement | undefined;
+    
+    if (language === 'en') {
+      audio = new Audio('/sounds/intro_en.mp3');
+    } else if (language === 'fr') {
+      audio = new Audio('/sounds/intro_fr.mp3');
+    } else if (language === 'es') {
+      audio = new Audio('/sounds/intro_es.mp3');
+    }
+
+    if (!audio) return;  // Add early return if no audio is set
+
+    const playAudio = () => {
+      audio.play().catch(error => {
+        console.log('Audio playback error:', error);
+      });
+    };
+
+    audio.addEventListener('canplaythrough', playAudio, { once: true });
+
+    return () => {
+      audio.removeEventListener('canplaythrough', playAudio);
+      if (audioRef.current) {
+        audioRef.current.pause();
+        audioRef.current.currentTime = 0;
+      }
+    };
+  }, []);
+
   return (
     <div className="relative w-screen h-screen">
       {/* Image de fond */}