https://github.com/immortalwebdev/text-to-speech
This is a simple web application that takes input text and reads it aloud using the browser's built-in Speech Synthesis API. Created using HTML, vanilla CSS and JavaScript with the aid of Speech Synthesis API
https://github.com/immortalwebdev/text-to-speech
html javascript texttospeech vanila-css vercel-deployment
Last synced: 9 days ago
JSON representation
This is a simple web application that takes input text and reads it aloud using the browser's built-in Speech Synthesis API. Created using HTML, vanilla CSS and JavaScript with the aid of Speech Synthesis API
- Host: GitHub
- URL: https://github.com/immortalwebdev/text-to-speech
- Owner: immortalWebDev
- Created: 2024-09-05T13:40:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-20T06:26:21.000Z (over 1 year ago)
- Last Synced: 2025-02-02T01:41:22.883Z (over 1 year ago)
- Topics: html, javascript, texttospeech, vanila-css, vercel-deployment
- Language: CSS
- Homepage: https://text-to-speech-piyush.vercel.app
- Size: 15.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🗣️ Text to Speech Converter
Welcome to the **Text to Speech Converter** project! This is a simple web application that takes input text and reads it aloud using the browser's built-in Speech Synthesis API.
### 🌟 Features
- 🎤 **Convert Text to Speech**: Enter any text and listen to it spoken aloud.
- 🖼️ **Responsive UI**: Modern and attractive design that works well on all devices.
- 🆓 **No External Dependencies**: Uses native web technologies without any third-party libraries.
### 📂 Project Structure
```
project-folder/
|-- index.html
|-- style.css
|-- script.js
|-- images/
|-- speaker.png
```
- **`index.html`**: The main HTML file containing the app structure.
- **`style.css`**: Stylesheet for the application.
- **`script.js`**: JavaScript logic to handle text-to-speech functionality.
- **`images/`**: Directory for images (e.g., favicon).
### 🚀 Getting Started
Follow these instructions to run the project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/immortalWebDev/text-to-speech-converter.git
```
2. **Navigate to the project directory**:
```bash
cd text-to-speech-converter
```
3. **Open `index.html` in your browser**.
### 🛠️ Technologies Used
- **HTML5**: For structuring the web content.
- **CSS3**: For styling the app.
- **JavaScript**: To implement the text-to-speech functionality using the Speech Synthesis API.
### ✨ How It Works
1. **Type your text**: Enter any text into the provided textarea.
2. **Click the button**: Hit the "Speak what's written!" button.
3. **Listen**: The browser reads the text aloud.
### 💡 Future Enhancements
- 🌍 **Multi-language support**.
- 🔊 **Adjustable voice pitch and rate**.
- 📢 **Voice selection options**.
## 📄 License
This project is open-source and available under the MIT license
### 📞 Contact
- ***Email- pgbadgujar007@gmail,com***
- *Inspired by modern, simple web utilities*
#### Created with 💖 by Piyush**