AlexLisong/react-speech-to-text

An example app demonstrating how to get Speech to text working in Nextjs13

React Speech-to-Text Online App

This is a simple web app that uses the Web Speech API to transcribe spoken words into text. It was built with React, Next.js, TypeScript, and Tailwind CSS.

2023-05-26_16-55-44.mp4

How to Use

1. Press the "Start" button to begin listening to your voice.
2. Start speaking. The text will appear in the box below.
3. Press the "Stop" button when you're done speaking.
4. Press the "Reset" button to clear the text.

Installation

To run this app locally, follow these steps:

1. Clone this repository: git clone https://github.com/its-ag/react-speech-to-text.git
2. Install the dependencies: npm install
3. Run the app: npm run dev

This should start a development server at http://localhost:3000.

Libraries Used

• React
• Next.js
• TypeScript
• Tailwind CSS
• react-speech-recognition

---

Thanks @BlankParticle for the preview video.