You can now add your own custom ElevenLabs voices to the voice dropdown! This is perfect for:
- Using voices from your personal ElevenLabs account
- Adding cloned voices you've created
- Using specific voice IDs you know about
-
From ElevenLabs Dashboard:
- Go to https://elevenlabs.io/
- Navigate to "Voices" section
- Find the voice you want to use
- Copy the Voice ID (20-character string like
pNInz6obpgDQGcFmaJgB)
-
From Voice URLs:
- Voice IDs are often in ElevenLabs URLs
- Example:
https://elevenlabs.io/voice/pNInz6obpgDQGcFmaJgB - The ID is the part after
/voice/
-
Open the App:
npm run dev:simple
-
Click "➕ Add Custom Voice" button (next to the voice dropdown)
-
Fill in the Modal:
- Voice ID: Enter the 20-character voice ID
- Display Name: Give it a friendly name (optional)
- Test Voice: Check this box to test before adding
-
Test the Voice (Recommended):
- Click "🧪 Test Voice" to hear a sample
- This ensures the voice ID works correctly
-
Add the Voice:
- Click "➕ Add Voice" to add it to your list
- The voice will appear in the dropdown with "(Custom)" label
Here are some popular ElevenLabs voice IDs you can try:
pNInz6obpgDQGcFmaJgB - Adam (Male, English)
EXAVITQu4vr4xnSDxMaL - Bella (Female, English)
IKne3meq5aSn9XLyUdCD - Charlie (Male, English)
onwK4e9ZLuTAKqWW03F9 - Daniel (Male, English)
- Voice Validation: Checks that voice IDs are properly formatted
- Test Before Adding: Hear the voice before adding it to your list
- Persistent Storage: Custom voices are saved and restored when you restart the app
- Easy Management: Custom voices appear in a separate section in the dropdown
- Visual Distinction: Custom voices are labeled with "(Custom)"
Valid voice IDs must be:
- Exactly 20 characters long
- Contain only letters and numbers (a-z, A-Z, 0-9)
- No spaces or special characters
Examples:
- ✅
pNInz6obpgDQGcFmaJgB(valid) - ✅
EXAVITQu4vr4xnSDxMaL(valid) - ❌
invalid-voice-id(contains hyphens) - ❌
short(too short)
Once added, custom voices work exactly like built-in voices:
- Select from Dropdown: Choose your custom voice from the list
- Test Translation: Use "🧪 Test Translation" to hear it
- Real-Time Translation: Works with "
▶️ Start Translation" - All Features: Compatible with all translation features
Currently, custom voices are stored in your configuration file. To remove a custom voice:
- Temporary: Just select a different voice (custom voice stays in list)
- Permanent: You can manually edit the config file or we can add a remove feature later
- Test First: Always test voices before adding them to ensure they work
- Descriptive Names: Use clear names like "My Cloned Voice" or "British Male"
- Voice Quality: Custom voices work best with high-quality ElevenLabs voices
- Account Access: Make sure your ElevenLabs API key has access to the voice
- Check that the ID is exactly 20 characters
- Ensure it contains only letters and numbers
- No spaces at the beginning or end
- Verify your ElevenLabs API key is configured
- Check that the voice ID exists in your account
- Ensure you have sufficient ElevenLabs credits
- The voice ID is already in your list
- Check the dropdown for existing voices
The custom voice feature is now fully functional! You can:
✅ Add unlimited custom voices
✅ Test voices before adding them
✅ Use them in real-time translation
✅ Store them permanently in your config
Start adding your favorite voices today! 🎤✨