A simple and intuitive text-to-speech converter built with modern web technologies. This application allows users to convert written text into natural-sounding speech with multiple voice options and customizable settings.
- Text-to-Speech Conversion: Convert any text input into high-quality speech
- Multiple Voice Options: Choose from various available voices and accents
- Adjustable Speech Rate: Control the speed of speech output
- Volume Control: Adjust playback volume to your preference
- Pitch Adjustment: Modify voice pitch for different tones
- Pause/Resume: Control playback with pause and resume functionality
- Responsive Design: Works seamlessly across desktop, tablet, and mobile devices
- Clean UI: Modern and user-friendly interface
Live Demo - Try it out!
- HTML5: Structure and semantic markup
- CSS3: Styling and responsive design
- JavaScript: Core functionality and Web Speech API integration
- Web Speech API: Browser-native text-to-speech capabilities
- Modern web browser with Web Speech API support (Chrome, Firefox, Safari, Edge)
- No additional installations required
-
Clone the repository:
git clone https://github.com/SahinShazi/Text-to-Voice-Converter.git
-
Navigate to the project directory:
cd Text-to-Voice-Converter -
Open
index.htmlin your web browser
- Install Live Server extension in VS Code
- Right-click on
index.htmland select "Open with Live Server"
- Enter Text: Type or paste the text you want to convert to speech in the text area
- Select Voice: Choose your preferred voice from the dropdown menu
- Adjust Settings:
- Set speech rate (speed)
- Adjust volume level
- Modify pitch if desired
- Convert: Click the "Speak" button to hear your text
- Control Playback: Use pause, resume, and stop buttons as needed
Text-to-Voice-Converter/
│
├── index.html # Main HTML file
├── css/
│ ├── style.css # Main stylesheet
│ └── responsive.css # Responsive design styles
├── js/
│ ├── main.js # Core JavaScript functionality
│ └── voice-handler.js # Voice processing logic
├── assets/
│ ├── images/ # UI images and icons
│ └── fonts/ # Custom fonts (if any)
├── README.md # Project documentation
└── LICENSE # License information
| Browser | Support |
|---|---|
| Chrome | ✅ Full Support |
| Firefox | ✅ Full Support |
| Safari | ✅ Full Support |
| Edge | ✅ Full Support |
| Opera | ✅ Full Support |
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature
- Commit your changes:
git commit -m 'Add some amazing feature' - Push to the branch:
git push origin feature/amazing-feature
- Open a Pull Request
- Follow consistent coding style
- Add comments for complex functionality
- Test across different browsers
- Ensure responsive design compatibility
- Update documentation for new features
- Some voices may not be available on all operating systems
- Speech rate limits may vary between browsers
- Large text blocks may have processing delays
- SSML (Speech Synthesis Markup Language) support
- Custom voice training integration
- Batch text processing
- Advanced audio effects
- Multi-language support expansion
- Cloud-based voice options
- Audio waveform visualization
This project is licensed under the MIT License - see the LICENSE file for details.
Sahin Shazi
- GitHub: @SahinShazi
- Email: sahin.enam10@gmail.com
- Web Speech API documentation and community
- Open source contributors and testers
- Users providing feedback and suggestions
If you encounter any issues or have questions:
- Check the Issues page
- Create a new issue with detailed description
- Reach out via email for additional support
⭐ Star this repository if you found it helpful!
