Skip to content

This application allows users to record their voice and receive a real-time transcript displayed on the screen. It's built using Next.js and utilizes Web Speech API for recording and speech recognition.

Notifications You must be signed in to change notification settings

sambowenhughes/voice-recording-with-nextjs

Repository files navigation

Voice-to-Text Next.js App

This application allows users to record their voice and receive a real-time transcript displayed on the screen. It's built using Next.js and utilizes Web Speech API for recording and speech recognition.

App Demo

Table of Contents

Demo

App Demo

Features

  • Record your voice using the built-in microphone.
  • See real-time transcription of your speech on the screen.
  • Minimalistic user interface for easy interaction.
  • Built with responsive design in mind, works well on different devices.

Getting Started

Follow these instructions to get the project up and running on your local machine.

Prerequisites

  • Node.js: Make sure you have Node.js installed. You can download it from nodejs.org.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/voice-to-text-nextjs.git
  2. Navigate to the project directory:

    cd voice-to-text-nextjs
  3. Install the dependencies:

    npm install

Usage

  1. Start the development server:

    npm run dev
  2. Open your browser and navigate to http:https://localhost:3000.

  3. Allow microphone access when prompted.

  4. Click the "Start Recording" button to begin recording your voice.

  5. As you speak, you should see the transcription displayed on the screen in real-time.

  6. Click the "Stop Recording" button to stop recording.

Built with

  • Next.js - The React framework for building the app.
  • Web Speech API - Used for recording and speech recognition.
  • Tailwind CSS - Utility-first CSS framework for styling.

Contributing

Contributions are welcome! If you find any issues or want to enhance the app, feel free to submit a pull request.

  1. Fork the repository.
  2. Create a new branch.
  3. Make your changes and commit them.
  4. Push the changes to your fork.
  5. Submit a pull request describing your changes.

License

This project is licensed under the MIT License.

About

This application allows users to record their voice and receive a real-time transcript displayed on the screen. It's built using Next.js and utilizes Web Speech API for recording and speech recognition.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published