Home/Tech demos/Web Speech API speech synthesis

Web Speech API
Text-to-Speech (Speech Synthesis) Demo

This browser-based Text-to-Speech demo uses the Web Speech API SpeechSynthesis interface to convert written text into speech. It supports multiple languages and voices depending on your browser and OS.

How to use this Speech Synthesis Demo:

Type or paste text into the box below
Select a voice from the dropdown
Click "Speak" to hear the text read aloud
Optional: Download the generated audio file (if supported)

Select a Language:

Select a Voice:

Enter text to convert to speech:

This demo works using the browser’s built-in SpeechSynthesis interface and the available system voices. Voice availability varies between browsers and platforms.

Browser Support:

Chrome 33+
Edge 14+
Firefox 49+
Safari 7+

Firefox may support limited voices. Audio download support may vary and use experimental APIs.

Related resources

Blog post: A Deep Dive into the Web Speech API
MDN documentation: SpeechSynthesis
GitHub code: Web Speech API TTS Demo

More tech demos.

getUserMedia examples HTML Media Capture examples MediaRecorder API - Video MediaRecorder API - Audio getDisplayMedia demo Screen + webcam recording Simple Recorder.js demo Simple vmsg demo Audio recording with WebAudioRecorder.js Web Speech API speech recognition Web Speech API speech synthesis <usermedia> HTML element demo

Let your users talk back.

Text-to-speech talks to users. With AddPipe, they can answer by recording audio and video right on your website. Try it free for 14 days.

Start free trial Purchase now

Web Speech API Text-to-Speech (Speech Synthesis) Demo