import React from 'react' import { Label } from '@/components/ui/label' import { Input } from '@/components/ui/input' import { useTextToSpeech } from '../../contexts/TextToSpeechContext' import { useModel } from '@/contexts/ModelContext' import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select' interface TextToSpeechConfigProps { className?: string } const TextToSpeechConfig: React.FC = ({ className = '' }) => { const { modelInfo } = useModel() const { config, setConfig } = useTextToSpeech() return (
{modelInfo?.isStyleTTS2 ? (

Style TTS2 Model

Voice to use for text-to-speech synthesis.

) : (
setConfig((prev) => ({ ...prev, speakerEmbeddings: e.target.value })) } placeholder="https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/speaker_embeddings.bin" className="text-sm" />

URL to speaker embeddings file for voice characteristics

)}
) } export default TextToSpeechConfig