Media & Capture

Speech Synthesis

Probing…

Speech Synthesis is a web platform capability in the Media & Capture category. Text-to-speech with system voices. Supported in Chromium 33+, Firefox 49+, and Safari 7+. Requires a user gesture such as a click or tap.

User gesture

Try it

Loading demo…

Code

const utterance = new SpeechSynthesisUtterance('Hello there')
utterance.voice = speechSynthesis.getVoices()[0]

utterance.onend = () => console.log('done')
speechSynthesis.speak(utterance)

// Voices may load asynchronously
speechSynthesis.addEventListener('voiceschanged', updateVoiceList)

Browser support

Chromium
33
Firefox
49
Safari
7

Frequently asked questions

Which browsers support Speech Synthesis?

Supported in Chromium 33+, Firefox 49+, and Safari 7+.

Does Speech Synthesis require HTTPS?

No. Speech Synthesis works without a secure context, though serving your site over HTTPS is always recommended.

What is Speech Synthesis used for?

Text-to-speech with system voices.

Can I try Speech Synthesis in my browser?

Yes. shwcs.net runs a live Speech Synthesis demo that probes your current browser and lets you try the API. Everything runs locally — nothing is sent anywhere.

MDN reference ↗ Specification ↗