DEV Community

Cover image for Text To Speech Converter with JavaScript

Text To Speech Converter with JavaScript

Shantanu Jana on January 20, 2023

Converting text to speech using HTML, CSS, and JavaScript can be done using the SpeechSynthesis API. The SpeechSynthesis API is a built-in JavaSc...
Collapse
 
lissy93 profile image
Alicia Sykes • Edited

Nice post :) And nicely explained, thanks for sharing.

There's loads of project ideas you could make with this!

I made one a while back, that shows real-time analytics based on your speech

GitHub logo Lissy93 / realtime-speech-analytics

🗣️ Real-time visual analytics and entity extraction of live speech

🗣️ Real-Time Speach Analytics

Calculates and renders live speach insights, to help you understand the meaning and tone behind spoken language
Useful for generating meeting notes, inteligent subtitles, practicing speaches, language translation, etc

Intro

This is a simple node app, which listens for speach (of any type), and in realtime calculates insightful stats from it, then generates a series of visual analytics in D3.js, which are updated live, as speach comes in.

This includes, current sentiment, most commonly used words, pace of speach, key entities that are being mentioned, and more The technology developed can be put into use in areas, such as speach coaching, meeting notes, inteligent subtitles, learning languages, live news analysis, gauging consumer feedback on review videos, sports commentry etc...

Initially developed as a prototype, by myself (Alicia Sykes), and Oliver Poole (in 24 hours!) during AngelHack London 2016.

Demo

There is a live demo running here

Collapse
 
clay profile image
Clay Ferguson

The Fediverse platform I wrote, Quanta, does TTS too. I love it. It's using the javascript API...

Quanta TTS

Here's the Code

Collapse
 
michellebowerhz4 profile image
Michelle Bower • Edited

This can be useful for people with reading disabilities, as well as for those who want to listen to text instead of reading. You can do anything with a Java script. I find informative speech topics so far, use gradesfixer.com/blog/150-sports-in... for that. Using libraries such as SpeechSynthesis, you can create a script that will convert text to speech and speak it. It just sounds unrealistic, but this future has already arrived and we are living it.

Collapse
 
therful74 profile image
Therful74

nice!

Collapse
 
sehgalspandan profile image
Spandan Sehgal

Small and easy yet amazing project! Thanks for sharing 🙃

Collapse
 
shantanu_jana profile image
Shantanu Jana

Welcome

Collapse
 
ota200 profile image
O.T.A

A great project idea! :)

Collapse
 
shantanu_jana profile image
Shantanu Jana

Thank You

Collapse
 
anikkdev profile image
Anik K Dev

Beautifully explained with simple plain words.
Loved that.

Collapse
 
shantanu_jana profile image
Shantanu Jana

Thank You

Collapse
 
maadah profile image
maadah

Nice share, can download the voice

Collapse
 
jasicarose75 profile image
jasicarose75

thanks