vimfn / react-speech-to-text

An example app demonstrating how to get Speech to text working in Nextjs 13+ (App Router)
https://meowies.vercel.app/
19 stars 5 forks source link
example nextjs13 react speech-recognition speech-to-text

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.

https://github.com/its-ag/react-speech-to-text/assets/102473837/83bd8269-285b-46fc-8645-4aabf48169a5

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