Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browserkompatibilität beachtet werden. Es ist auch möglich, dass die Syntax in einer späteren Spezifikation noch geändert wird.

Die SpeechSynthesis-Schnittstelle der Web Speech API ist die Controller-Schnittstelle für den Sprachdienst. Sie kann genutzt werden um Informationen über die Synthesestimmen, die auf dem Gerät verfügbar sind, zu erhalten. Außerdem um die Sprache zu starten, zu pausieren und andere Befehle auszuführen.

Eigenschaften

SpeechSynthesis erbt ebenfalls Eigenschaften seiner Elternschnittstelle, EventTarget.

SpeechSynthesis.paused Read only
Ein Boolean der true zurückgibt, wenn das SpeechSynthesis-Objekt sich im pausierten Zustand befindet.
SpeechSynthesis.pending Read only
Ein Boolean der true zurückgibt, wenn die Äußerungen-Warteschlange bisher ungesprochene Äußerungen enthält.
SpeechSynthesis.speaking Read only
Ein Boolean der true zurückgibt, wenn eine Äußerung aktuell gesprochen wird — auch wenn SpeechSynthesis sich aktuell im pausierten Zustand befindet.

Event-Handler

SpeechSynthesis.onvoiceschanged
Wird ausgelöst, wenn sich die Liste von SpeechSynthesisVoice-Objekten, die von der SpeechSynthesis.getVoices()-Methode zurückgegeben würde, geändert hat.

Methoden

SpeechSynthesis erbt ebenfalls Methoden von seiner Elternschnittstelle, EventTarget.

SpeechSynthesis.cancel()
Entfernt alle Äußerungen aus der Äußerungen-Warteschlange.
SpeechSynthesis.getVoices()
Gibt eine Liste von SpeechSynthesisVoice-Objecten zurück die alle verfügbaren Stimmen auf dem aktuellen Gerät repräsentiert.
SpeechSynthesis.pause()
Versetzt das SpeechSynthesis-Objekt in den pausierten Zustand.
SpeechSynthesis.resume()
Versetzt das SpeechSynthesis-Object in den nicht-pausierten Zustand: setzt es fort, wenn es bereits pausiert war.
SpeechSynthesis.speak()
Fügt eine Äußerung Äußerung zur Äußerungen-Warteschlange hinzu; sie wird gesprochen, wenn alle anderen davor eingereihten Äußerungen fertig gesprochen wurden.

Beispiele

In our basic Speech synthesiser demo, we first grab a reference to the SpeechSynthesis controller using window.speechSynthesis. After defining some necessary variables, we retrieve a list of the voices available using SpeechSynthesis.getVoices() and populate a select menu with them so the user can choose what voice they want.

Inside the inputForm.onsubmit handler, we stop the form submitting with preventDefault(),  create a new SpeechSynthesisUtterance instance containing the text from the text <input>, set the utterance's voice to the voice selected in the <select> element, and start the utterance speaking via the SpeechSynthesis.speak() method.

var synth = window.speechSynthesis;

var inputForm = document.querySelector('form');
var inputTxt = document.querySelector('.txt');
var voiceSelect = document.querySelector('select');

var pitch = document.querySelector('#pitch');
var pitchValue = document.querySelector('.pitch-value');
var rate = document.querySelector('#rate');
var rateValue = document.querySelector('.rate-value');

var voices = [];

function populateVoiceList() {
  voices = synth.getVoices();

  for(i = 0; i < voices.length ; i++) {
    var option = document.createElement('option');
    option.textContent = voices[i].name + ' (' + voices[i].lang + ')';
    
    if(voices[i].default) {
      option.textContent += ' -- DEFAULT';
    }

    option.setAttribute('data-lang', voices[i].lang);
    option.setAttribute('data-name', voices[i].name);
    voiceSelect.appendChild(option);
  }
}

populateVoiceList();
if (speechSynthesis.onvoiceschanged !== undefined) {
  speechSynthesis.onvoiceschanged = populateVoiceList;
}

inputForm.onsubmit = function(event) {
  event.preventDefault();

  var utterThis = new SpeechSynthesisUtterance(inputTxt.value);
  var selectedOption = voiceSelect.selectedOptions[0].getAttribute('data-name');
  for(i = 0; i < voices.length ; i++) {
    if(voices[i].name === selectedOption) {
      utterThis.voice = voices[i];
    }
  }
  utterThis.pitch = pitch.value;
  utterThis.rate = rate.value;
  synth.speak(utterThis);

  inputTxt.blur();
}

Spezifikationen

Spezifikation Status Kommentar
Web Speech API
Die Definition von 'SpeechSynthesis' in dieser Spezifikation.
Entwurf  

Browserkompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidiOS SafariSamsung Internet
Grundlegende Unterstützung
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
cancel
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
getVoices
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
onvoiceschanged
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android ?
pause
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
paused
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
pending
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
resume
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
speak
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?
speaking
Experimentell
Chrome Vollständige Unterstützung 33Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 21Safari Vollständige Unterstützung 7WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 62
Vollständige Unterstützung 62
Keine Unterstützung 61 — 62
Deaktiviert
Deaktiviert From version 61 until version 62 (exclusive): this feature is behind the media.webspeech.synth.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 7.1Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Benutzer muss dieses Feature explizit aktivieren.
Benutzer muss dieses Feature explizit aktivieren.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: rs-github
Zuletzt aktualisiert von: rs-github,