SpeechSynthesis: speak() Methode

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.

Die speak()-Methode der SpeechSynthesis-Schnittstelle fügt dem Äußerungs-Queue eine utterance hinzu; sie wird gesprochen, wenn alle vorher in die Warteschlange gestellten Äußerungen gesprochen wurden.

Syntax

js
speak(utterance)

Parameter

Rückgabewert

Keiner (undefined).

Beispiele

Dieses Snippet ist ein Auszug aus unserem Speech Synthesizer Demo (live ansehen). Wenn ein Formular, das den Text enthält, den wir sprechen möchten, gesendet wird, erstellen wir (unter anderem) eine neue Äußerung, die diesen Text enthält, und sprechen sie dann, indem wir sie als Parameter in speak() übergeben.

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 (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-speechsynthesis-speak

Browser-Kompatibilität

Siehe auch