{"id":23031332,"url":"https://github.com/victorola-coder/text2speech","last_synced_at":"2026-03-20T00:17:46.202Z","repository":{"id":183331910,"uuid":"669959475","full_name":"Victorola-coder/text2speech","owner":"Victorola-coder","description":"text to speech app built using HTML, TailwindCSS and JavaScript and the Web Speech API.","archived":false,"fork":false,"pushed_at":"2024-06-23T20:58:25.000Z","size":352,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-08T11:43:29.646Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://text2speeech.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Victorola-coder.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2023-07-24T01:22:50.000Z","updated_at":"2024-06-23T20:58:28.000Z","dependencies_parsed_at":"2024-06-23T03:30:40.880Z","dependency_job_id":"220d896f-8c5c-4f67-a95c-0c18a289b89b","html_url":"https://github.com/Victorola-coder/text2speech","commit_stats":null,"previous_names":["victorola-coder/text2speech"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Victorola-coder%2Ftext2speech","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Victorola-coder%2Ftext2speech/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Victorola-coder%2Ftext2speech/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Victorola-coder%2Ftext2speech/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Victorola-coder","download_url":"https://codeload.github.com/Victorola-coder/text2speech/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246894472,"owners_count":20851113,"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","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":[],"created_at":"2024-12-15T15:36:07.890Z","updated_at":"2026-01-16T00:57:01.891Z","avatar_url":"https://github.com/Victorola-coder.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Text-to-Speech App\n\n![Text-to-Speech App Screenshot](./src/img/project.png)\n\nThis is a simple Text-to-Speech (TTS) app built using HTML, TailwindCSS and JavaScript and the Web Speech API. The app allows users to input text, and it converts the text into speech, providing an audio output of the input text.\n\n## Features\n\n- Input text and convert it to speech.\n- Adjust the speech rate (speed) and pitch.\n- Clear the input text and stop the speech.\n\n## Demo\n\nYou can try out the live demo of the app  [here](https://text2speech.vercel.app).\n\n## Table of Contents\n\n- [Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Installation](#installation)\n  - [Running the App](#running-the-app)\n- [Usage](#usage)\n  - [Input Text](#input-text)\n  - [Adjusting Speech Parameters](#adjusting-speech-parameters)\n  - [Controlling Speech Playback](#controlling-speech-playback)\n- [How it Works](#how-it-works)\n- [Components](#components)\n- [Contributions and Issues](#contributions-and-issues)\n- [License](#license)\n\n## Getting Started\n\n### Prerequisites\n\nTo run the app locally, you need to have the following installed on your machine:\n\n- Node.js (version 12 or higher)\n- npm (Node Package Manager) or yarn\n\n### Installation\n\n1. Clone this repository:\n\n\n```bash\ngit clone https://github.com/Victorola-coder/text2speech.git\n```\n\n\n2. Navigate to the project directory:\n\n```bash\ncd text2speech\n```\n\n\n3. Install the dependencies:\n\n```bash\nnpm install\n```\n\n\n### Running the App\n\nStart the development server:\n\n```bash\nnpm run dev \n```\n\nCreate a new command line and watch the tailwindcss\n```bash\nnpm run watch\n```\n\n\nOpen your web browser and visit `http://localhost:5173` to access the app.\n\n## Usage\n\n### Input Text\n\nIn the app, you can input any text you want to convert to speech. Type or paste your desired text into the textarea provided.\n\n### Adjusting Speech Parameters\n\nYou can control the speech rate (speed) and pitch of the generated speech. Use the input fields provided for rate and pitch adjustments. The default rate and pitch values are 1.\n\n## How it Works\n\nThe app is built using React and utilizes the Web Speech API, which is natively supported in modern web browsers. The API provides a `SpeechSynthesis` interface that enables text-to-speech functionality. The `SpeechSynthesisUtterance` object represents a speech request and allows customization of speech parameters, such as rate and pitch.\n\nThe main components of the app are:\n\n- **App**: The root component that holds the state for the input text and speech options. It also handles the speech synthesis and controls playback.\n- **TextInput**: Renders a textarea where users can input their desired text.\n- **SpeechControls**: Provides buttons to control the speech playback, such as play, pause, and stop. It also includes options to adjust the speech rate and pitch.\n\nThe app uses event listeners and state updates to handle changes in the input text and speech options. When the user clicks the play button, the app creates a new `SpeechSynthesisUtterance` object with the input text and specified options, and then it calls the `speak()` method on the `SpeechSynthesis` interface to start the speech playback.\n\n## Components\n\n- **App**: The root component that holds the state and logic for the text-to-speech functionality.\n- **TextInput**: Renders the input textarea for users to input their desired text.\n- **SpeechControls**: Renders buttons and input fields for controlling the speech parameters and playback.\n\n## Contributions and Issues\n\nIf you find any bugs or have suggestions for improvements, feel free to open an issue or submit a pull request on [GitHub](https://victorola-coder/text2speech).\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE). Feel free to use, modify, and distribute the code for your own purposes.\n\n# Author\n follow me [VickyJay](https://www.twitter.com/heyvickyjay)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvictorola-coder%2Ftext2speech","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvictorola-coder%2Ftext2speech","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvictorola-coder%2Ftext2speech/lists"}