🗨️ Kokoro Web - Effortless TTS for Open WebUI
warning
This tutorial is a community contribution and is not supported by the Open WebUI team. It serves only as a demonstration on how to customize Open WebUI for your specific use case. Want to contribute? Check out the contributing tutorial.
What is Kokoro Web
?
Kokoro Web provides a lightweight, OpenAI-compatible API for the powerful Kokoro-82M text-to-speech model, seamlessly integrating with Open WebUI to enhance your AI conversations with natural-sounding voices.
🚀 Two-Step Integration
1. Deploy Kokoro Web API (One Command)
services:
kokoro-web:
image: ghcr.io/eduardolat/kokoro-web:latest
ports:
- "3000:3000"
environment:
# Change this to any secret key to use as your OpenAI compatible API key
- KW_SECRET_API_KEY=your-api-key
volumes:
- ./kokoro-cache:/kokoro/cache
restart: unless-stopped
Run with: docker compose up -d
2. Connect OpenWebUI (30 Seconds)
- In OpenWebUI, go to
Admin Panel
→Settings
→Audio
- Configure:
- Text-to-Speech Engine:
OpenAI
- API Base URL:
http://localhost:3000/api/v1
(If using Docker:http://host.docker.internal:3000/api/v1
) - API Key:
your-api-key
(from step 1) - TTS Model:
model_q8f16
(best balance of size/quality) - TTS Voice:
af_heart
(default warm, natural english voice). You can change this to any other voice or formula from the Kokoro Web Demo
- Text-to-Speech Engine:
That's it! Your OpenWebUI now has AI voice capabilities.