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 Schnittstelle SpeechSynthesis fügt eine utterance zur utterance-Warteschlange hinzu; sie wird gesprochen, wenn alle vorhergehenden utterances in der Warteschlange gesprochen wurden.

Syntax

js
speak(utterance)

Parameter

Rückgabewert

Keiner (undefined).

Beispiele

Dieses Snippet ist aus unserem Sprachsynthesizer-Demo (Live-Demo ansehen) entnommen. Wenn ein Formular, das den Text enthält, den wir sprechen möchten, abgeschickt wird, erstellen wir (neben anderen Dingen) eine neue utterance, 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 (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

BCD tables only load in the browser

Siehe auch