De speechSynthesis-interface van de Web Speech API stelt webapplicaties in staat om synthetische spraak te genereren vanuit tekst.
Basis Spraaksynthese
const msg = new SpeechSynthesisUtterance('Hallo wereld!');
window.speechSynthesis.speak(msg);
Spraakeigenschappen en Events Aanpassen
const msg = new SpeechSynthesisUtterance('Welkom bij onze applicatie');
msg.rate = 1.0; // Snelheid: 0.1 tot 10 (standaard 1)
msg.pitch = 1.2; // Toonhoogte: 0 tot 2 (standaard 1)
msg.volume = 1.0; // Volume: 0 tot 1 (standaard 1)
msg.lang = 'en-US';
// Event-listeners
msg.onstart = () => console.log('Spraakweergave gestart');
msg.onend = () => console.log('Spraakweergave voltooid');
msg.onerror = (e) => console.error('Spraakfout:', e);
window.speechSynthesis.speak(msg);
Geïnstalleerde Stemmen Selecteren
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;
}
};
Afspeelbediening
window.speechSynthesis.pause(); // Spraakweergave pauzeren
window.speechSynthesis.resume(); // Gepauzeerde weergave hervatten
window.speechSynthesis.cancel(); // Afbreken en spraakwachtrij wissen