Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

SpeechSynthesisUtterance: SpeechSynthesisUtterance() Konstruktor

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2018 browserübergreifend verfügbar.

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

Spezifikation
Web Speech API
# dom-speechsynthesisutterance-speechsynthesisutterance

Browser-Kompatibilität

Siehe auch