SpeechSynthesis: speak()-Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2018 browserübergreifend verfügbar.
Die speak()-Methode der SpeechSynthesis-Schnittstelle fügt ein utterance zur Aussagenschlange hinzu; sie wird gesprochen, wenn alle anderen vorher in der Schlange stehenden Äußerungen gesprochen wurden.
Syntax
js
speak(utterance)
Parameter
utterance-
Ein
SpeechSynthesisUtterance-Objekt.
Rückgabewert
Keiner (undefined).
Beispiele
Dieses Codebeispiel ist aus unserem Sprachsynthesizer-Demo (live ansehen) entnommen. Wenn ein Formular, das den Text enthält, den wir sprechen möchten, abgeschickt wird, erstellen wir (neben anderen Aktionen) eine neue Äußerung mit diesem Text und sprechen sie dann, indem wir sie als Parameter in speak() einfügen.
js
const synth = window.speechSynthesis;
// …
inputForm.onsubmit = (event) => {
event.preventDefault();
const utterThis = new SpeechSynthesisUtterance(inputTxt.value);
const selectedOption =
voiceSelect.selectedOptions[0].getAttribute("data-name");
for (const voice of voices) {
if (voice.name === selectedOption) {
utterThis.voice = voice;
}
}
synth.speak(utterThis);
inputTxt.blur();
};
Spezifikationen
| Spezifikation |
|---|
| Web Speech API # dom-speechsynthesis-speak |