Add second set of female and male voices

src/App.tsx

@@ -16,7 +16,7 @@ const AppContent = () => {
   const [showResults, setShowResults] = useState(false);
   const [quality, setQuality] = useState(5);
   const [speed, setSpeed] = useState(1.0);
-  const [voice, setVoice] = useState("Female");
+  const [voice, setVoice] = useState("Female1");
 
   const { pipelineReady, tts, speakerEmbeddings, downloadProgress } = useTTS();
 

src/components/Controls.tsx

@@ -36,7 +36,7 @@ export const Controls = ({
       <div className="flex items-center gap-6">
         <span className="font-semibold text-gray-900">Voice:</span>
         <div className="flex gap-4 text-sm">
-          {["Female", "Male"].map((v) => (
+          {["Female1", "Male1", "Female2", "Male2"].map((v) => (
             <button
               key={v}
               onClick={() => setVoice(v)}

src/tts.ts

@@ -29,13 +29,17 @@ export async function loadPipeline(progressCallback: (info: any) => void) {
 
 export async function loadEmbeddings() {
   return (embeddingsPromise ??= (async () => {
-    const [female, male] = await Promise.all([
+    const [female1, male1, female2, male2] = await Promise.all([
       fetch(`${VOICES_URL}F1.bin`).then((r) => r.arrayBuffer()),
       fetch(`${VOICES_URL}M1.bin`).then((r) => r.arrayBuffer()),
+      fetch(`${VOICES_URL}F2.bin`).then((r) => r.arrayBuffer()),
+      fetch(`${VOICES_URL}M2.bin`).then((r) => r.arrayBuffer()),
     ]);
     return {
-      Female: new Float32Array(female),
-      Male: new Float32Array(male),
+      Female1: new Float32Array(female1),
+      Male1: new Float32Array(male1),
+      Female2: new Float32Array(female2),
+      Male2: new Float32Array(male2),
     };
   })());
 }