|
--- |
|
title: Text-to-Speech WebGPU |
|
emoji: 🗣️ |
|
colorFrom: indigo |
|
colorTo: purple |
|
sdk: static |
|
pinned: false |
|
license: apache-2.0 |
|
short_description: WebGPU text-to-Speech powered by OuteTTS and Transformers.js |
|
thumbnail: >- |
|
https://huggingface.co/spaces/webml-community/text-to-speech-webgpu/resolve/main/banner.png |
|
--- |
|
|
|
|
|
# Text-to-Speech WebGPU |
|
|
|
A simple React + Vite application for running [OuteTTS](https://github.com/edwko/OuteTTS), an experimental text-to-speech model that uses a pure language modeling approach to generate speech, using Transformers.js and WebGPU-acceleration. |
|
|
|
## Getting Started |
|
|
|
Follow the steps below to set up and run the application. |
|
|
|
### 1. Clone the Repository |
|
|
|
Clone the examples repository from GitHub: |
|
|
|
```sh |
|
git clone https://github.com/huggingface/transformers.js-examples.git |
|
``` |
|
|
|
### 2. Navigate to the Project Directory |
|
|
|
Change your working directory to the `text-to-speech-webgpu` folder: |
|
|
|
```sh |
|
cd transformers.js-examples/text-to-speech-webgpu |
|
``` |
|
|
|
### 3. Install Dependencies |
|
|
|
Install the necessary dependencies using npm: |
|
|
|
```sh |
|
npm i |
|
``` |
|
|
|
### 4. Run the Development Server |
|
|
|
Start the development server: |
|
|
|
```sh |
|
npm run dev |
|
``` |
|
|
|
The application should now be running locally. Open your browser and go to `http://localhost:5173` to see it in action. |
