Here's an enhanced version with extreme volume (up to 1000), unlimited pitch/speed ranges, and voice effects: Advanced Text-to-Speech

Advanced Text-to-Speech

Voice:

Speed: 1

Pitch: 1

Volume: 1

Voice Effects:

// Get DOM elements const textInput = document.getElementById('textInput'); const voiceSelect = document.getElementById('voiceSelect'); const rateControl = document.getElementById('rateControl'); const pitchControl = document.getElementById('pitchControl'); const volumeControl = document.getElementById('volumeControl'); const speakButton = document.getElementById('speakButton'); const stopButton = document.getElementById('stopButton'); const downloadButton = document.getElementById('downloadButton'); const rateValue = document.getElementById('rateValue'); const pitchValue = document.getElementById('pitchValue'); const volumeValue = document.getElementById('volumeValue'); const effectButtons = document.querySelectorAll('.effect-btn'); // Speech synthesis const synth = window.speechSynthesis; let voices = []; let activeEffects = new Set(); let audioContext; let mediaRecorder; let audioChunks = []; // Initialize Web Audio API function initAudioContext() { if (!audioContext) { audioContext = new (window.AudioContext || window.webkitAudioContext)(); } } // Voice effects const effects = { robot: (source) => { const oscillator = audioContext.createOscillator(); oscillator.type = 'sawtooth'; oscillator.frequency.value = 100; const gainNode = audioContext.createGain(); gainNode.gain.value = 0.015; oscillator.connect(gainNode); gainNode.connect(audioContext.destination); oscillator.start(); return () => { oscillator.stop(); gainNode.disconnect(); }; }, whisper: (source) => { const gainNode = audioContext.createGain(); gainNode.gain.value = 0.7; const convolver = audioContext.createConvolver(); const noiseBuffer = audioContext.createBuffer(2, 0.5 * audioContext.sampleRate, audioContext.sampleRate); for (let channel = 0; channel < noiseBuffer.numberOfChannels; channel++) { const buffer = noiseBuffer.getChannelData(channel); for (let i = 0; i < buffer.length; i++) { buffer[i] = Math.random() * 2 - 1; } } convolver.buffer = noiseBuffer; source.connect(convolver); convolver.connect(gainNode); gainNode.connect(audioContext.destination); return () => { convolver.disconnect(); gainNode.disconnect(); }; }, echo: (source) => { const delay = audioContext.createDelay(); delay.delayTime.value = 0.3; const feedback = audioContext.createGain(); feedback.gain.value = 0.5; source.connect(delay); delay.connect(feedback); feedback.connect(delay); feedback.connect(audioContext.destination); source.connect(audioContext.destination); return () => { delay.disconnect(); feedback.disconnect(); }; }, reverse: (source) => { const bufferSize = 2 * audioContext.sampleRate; const scriptProcessor = audioContext.createScriptProcessor(bufferSize, 1, 1); let recordingBuffer = []; scriptProcessor.onaudioprocess = (e) => { const inputBuffer = e.inputBuffer.getChannelData(0); recordingBuffer = recordingBuffer.concat(Array.from(inputBuffer)); if (recordingBuffer.length >= bufferSize) { const reversed = recordingBuffer.slice().reverse(); for (let i = 0; i < bufferSize; i++) { e.outputBuffer.getChannelData(0)[i] = reversed[i]; } recordingBuffer = []; } }; source.connect(scriptProcessor); scriptProcessor.connect(audioContext.destination); return () => { scriptProcessor.disconnect(); }; }, slowmo: (source) => { const playbackRate = 0.5; source.playbackRate.value = playbackRate; return () => { source.playbackRate.value = 1; }; } }; // Populate voice list function populateVoiceList() { voices = synth.getVoices(); voiceSelect.innerHTML = ''; voices.forEach(voice => { const option = document.createElement('option'); option.textContent = `${voice.name} (${voice.lang})`; option.setAttribute('data-name', voice.name); voiceSelect.appendChild(option); }); } // Initialize voices populateVoiceList(); if (speechSynthesis.onvoiceschanged !== undefined) { speechSynthesis.onvoiceschanged = populateVoiceList; } // Update display values rateControl.addEventListener('input', () => { rateValue.textContent = rateControl.value; }); pitchControl.addEventListener('input', () => { pitchValue.textContent = pitchControl.value; }); volumeControl.addEventListener('input', () => { volumeValue.textContent = volumeControl.value; }); // Effect buttons effectButtons.forEach(button => { button.addEventListener('click', () => { const effect = button.dataset.effect; if (activeEffects.has(effect)) { activeEffects.delete(effect); button.classList.remove('active'); } else { activeEffects.add(effect); button.classList.add('active'); } }); }); // Speak function with effects function speak() { if (synth.speaking) { synth.cancel(); } if (textInput.value !== '') { initAudioContext(); const utterance = new SpeechSynthesisUtterance(textInput.value); const selectedOption = voiceSelect.selectedOptions[0]?.getAttribute('data-name'); const selectedVoice = voices.find(voice => voice.name === selectedOption); if (selectedVoice) { utterance.voice = selectedVoice; } utterance.rate = parseFloat(rateControl.value); utterance.pitch = parseFloat(pitchControl.value); // Adjust volume (Web Speech API has limited volume range, so we'll use Web Audio for extreme volumes) utterance.volume = Math.min(1, parseFloat(volumeControl.value)); // Start recording for effects if (activeEffects.size > 0) { const audioStream = audioContext.createMediaStreamDestination(); mediaRecorder = new MediaRecorder(audioStream.stream); audioChunks = []; mediaRecorder.ondataavailable = (e) => { audioChunks.push(e.data); }; mediaRecorder.onstop = () => { const audioBlob = new Blob(audioChunks, { type: 'audio/wav' }); const audioUrl = URL.createObjectURL(audioBlob); const audio = new Audio(audioUrl); // Apply volume boost if needed if (volumeControl.value > 1) { const gainNode = audioContext.createGain(); gainNode.gain.value = Math.min(1000, volumeControl.value); audio.connect(gainNode); gainNode.connect(audioContext.destination); } else { audio.connect(audioContext.destination); } // Apply effects const source = audioContext.createMediaElementSource(audio); const cleanupEffects = []; activeEffects.forEach(effectName => { if (effects[effectName]) { const cleanup = effects[effectName](source); cleanupEffects.push(cleanup); } }); audio.play(); audio.onended = () => { cleanupEffects.forEach(cleanup => cleanup()); }; }; mediaRecorder.start(); } // Speak with Web Speech API synth.speak(utterance); // If no effects, just adjust volume if (activeEffects.size === 0 && volumeControl.value > 1) { const gainNode = audioContext.createGain(); gainNode.gain.value = Math.min(1000, volumeControl.value); const audio = new Audio(); audio.src = URL.createObjectURL(new Blob([textInput.value], { type: 'text/plain' })); const source = audioContext.createMediaElementSource(audio); source.connect(gainNode); gainNode.connect(audioContext.destination); audio.play(); } } } // Download audio downloadButton.addEventListener('click', () => { if (audioChunks.length > 0) { const audioBlob = new Blob(audioChunks, { type: 'audio/wav' }); const audioUrl = URL.createObjectURL(audioBlob); const a = document.createElement('a'); a.href = audioUrl; a.download = 'speech.wav'; a.click(); } }); // Event listeners speakButton.addEventListener('click', speak); stopButton.addEventListener('click', () => { synth.cancel(); if (mediaRecorder) { mediaRecorder.stop(); } });