SpeechSynthesisUtterance.SpeechSynthesisUtterance()

Experimental

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The SpeechSynthesisUtterance() constructor of the SpeechSynthesisUtterance interface returns a new SpeechSynthesisUtterance object instance.

Syntax

var utterThis = new SpeechSynthesisUtterance(text);

Parameters

text
A DOMString containing the text that will be synthesized when the utterance is spoken..

Examples

The following snippet is excerpted from our Speech synthesizer demo.

var synth = window.speechSynthesis;

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

var voices = synth.getVoices();

  ...

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];
    }
  }
  synth.speak(utterThis);
  inputTxt.blur();
}

Specifications

Specification Status Comment
Web Speech API
The definition of 'SpeechSynthesisUtterance()' in that specification.
Draft

Browser compatibility

BCD tables only load in the browser

See also