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 des SpeechSynthesis Interfaces fügt eine utterance zur Äußerungswarteschlange hinzu; sie wird gesprochen, sobald alle vorher in die Warteschlange gestellten Äußerungen abgearbeitet 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 zu sprechenden Text enthält, eingereicht wird, erstellen wir (unter anderem) eine neue Äußerung, die diesen Text enthält, und sprechen ihn, indem wir ihn als Parameter an 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 (const voice of voices) {
    if (voice.name === selectedOption) {
      utterThis.voice = voice;
    }
  }
  synth.speak(utterThis);
  inputTxt.blur();
};

Spezifikationen

Specification
Web Speech API
# dom-speechsynthesis-speak

Browser-Kompatibilität

Siehe auch