@venkatesh966/speech-text

React Audio-Assistant With OpenAI GPT Integration

A React component seamlessly integrating audio-assistant functionality via the Web Speech API and OpenAI GPT. Users can interact naturally with the application through spoken commands, receiving responses as audio.

Installation

Install the module using npm:

npm install @venkatesh966/speech-text

Example Usage

import React from 'react';
import { SpeechText } from '@venkatesh966/speech-text';

const YourComponent = () => {
  const YOUR_OPENAI_API_KEY = 'your_openai_api_key';

  return (
    <div>
      <h1>Your React Component</h1>
      <SpeechText
        apiKey={YOUR_OPENAI_API_KEY}
        containerStyling={{
          position: 'relative',
        }}
        buttonStyle={{
          background: 'green'
        }}
        heading={"MyAPP"}
        showReqText={true}
        showResponseText={true}
        showRecordStatus={true}
      />
    </div>
  );
};

export default YourComponent;

Features

• Provides a simple React component (SpeechText) for integrating audio-assistant functionality.
• Utilizes the Web Speech API for speech recognition.
• Integrates with OpenAI GPT for text generation based on the user's speech input.
• Allows flexible customization through props:
  • apiKey: Your OpenAI API key.
  • containerStyling: CSS styling for the component container.
  • showResponseText: Boolean to control whether to display the generated text.
  • showRecordStatus: Boolean to control whether to display recording status.
  • heading: Text to display as the heading.
  • buttonStyle: CSS styling for the recording button.
  • showReqText: Boolean to control whether to display the text being spoken.

Configuration

API_KEY: Obtain your OpenAI API key by signing up on the OpenAI platform. Pass the API key as a prop to the SpeechText component.

❤️ Contributions

Open source is built by the community for the community. All contributions to this project are welcome! Additionally, if you have any suggestions for enhancements, ideas on how to take the package further, or have discovered a bug, do not hesitate to create a new issue ticket and I will look into it as soon as possible!