https://github.com/venkat-0706/speechtotextconversion
Voice-to-text translation converts spoken words in Telugu, Hindi, or English into text, then translates it into selected languages, enabling seamless multilingual communication.
https://github.com/venkat-0706/speechtotextconversion
dom-manipulation-and-event-handling error-handling-for-api-and-voice-recognition html-css-javascript multilingual-voice-recognition web-speech-api
Last synced: 5 months ago
JSON representation
Voice-to-text translation converts spoken words in Telugu, Hindi, or English into text, then translates it into selected languages, enabling seamless multilingual communication.
- Host: GitHub
- URL: https://github.com/venkat-0706/speechtotextconversion
- Owner: venkat-0706
- License: mit
- Created: 2025-06-04T02:20:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-12T08:41:19.000Z (about 1 year ago)
- Last Synced: 2025-06-23T23:06:26.887Z (about 1 year ago)
- Topics: dom-manipulation-and-event-handling, error-handling-for-api-and-voice-recognition, html-css-javascript, multilingual-voice-recognition, web-speech-api
- Language: HTML
- Homepage: https://venkat-0706.github.io/SpeechToTextConversion/
- Size: 34.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Sure! Here's the updated **README.md** with a new section **"Real-Life Applications & Accessibility Benefits"** added, integrated smoothly into the existing content:
````markdown
# 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
````
2. **Open `index.html` in any modern web browser.**
3. **No server or build process is required** as this is a static front-end app.
4. **API Usage:**
* The app uses [LibreTranslate](https://libretranslate.com/) 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.
---
## Folder Structure
```
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
```
---
## Limitations and Future Improvements
* **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.
---
## Contribution
Feel free to fork, raise issues, and submit pull requests to enhance the project!
---
## License
This project is open source under the MIT License.
---
## Author
Venkat Chandu
[GitHub](https://github.com/venkat-0706) | [Portfolio](https://venkat-0706.github.io)
---
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?
```