React Speech Highlight
React text-to-speech with highlighting the words and sentences that are being spoken using audio files, text-to-speech API, and web speech synthesis API
v4.9.8
Features:
- Precise Highlight
- Human like sound (you can use your audio file) see
- Generate viseme for current spoken TTS see
- Accurate terms or equations pronunciation using LLM, see
- Highlight animation without react rerender so the performance is fast
- Work on all environment
- Solve the Text To Speech Problems
- Support when you only using vanilla js, see Vanilla Speech Highlight
- Well Crafted: Written in Typescript, Test with Jest, Code linting with Eslint, Well documented with JS Doc, and tested in production devices.
Overview
Example 5: Server Side Rendering
This website is using next js that have server side rendering capability, its good for SEO.
What is that? Right Click, then open view page source, the article text below will appear.
Cats, beloved companions, exhibit fascinating behaviors. From their graceful leaps to affectionate purrs, these enigmatic creatures captivate our hearts. With a diverse range of breeds, each cat brings its own unique charm, making them the perfect addition to any home.
Limitation
1. When you want to use audio file you can only using SSML or clear formatted text from our formatting system.
2. Please tell me if you find something wrong in this demo website or do you want something? (via discord: albirrkarim)
License
Buy once, Use it on all your projects. as long as the public can't see your project code
Appreciate my research by not share the code to other person
Buy now, Just Save your time!
Only USD USD $94
or IDR Rp. 1.5 juta if you are in Indonesia (like me)
or if you are student, just send me message and tell me your project, i will give a discount
or vote this product on product hunt, i will give a discount
Just buy now before the price increased
One time payment, no subscription. Get 1 year access to private repo to receive updates.
