{"id":30046536,"url":"https://github.com/yuis-ice/text-to-speech","last_synced_at":"2026-04-09T17:47:23.036Z","repository":{"id":306367221,"uuid":"1025935495","full_name":"yuis-ice/text-to-speech","owner":"yuis-ice","description":"🎤 VoiceFlow - Modern text-to-speech web application with real-time word highlighting, customizable voice settings, and content management. Built with React, TypeScript, and Web Speech API.","archived":false,"fork":false,"pushed_at":"2025-07-25T04:32:29.000Z","size":91,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-25T09:27:04.590Z","etag":null,"topics":["accessibility","frontend","javascript","react","tailwindcss","text-to-speech","typescript","vite","voice-synthesis","web-speech-api"],"latest_commit_sha":null,"homepage":"https://text-speech.pages.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yuis-ice.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["yuis-ice"],"patreon":"fumiya","open_collective":null,"ko_fi":"aiops","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2025-07-25T03:55:09.000Z","updated_at":"2025-07-25T04:32:33.000Z","dependencies_parsed_at":"2025-07-25T09:29:24.491Z","dependency_job_id":"04d02262-8c26-4d2e-8b4b-7bdc9f14118c","html_url":"https://github.com/yuis-ice/text-to-speech","commit_stats":null,"previous_names":["yuis-ice/text-to-speech"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/yuis-ice/text-to-speech","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuis-ice%2Ftext-to-speech","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuis-ice%2Ftext-to-speech/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuis-ice%2Ftext-to-speech/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuis-ice%2Ftext-to-speech/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yuis-ice","download_url":"https://codeload.github.com/yuis-ice/text-to-speech/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuis-ice%2Ftext-to-speech/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269220936,"owners_count":24380686,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-07T02:00:09.698Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","frontend","javascript","react","tailwindcss","text-to-speech","typescript","vite","voice-synthesis","web-speech-api"],"created_at":"2025-08-07T08:15:46.752Z","updated_at":"2025-12-30T21:49:30.723Z","avatar_url":"https://github.com/yuis-ice.png","language":"TypeScript","funding_links":["https://github.com/sponsors/yuis-ice","https://patreon.com/fumiya","https://ko-fi.com/aiops"],"categories":[],"sub_categories":[],"readme":"# 🎤 VoiceFlow - Advanced Text-to-Speech Application\n\n[![Live Demo](https://img.shields.io/badge/🌐_Live_Demo-blue?style=for-the-badge)](https://text-speech.pages.dev)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)\n[![GitHub issues](https://img.shields.io/github/issues/yuis-ice/text-to-speech?style=for-the-badge)](https://github.com/yuis-ice/text-to-speech/issues)\n[![GitHub stars](https://img.shields.io/github/stars/yuis-ice/text-to-speech?style=for-the-badge)](https://github.com/yuis-ice/text-to-speech/stargazers)\n\nA modern, feature-rich text-to-speech web application built with React and TypeScript. VoiceFlow provides an intuitive interface for converting text to natural-sounding speech with real-time word highlighting, customizable voice settings, and content management capabilities.\n\n## 📸 Screenshots\n\n![VoiceFlow Application Interface](https://res.cloudinary.com/dxowqxqtj/image/upload/v1753415581/text-to-speech/voiceflow-main-screenshot.png)\n\n*VoiceFlow's intuitive interface featuring real-time word highlighting, customizable voice controls, and content management.*\n\n## ✨ Features\n\n### 🎵 Core Functionality\n- **Text-to-Speech Conversion**: High-quality speech synthesis using the Web Speech API\n- **Real-time Word Highlighting**: Visual feedback with animated word highlighting during playback\n- **Voice Controls**: Play, pause, and stop functionality with responsive controls\n- **Multiple Voice Support**: Choose from available system voices with language detection\n\n### 🎛️ Customization\n- **Adjustable Speech Rate**: Control playback speed from 0.5x to 2x\n- **Pitch Control**: Fine-tune voice pitch for optimal listening experience\n- **Volume Control**: Adjust audio output level\n- **Voice Selection**: Choose from available system voices\n\n### 📚 Content Management\n- **Text Library**: Organize multiple text documents with titles\n- **Add/Edit/Delete**: Full CRUD operations for text content\n- **Content Switching**: Seamless switching between different texts\n- **Persistent Storage**: Content saved locally in the browser\n\n### 🎨 User Interface\n- **Modern Dark Theme**: Sleek, eye-friendly dark interface\n- **Responsive Design**: Works perfectly on desktop, tablet, and mobile devices\n- **Gradient Branding**: Beautiful gradient text and visual elements\n- **Intuitive Controls**: User-friendly interface with clear visual feedback\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js (version 16 or higher)\n- npm or yarn package manager\n- Modern web browser with Web Speech API support\n\n### Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/yuis-ice/text-to-speech.git\n   cd text-to-speech\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n3. **Start the development server**\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n4. **Open your browser**\n   Navigate to `http://localhost:5173` to see the application\n\n### Building for Production\n\n```bash\nnpm run build\n# or\nyarn build\n```\n\nThe built files will be available in the `dist/` directory.\n\n## 🎯 Usage\n\n### Basic Usage\n1. **Select or Add Text**: Choose from the pre-loaded examples or add your own text content\n2. **Customize Settings**: Adjust voice, speed, pitch, and volume to your preference\n3. **Play**: Click the play button to start text-to-speech conversion\n4. **Follow Along**: Watch the real-time word highlighting as the text is read\n\n### Advanced Features\n- **Content Management**: Use the text library to organize multiple documents\n- **Voice Switching**: Experiment with different voices and languages\n- **Speed Control**: Adjust reading speed for comprehension or accessibility needs\n- **Mobile Support**: Full functionality available on mobile devices\n\n## 🛠️ Technology Stack\n\n- **Frontend Framework**: React 18\n- **Language**: TypeScript\n- **Build Tool**: Vite\n- **Styling**: Tailwind CSS\n- **Icons**: Lucide React\n- **Speech API**: Web Speech API (SpeechSynthesis)\n\n## 🌐 Browser Compatibility\n\nVoiceFlow works on modern browsers that support the Web Speech API:\n\n- ✅ Chrome/Chromium (recommended)\n- ✅ Edge\n- ✅ Safari\n- ✅ Firefox (limited voice selection)\n- ✅ Mobile browsers (iOS Safari, Chrome Mobile)\n\n## 📱 Responsive Design\n\nVoiceFlow is designed to work seamlessly across all device types:\n- **Desktop**: Full feature set with optimized layout\n- **Tablet**: Touch-friendly interface with adaptive controls  \n- **Mobile**: Compact design with essential features accessible\n\n## 🤝 Contributing\n\nWe welcome contributions from the community! Please see our [Contributing Guidelines](CONTRIBUTING.md) for details on how to get started.\n\n### Quick Start for Contributors\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Make your changes\n4. Commit your changes (`git commit -m 'Add amazing feature'`)\n5. Push to the branch (`git push origin feature/amazing-feature`)\n6. Open a Pull Request\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🐛 Issues and Support\n\n- **Bug Reports**: [Create an issue](https://github.com/yuis-ice/text-to-speech/issues/new?template=bug_report.yml)\n- **Feature Requests**: [Request a feature](https://github.com/yuis-ice/text-to-speech/issues/new?template=feature_request.yml)\n- **Discussions**: [Join the conversation](https://github.com/yuis-ice/text-to-speech/discussions)\n\n## 🎉 Acknowledgments\n\n- Web Speech API for providing the text-to-speech functionality\n- React and TypeScript communities for excellent tooling\n- Tailwind CSS for the beautiful styling system\n- Lucide React for the clean, modern icons\n\n## 📊 Project Stats\n\n- **Build Size**: Optimized for fast loading\n- **Dependencies**: Minimal and carefully selected\n- **Performance**: Smooth 60fps animations and responsive interactions\n- **Accessibility**: WCAG compliant with keyboard navigation support\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**[🌐 Try VoiceFlow Live](https://text-speech.pages.dev)** | **[📚 Documentation](https://github.com/yuis-ice/text-to-speech/wiki)** | **[💬 Discussions](https://github.com/yuis-ice/text-to-speech/discussions)**\n\nMade with ❤️ by [yuis-ice](https://github.com/yuis-ice)\n\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuis-ice%2Ftext-to-speech","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyuis-ice%2Ftext-to-speech","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuis-ice%2Ftext-to-speech/lists"}