Chatbox and AI Chatbot with Voice Booth

1. Introduction

This project contains two parts: a traditional Chatbox and an AI-powered Chatbot with Voice Booth. The Chatbox allows users to type and
send messages manually, while the Chatbot uses AI to respond and can also interact through voice commands.

2. Chatbox (Written Version)

The Chatbox is a simple text-based interface where users can type messages and see them appear on the screen.
It does not use AI; it is fully written and controlled through JavaScript, focusing on basic text interaction.

3. AI Chatbot with Voice Booth

The AI Chatbot is an intelligent system that can listen, understand, and respond to user input. The voice
booth enables spoken interaction, converting speech to text and replying with AI-generated voice.

4. Features

• Chatbox: Type and send messages manually.
• AI Chatbot: Responds intelligently using JavaScript logic.
• Voice Booth: Speak commands or questions to the AI.
• Voice Output: AI replies with synthesized voice.
• Real-Time Interaction: Instant text or voice responses.

5. Technologies Used

• JavaScript: Handles Chatbox logic, AI responses, and voice interaction.
• Web Speech API: Converts speech to text and text to speech.
• HTML & CSS: Creates the user interface.

6. How It Works

The system works in these steps:

• Chatbox: User types messages → messages appear on screen.
• AI Chatbot: User types or speaks → AI processes input → AI responds via text or voice.
• Voice Booth: Speech recognition converts voice → AI generates voice output → user hears response.

7. Applications

• Virtual Assistance: Chat with AI for help or information.
• Learning Tools: Practice AI-based conversation.
• Accessibility: Hands-free voice interaction for users.
• Demo Projects: Showcase AI and JavaScript integration.

8. Challenges and Limitations

• Speech Accuracy: Background noise may affect voice recognition.
• AI Responses: Limited by programmed logic or data.
• Browser Support: Voice features may not work in all browsers.

9. Conclusion

This project combines a simple Chatbox and an AI-powered Chatbot with Voice Booth. It demonstrates both **manual text interaction** and
**AI voice-based communication**, showcasing the power of JavaScript in creating interactive and intelligent applications.

Try the Chatbox and AI Voice Chat Now

Type or Speak to Interact Instantly