/Web-Speech-API-TextToSpeech-Demo

A lightweight, multilingual Text-to-Speech (TTS) demo using the Web Speech API.

Primary LanguageHTML

Web Speech API SpeechSynthesis Demo

This Web Speech API Text-to-Speech Demo uses the Web Speech API’s SpeechSynthesis interface to convert written text into spoken words.

It uses the following main SpeechSynthesis properties:

  • Voice and language selection
  • Real-time playback of typed text

How to use

  1. Select a voice and language (automatically populated if supported by your browser)
  2. Type or paste your desired text into the textarea
  3. Click the “Speak” button to hear it read aloud
  4. (Optional) Download the spoken text as an audio file

Main features

  • Multilingual voice and language picker
  • Real-time text-to-speech conversion

Works on

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

Known issues

  • Firefox support for voice selection may be limited
  • Not all voices are available across browsers
  • Browser-native SpeechSynthesis might not natively support audio file download

Resources & Links