Sure! Here's the updated README.md with a new section "Real-Life Applications & Accessibility Benefits" added, integrated smoothly into the existing content:
# Voice-to-Text & Translation Web App
🚀 **Live Demo:** [🌐 Click here to try the app!](https://venkat-0706.github.io/VoiceToText-Translation/) 👈
---
## Overview
This web application enables users to convert spoken language into text and then translate it across three major Indian languages: Telugu, Hindi, and English. It combines the power of the Web Speech API and LibreTranslate API, wrapped in a modern, animated UI that is both responsive and accessible.
---
## Features
- **Voice Recognition in Multiple Languages:** Supports Telugu, Hindi, and English voice inputs using browser’s native SpeechRecognition API.
- **Text Translation Across 6 Language Pairs:**
- Telugu ↔ Hindi
- Telugu ↔ English
- Hindi ↔ English
- **Interactive UI:**
- Two side-by-side panels: Left for voice-to-text, right for language translation.
- Buttons to start voice recognition, copy text to clipboard, and clear outputs.
- **Visual Feedback:**
- Dynamic animations on voice recognition and translation using AOS library.
- Loading dots animation while listening.
- **Accessibility:**
- ARIA labels for better screen reader support.
- Keyboard navigable controls.
- **Responsive Design:** Works seamlessly on desktop, tablet, and mobile devices.
---
## Real-Life Applications & Accessibility Benefits
- **Enhancing Communication:** Enables seamless verbal communication across language barriers by converting speech into translated text instantly, useful in multilingual meetings, customer support, and travel.
- **Assisting People with Disabilities:**
- **Hearing Impairment:** Converts spoken words into readable text, helping deaf or hard-of-hearing users to follow conversations.
- **Speech Impairment or Motor Disabilities:** Enables hands-free text input via voice, making digital communication more accessible.
- **Language Learning:** Assists learners in practicing pronunciation and understanding translations in real-time.
- **Improving Accessibility in Public Services:** Can be integrated into kiosks, public transport info systems, or healthcare apps to aid users in understanding instructions in their preferred language.
---
## Technologies Used
- **HTML5 & CSS3:** Responsive and modern layout with gradient backgrounds and glassmorphism effects.
- **JavaScript (ES6+):**
- Web Speech API for real-time speech recognition.
- Fetch API to interact with LibreTranslate for translations.
- **AOS (Animate On Scroll):** Adds smooth entrance animations enhancing user experience.
- **Google Fonts:** Uses the Poppins font for clean typography.
---
## How to Use
1. **Start Voice Recognition:**
- Click the "Start Voice Recognition" button in the left panel.
- Speak clearly in Telugu, Hindi, or English.
- The transcribed text will appear below.
2. **Translate Text:**
- On the right panel, enter text or use transcribed text.
- Select source and target languages from the dropdowns.
- Click "Translate" to see the result.
3. **Copy or Clear:**
- Use the "Copy" button to copy the text to clipboard.
- Use the "Clear" button to clear the output area.
---
## Setup Instructions
1. **Clone or Download the repository:**
```bash
git clone https://github.com/venkat-0706/VoiceToText-Translation.git
cd VoiceToText-Translation-
Open
index.htmlin any modern web browser. -
No server or build process is required as this is a static front-end app.
-
API Usage:
- The app uses LibreTranslate which is free and does not require an API key for basic usage.
- For production or heavy usage, consider hosting your own LibreTranslate server or getting an API key.
VoiceToText-Translation/
│
├── index.html # Main HTML file
├── styles.css # (if separated) CSS styles
├── script.js # (if separated) JavaScript logic
├── README.md # This documentation file
└── assets/ # Optional folder for icons/fonts/images
- Voice recognition depends on browser support and may behave differently across devices.
- Translation API limits may apply; hosting your own server can improve reliability.
- Add more languages and dialect support in both voice recognition and translation.
- Improve UI/UX by adding user preferences, voice feedback, and error handling.
- Offline capabilities via service workers could be explored.
Feel free to fork, raise issues, and submit pull requests to enhance the project!
This project is open source under the MIT License.
Venkat Chandu GitHub | Portfolio
Thank you for checking out the project! Feedback and suggestions are welcome.
Would you like me to generate a smaller summary or a more technical doc next?