Die speechSynthesis-Schnittstelle der Web Speech API ermöglicht es Webanwendungen, synthetische Sprachausgabe aus Text zu generieren.
Grundlegende Sprachsynthese
const msg = new SpeechSynthesisUtterance('Hallo Welt!');
window.speechSynthesis.speak(msg);
Spracheigenschaften und Ereignisse anpassen
const msg = new SpeechSynthesisUtterance('Willkommen in unserer Anwendung');
msg.rate = 1.0; // Geschwindigkeit: 0.1 bis 10 (Standard 1)
msg.pitch = 1.2; // Tonhöhe: 0 bis 2 (Standard 1)
msg.volume = 1.0; // Lautstärke: 0 bis 1 (Standard 1)
msg.lang = 'en-US';
// Event-Listener
msg.onstart = () => console.log('Sprachausgabe gestartet');
msg.onend = () => console.log('Sprachausgabe beendet');
msg.onerror = (e) => console.error('Sprachfehler:', e);
window.speechSynthesis.speak(msg);
Installierte Stimmen auswählen
window.speechSynthesis.onvoiceschanged = () => {
const voices = window.speechSynthesis.getVoices();
const selectedVoice = voices.find(v => v.lang === 'en-US' && v.name.includes('Google'));
if (selectedVoice) {
msg.voice = selectedVoice;
}
};
Wiedergabesteuerung
window.speechSynthesis.pause(); // Sprachwiedergabe anhalten
window.speechSynthesis.resume(); // Angehaltene Wiedergabe fortsetzen
window.speechSynthesis.cancel(); // Abbrechen und Sprach-Warteschlange leeren