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 der SpeechSynthesisUtterance Schnittstelle 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

Der folgende Ausschnitt stammt aus unserem Speech synthesizer 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 (const voice of voices) {
    if (voice.name === selectedOption) {
      utterThis.voice = voice;
    }
  }
  synth.speak(utterThis);
  inputTxt.blur();
};

Spezifikationen

Specification
Web Speech API
# dom-speechsynthesisutterance-speechsynthesisutterance

Browser-Kompatibilität

Siehe auch