feat: pg support anthor models

Author: zhzLuke96

playground/client.mjs

@@ -45,6 +45,7 @@ class APIClient {
     thr = 100,
     no_cache = false,
     stream = false,
+    model = "chat-tts",
   }) {
     const params = new URLSearchParams({
       text,
@@ -62,6 +63,7 @@ class APIClient {
       thr,
       no_cache,
       stream,
+      model,
     });
     // return `${this.client.defaults.baseURL}v1/tts?${params.toString()}`;
 

playground/stream.page.mjs

@@ -89,6 +89,19 @@ const StreamPageContainer = styled.div`
   }
 `;
 
+const support_models = [
+  "chat-tts",
+  "fish-speech",
+  "cosy-voice",
+  "fire-red-tts",
+  "f5-tts",
+  "index-tts",
+  "spark-tts",
+  "gpt-sovits-v1",
+  "gpt-sovits-v2",
+  "gpt-sovits-v3",
+  "gpt-sovits-v4",
+];
 const useStore = create((set, get) => ({
   params: {
     text: "你好，这是一个测试。你好，这是一个测试。你好，这是一个测试。你好，这是一个测试。你好，这是一个测试。你好，这是一个测试。",
@@ -100,6 +113,7 @@ const useStore = create((set, get) => ({
     seed: 42,
     format: "mp3",
     no_cache: false,
+    model: "chat-tts",
   },
   setParams: (params) =>
     set({
@@ -136,6 +150,7 @@ const StreamForm = () => {
       seed,
       format,
       no_cache,
+      model,
     } = params;
     const audio_url = client.synthesizeTTSUrl({
       text,
@@ -148,6 +163,7 @@ const StreamForm = () => {
       format,
       no_cache,
       stream: true,
+      model,
     });
     setAudioUrl(audio_url);
   };
@@ -160,6 +176,14 @@ const StreamForm = () => {
           Text
           <textarea name="text" value=${params.text} onChange=${handleChange} />
         </label>
+        <label>
+          Model
+          <select name="model" value=${params.model} onChange=${handleChange}>
+            ${support_models.map(
+              (name) => html`<option key=${name} value=${name}>${name}</option>`
+            )}
+          </select>
+        </label>
         <label>
           Speaker
           <select name="spk" value=${params.spk} onChange=${handleChange}>