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.
var utterThis = new SpeechSynthesisUtterance(text);
DOMString
containing the text that will be synthesised when the utterance is spoken..The following snippet is excerpted from our Speech synthesiser 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(); }
Specification | Status | Comment |
---|---|---|
Web Speech API The definition of 'SpeechSynthesisUtterance()' in that specification. | Draft |
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 33 | 49 (49) | No support | ? | 7 |
Feature | Android | Chrome | Firefox Mobile (Gecko) | Firefox OS | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | No support | 2.0 | No support | No support | 7.1 |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/SpeechSynthesisUtterance