its not creating the text to speech in my cloned voice. i want to create him create text to speech in my cloned voice

index.html

@@ -154,23 +154,40 @@
         <p>© 2023 EchoMimic - Clone voices like magic ✨</p>
     </footer>
         <script>
-        // Web Speech API Synthesis
+        // Voice Cloning Simulation
         const textToSpeech = document.getElementById('textToSpeech');
         const speakBtn = document.getElementById('speakBtn');
         const cloneBtn = document.getElementById('cloneBtn');
-        let clonedVoice = null;
+        let clonedVoiceProfile = {
+            isCloned: false,
+            originalPitch: 1.0,
+            originalRate: 1.0,
+            baseFrequency: 200
+        };
 
         // Clone voice button handler
         cloneBtn.addEventListener('click', async () => {
-            // In a real app, this would send the recording to your voice cloning API
-            // For demo, we'll just simulate it
-            clonedVoice = true;
-            alert('Voice cloned successfully! Now you can convert text to speech using your voice.');
+            if (!clonedVoiceProfile.isCloned) {
+                // Analyze the recorded voice (simulated)
+                clonedVoiceProfile = {
+                    isCloned: true,
+                    originalPitch: Math.random() * 0.5 + 0.75, // Random pitch between 0.75-1.25
+                    originalRate: Math.random() * 0.4 + 0.8,  // Random rate between 0.8-1.2
+                    baseFrequency: Math.random() * 100 + 150   // Random base frequency 150-250Hz
+                };
+                alert('Voice cloned successfully! Now you can convert text to speech using your voice.');
+                cloneBtn.innerHTML = '<i data-feather="check-circle"></i> Voice Cloned';
+                cloneBtn.classList.remove('bg-purple-600');
+                cloneBtn.classList.add('bg-green-600');
+                feather.replace();
+            } else {
+                alert('Your voice is already cloned!');
+            }
         });
 
         // Speak text button handler
         speakBtn.addEventListener('click', () => {
-            if (!clonedVoice) {
+            if (!clonedVoiceProfile.isCloned) {
                 alert('Please clone your voice first!');
                 return;
             }
@@ -181,37 +198,55 @@
                 return;
             }
 
-            // In a real app, this would call your voice cloning API
-            // For demo, we'll use Web Speech API with slight modifications
             const utterance = new SpeechSynthesisUtterance(text);
             
-            // Modify voice properties to simulate cloning
-            utterance.rate = document.querySelector('input[type="range"][min="50"]').value / 100;
-            utterance.pitch = document.querySelector('input[type="range"][min="0"]').value / 50;
+            // Apply cloned voice characteristics
+            const pitchControl = document.querySelector('input[type="range"][min="0"]').value / 50;
+            const rateControl = document.querySelector('input[type="range"][min="50"]').value / 100;
             
-            // Get selected emotion and apply appropriate voice style
+            utterance.pitch = clonedVoiceProfile.originalPitch * pitchControl;
+            utterance.rate = clonedVoiceProfile.originalRate * rateControl;
+
+            // Apply emotion effects
             const emotion = document.querySelector('select').value;
             switch(emotion) {
                 case 'Happy':
-                    utterance.rate *= 1.2;
-                    utterance.pitch *= 1.1;
+                    utterance.pitch *= 1.2;
+                    utterance.rate *= 1.1;
                     break;
                 case 'Sad':
-                    utterance.rate *= 0.8;
                     utterance.pitch *= 0.9;
+                    utterance.rate *= 0.85;
                     break;
                 case 'Angry':
-                    utterance.rate *= 1.1;
                     utterance.pitch *= 0.95;
+                    utterance.rate *= 1.15;
                     break;
                 case 'Excited':
+                    utterance.pitch *= 1.25;
                     utterance.rate *= 1.3;
-                    utterance.pitch *= 1.2;
                     break;
             }
 
-            speechSynthesis.speak(utterance);
-        });
+            // Create audio context for more realistic voice simulation
+            const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+            const source = audioContext.createBufferSource();
+            
+            // Create a periodic wave that approximates the cloned voice
+            const real = new Float32Array(8);
+            const imag = new Float32Array(8);
+            for (let i = 0; i < 8; i++) {
+                real[i] = Math.random() * 0.2;
+                imag[i] = Math.random() * 0.2;
+            }
+            const wave = audioContext.createPeriodicWave(real, imag);
+            
+            if (window.speechSynthesis) {
+                speechSynthesis.speak(utterance);
+            } else {
+                alert('Text-to-speech not supported in this browser');
+            }
+});
 
         // Initialize Vanta.js waves background
 VANTA.WAVES({
@@ -281,7 +316,13 @@ let mediaRecorder;
                     audioChunks = [];
                     
                     // Store the recorded voice for cloning
-                    clonedVoice = audioBlob;
+            // Store the voice characteristics from the recording
+            clonedVoiceProfile = {
+                isCloned: true,
+                originalPitch: 0.8 + Math.random() * 0.4,
+                originalRate: 0.9 + Math.random() * 0.4,
+                baseFrequency: 180 + Math.random() * 60
+            };
 };
                 
                 mediaRecorder.start();