Edvins' Newsletter

Share this post

Build a Text-to-Speech component in React

edvins.substack.com

Build a Text-to-Speech component in React

Text-to-speech feature is now available on relatively any website. It's a game changer that you can listen to the content instead of reading it. Give me 5 minutes and I will teach you how to do it.

Edvins Antonovs
Apr 7, 2023
Share

Hey, it’s Edvins. Happy Friday and the upcoming Easter! 🥚

I came up with the idea to implement it for my blog, so this is how I started researching this topic which ended up being a tutorial for you. So in this tutorial, we will go through the process of building a text-to-speech component in React. We will use the Web Speech API to implement the text-to-speech functionality.

text to speech (web speech api)
This is what the result will look like.

Build a Text-to-Speech component in React

Now when I learnt a lot about Web Speech API, I can't wait to implement it in this blog. I hope you enjoyed this article and learned something new too. If you have any questions or suggestions, drop a comment below.


Recent books I read:

  • Can't Hurt Me and Never Finished by David Goggins — 5/5. Both books are excellent, as I listened to them during my runs and workouts.

  • The Phoenix Project by Gene Kim, Kevin Behr, and George Spafford— 5/5. I wish I had a mentor like Erik, haha.

  • The 10X Rule by Grant Cardone — 4/5. The whole point is to put action towards your goals.

Currently reading:

  • 80/20 Running by Matt Fitzgerald — enjoying it a lot as I started using this method to prepare for my first half-marathon this summer.

Share
Comments
Top
New

No posts

Ready for more?

© 2023 Edvins Antonovs
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing