All work

Text-to-Speech

Paste text, choose a voice, hear it read aloud.

When
Feb 2025
Kind
Speech synthesis web app
Role
Frontend engineer
Stack
Next.js, TypeScript, Tailwind CSS, Web Speech API
The Text-to-Speech converter with text entered, a voice selected and speed and pitch sliders

Paste text, pick a voice, set the speed and pitch, and hear it read aloud, with play, pause and stop and a button to save the text. It all runs in the browser on the Web Speech API, so nothing is sent to a server.

How it works

The browser already carries a set of voices. The app lists them, hands the text and the chosen settings to the Web Speech API, and keeps play, pause and stop in step with what the browser is doing.

  1. TextTyped or pasted
  2. VoiceFrom the browser's own
  3. Speed and pitch0.5x to 2x
  4. SpeechPlay, pause, stop
From text to speech, in the browser
The Text-to-Speech app on a phone
Fig. 1On a phone.
AriaNext project: Survey and forms platform