This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.
The speak()
method of the SpeechSynthesis
interface adds an utterance
to the utterance queue; it will be spoken when any other utterances queued before it have been spoken.
Syntax
speechSynthesisInstance.speak(utterance);
Returns
Void.
Parameters
- utterance
- A
SpeechSynthesisUtterance
object.
Examples
This snippet is excerpted from our Speech synthesiser demo. When a form containing the text we want to speak is submitted, we (amongst other things) create a new utterance containing this text, then speak it by passing it into speak()
as a parameter.
var synth = window.speechSynthesis;
...
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 APIThe definition of 'speak()' in that specification. | Draft |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
Full support 33 |
Edge
Full support 14 |
Firefox
Full support 49 |
IE
No support No |
Opera
Full support 21 |
Safari
Full support 7 |
WebView Android
Full support 4.4.3 |
Chrome Android
Full support 33 |
Firefox Android Full support 62 Full support 62 No support 61 — 62 Disabled' From version 61 until version 62 (exclusive): this feature is behind the |
Opera Android
No support No |
Safari iOS
Full support 7 |
Samsung Internet Android
Full support 3.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
See also
SpeechSynthesis.speak() by Mozilla Contributors is licensed under CC-BY-SA 2.5.