wip

.env

@@ -1,2 +1,2 @@
-ELEVEN_LABS_API_KEY="rqjQLRrhjdjh4wjBVJNaAxMWiCPqjWcn"
+ELEVEN_LABS_API_KEY="sk_97fa12a6d73a3b7145dbd5f41affb96f7fcf9452262cd0f1"
 MISTRAL_API_KEY="lyDFvx5djb2d5JqhqrHh1sXr8dovlgnE"

src/app/api/voice/route.ts

@@ -37,6 +37,8 @@ const VOICES = {
 export async function POST(request: Request) {
   try {
     const { text, language = 'en' } = await request.json();
+    console.log('language:', language)
+    console.log('text:', text)
 
     if (!VOICES[language as keyof typeof VOICES]) {
       return NextResponse.json(
@@ -92,6 +94,8 @@ export async function POST(request: Request) {
       }
     }
 
+    console.log('process.env.ELEVEN_LABS_API_KEY:', process.env.ELEVEN_LABS_API_KEY)
+
     // Si aucun segment glitch n'a été trouvé, on génère la voix normale
     const response = await fetch(
       `https://api.elevenlabs.io/v1/text-to-speech/${VOICES[language as keyof typeof VOICES].LAWYER_VOICE.id}`,
@@ -113,6 +117,8 @@ export async function POST(request: Request) {
       }
     );
 
+    console.log('response:', response);
+
     if (!response.ok) {
       throw new Error('Failed to generate voice');
     }

src/components/lawyer/Lawyer.tsx

@@ -43,6 +43,39 @@ const LawyerScene: FC<LawyerSceneProps> = ({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // Only run once on mount
 
+  useEffect(() => {
+    const playAudio = async () => {
+      try {
+        const response = await fetch('/api/voice', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            language,
+            text: answer
+          })
+        });
+
+        if (!response.ok) {
+          throw new Error('Failed to generate audio');
+        }
+
+        const audioBlob = await response.blob();
+        const audioUrl = URL.createObjectURL(audioBlob);
+        const audio = new Audio(audioUrl);
+        audio.play();
+      } catch (error) {
+        console.error('Error playing audio:', error);
+      }
+    };
+
+    if (answer) {
+      playAudio();
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [answer])
+
   useEffect(() => {
     setVisible(true);
     setRound(round + 1);