SpeechSynthesisUtterance: SpeechSynthesisUtterance()-Konstruktor
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2018.
Der SpeechSynthesisUtterance()-Konstruktor des SpeechSynthesisUtterance-Interfaces gibt eine neue Instanz des SpeechSynthesisUtterance-Objekts zurück.
Syntax
js
new SpeechSynthesisUtterance(text)
Parameter
text-
Ein String, der den Text enthält, der synthetisiert wird, wenn die Äußerung gesprochen wird.
Beispiele
Das folgende Snippet stammt aus unserem Sprachsynthesizer-Demo.
js
const synth = window.speechSynthesis;
const inputForm = document.querySelector("form");
const inputTxt = document.querySelector("input");
const voiceSelect = document.querySelector("select");
const voices = synth.getVoices();
// ...
inputForm.onsubmit = (event) => {
event.preventDefault();
const utterThis = new SpeechSynthesisUtterance(inputTxt.value);
const selectedOption =
voiceSelect.selectedOptions[0].getAttribute("data-name");
for (let i = 0; i < voices.length; i++) {
if (voices[i].name === selectedOption) {
utterThis.voice = voices[i];
}
}
synth.speak(utterThis);
inputTxt.blur();
};
Spezifikationen
| Specification |
|---|
| Web Speech API # dom-speechsynthesisutterance-speechsynthesisutterance |
Browser-Kompatibilität
BCD tables only load in the browser