wip

src/app/api/voice/route.ts

@@ -47,11 +47,19 @@ const VOICES = {
 
 export async function POST(request: Request) {
   try {
-    const { text, language = 'en' } = await request.json();
+    const { text, language = 'en', role } = await request.json();
     console.log('language:', language);
     console.log('text:', text);
+    console.log('role:', role)
 
-    const voice = VOICES[language as keyof typeof VOICES].LAWYER_VOICE.id;
+    let voice;
+    if (role === 'lawyer') {
+      voice = VOICES[language as keyof typeof VOICES].LAWYER_VOICE.id;
+    } else if (role === 'judge') {
+      voice = VOICES[language as keyof typeof VOICES].JUDGE_VOICE.id;
+    } else if (role === 'glitch') {
+      voice = VOICES[language as keyof typeof VOICES].GLITCH_VOICE.id;
+    }
     console.log('voice:', voice);
 
     const response = await fetch(

src/components/court/Court.tsx

@@ -17,6 +17,39 @@ const CourtScene: FC<CourtSceneProps> = ({
 }) => {
   const [showFirstImage, setShowFirstImage] = useState(true);
 
+  useEffect(() => {
+    const playAudio = async () => {
+      try {
+        if (!currentQuestion) return;
+
+        const response = await fetch('/api/voice', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            language: 'en', // You may want to make this configurable
+            text: reaction !== '' ? reaction + currentQuestion : currentQuestion,
+            role: 'judge'
+          })
+        });
+
+        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);
+      }
+    };
+
+    playAudio();
+  }, [currentQuestion]);
+
   useEffect(() => {
     const timer = setTimeout(() => {
       setShowFirstImage(false);

src/components/lawyer/Lawyer.tsx

@@ -56,7 +56,8 @@ const LawyerScene: FC<LawyerSceneProps> = ({
           },
           body: JSON.stringify({
             language,
-            text: answer
+            text: answer,
+            role: 'lawyer'
           })
         });