Remove dead button, sort providers
| @@ -104,9 +104,9 @@ const ttsProviders = { | ||
| 104 | 104 | Silero: SileroTtsProvider, |
| 105 | 105 | SpeechT5: SpeechT5TtsProvider, |
| 106 | 106 | System: SystemTtsProvider, |
| 107 | + 'TTS WebUI': TtsWebuiProvider, | |
| 107 | 108 | VITS: VITSTtsProvider, |
| 108 | 109 | XTTSv2: XTTSTtsProvider, |
| 109 | - 'TTS WebUI': TtsWebuiProvider, | |
| 110 | 110 | }; |
| 111 | 111 | let ttsProvider; |
| 112 | 112 | let ttsProviderName; |
| @@ -42,18 +42,14 @@ class TtsWebuiProvider { | ||
| 42 | 42 | get settingsHtml() { |
| 43 | 43 | let html = ` |
| 44 | 44 | <h4 class="textAlignCenter">TTS WebUI Settings</h4> |
| 45 | - | |
| 45 | + | |
| 46 | 46 | <div class="flex gap10px marginBot10 alignItemsFlexEnd"> |
| 47 | 47 | <div class="flex1 flexFlowColumn"> |
| 48 | 48 | <label for="tts_webui_endpoint">Provider Endpoint:</label> |
| 49 | 49 | <input id="tts_webui_endpoint" type="text" class="text_pole" maxlength="500" value="${this.defaultSettings.provider_endpoint}"/> |
| 50 | 50 | </div> |
| 51 | - <div id="tts_webui_key" class="menu_button menu_button_icon padding10"> | |
| 52 | - <i class="fa-solid fa-key"></i> | |
| 53 | - <span>API Key</span> | |
| 54 | - </div> | |
| 55 | 51 | </div> |
| 56 | - | |
| 52 | + | |
| 57 | 53 | <div class="flex gap10px marginBot10"> |
| 58 | 54 | <div class="flex1 flexFlowColumn"> |
| 59 | 55 | <label for="tts_webui_model">Model:</label> |
| @@ -64,7 +60,7 @@ class TtsWebuiProvider { | ||
| 64 | 60 | <input id="tts_webui_voices" type="text" class="text_pole" value="${this.defaultSettings.available_voices.join()}"/> |
| 65 | 61 | </div> |
| 66 | 62 | </div> |
| 67 | - | |
| 63 | + | |
| 68 | 64 | <div class="flex gap10px marginBot10"> |
| 69 | 65 | <div class="flex1 flexFlowColumn"> |
| 70 | 66 | <label for="tts_webui_streaming" class="checkbox_label alignItemsCenter flexGap5"> |
| @@ -77,10 +73,10 @@ class TtsWebuiProvider { | ||
| 77 | 73 | <input type="range" id="tts_webui_volume" value="${this.defaultSettings.volume}" min="0" max="2" step="0.1"> |
| 78 | 74 | </div> |
| 79 | 75 | </div> |
| 80 | - | |
| 76 | + | |
| 81 | 77 | <hr> |
| 82 | 78 | <h4 class="textAlignCenter">Generation Settings</h4> |
| 83 | - | |
| 79 | + | |
| 84 | 80 | <div class="flex gap10px marginBot10"> |
| 85 | 81 | <div class="flex1 flexFlowColumn"> |
| 86 | 82 | <label for="tts_webui_exaggeration">Exaggeration: <span id="tts_webui_exaggeration_output">${this.defaultSettings.exaggeration}</span></label> |
| @@ -91,7 +87,7 @@ class TtsWebuiProvider { | ||
| 91 | 87 | <input id="tts_webui_cfg_weight" type="range" value="${this.defaultSettings.cfg_weight}" min="0" max="2" step="0.1" /> |
| 92 | 88 | </div> |
| 93 | 89 | </div> |
| 94 | - | |
| 90 | + | |
| 95 | 91 | <div class="flex gap10px marginBot10"> |
| 96 | 92 | <div class="flex1 flexFlowColumn"> |
| 97 | 93 | <label for="tts_webui_temperature">Temperature: <span id="tts_webui_temperature_output">${this.defaultSettings.temperature}</span></label> |
| @@ -102,10 +98,10 @@ class TtsWebuiProvider { | ||
| 102 | 98 | <input id="tts_webui_seed" type="text" class="text_pole" value="${this.defaultSettings.seed}"/> |
| 103 | 99 | </div> |
| 104 | 100 | </div> |
| 105 | - | |
| 101 | + | |
| 106 | 102 | <hr> |
| 107 | 103 | <h4 class="textAlignCenter">Chunking</h4> |
| 108 | - | |
| 104 | + | |
| 109 | 105 | <div class="flex gap10px marginBot10"> |
| 110 | 106 | <div class="flex1 flexFlowColumn"> |
| 111 | 107 | <label for="tts_webui_chunked" class="checkbox_label alignItemsCenter flexGap5"> |
| @@ -120,7 +116,7 @@ class TtsWebuiProvider { | ||
| 120 | 116 | </label> |
| 121 | 117 | </div> |
| 122 | 118 | </div> |
| 123 | - | |
| 119 | + | |
| 124 | 120 | <div class="flex gap10px marginBot10"> |
| 125 | 121 | <div class="flex1 flexFlowColumn"> |
| 126 | 122 | <label for="tts_webui_desired_length">Desired Length: <span id="tts_webui_desired_length_output">${this.defaultSettings.desired_length}</span></label> |
| @@ -131,10 +127,10 @@ class TtsWebuiProvider { | ||
| 131 | 127 | <input id="tts_webui_max_length" type="range" value="${this.defaultSettings.max_length}" min="50" max="450" step="5" /> |
| 132 | 128 | </div> |
| 133 | 129 | </div> |
| 134 | - | |
| 130 | + | |
| 135 | 131 | <hr> |
| 136 | 132 | <h4 class="textAlignCenter">Model</h4> |
| 137 | - | |
| 133 | + | |
| 138 | 134 | <div class="flex gap10px marginBot10"> |
| 139 | 135 | <div class="flex1 flexFlowColumn"> |
| 140 | 136 | <label for="tts_webui_device">Device:</label> |
| @@ -154,7 +150,7 @@ class TtsWebuiProvider { | ||
| 154 | 150 | </select> |
| 155 | 151 | </div> |
| 156 | 152 | </div> |
| 157 | - | |
| 153 | + | |
| 158 | 154 | <div class="flex gap10px marginBot10"> |
| 159 | 155 | <div class="flex1 flexFlowColumn"> |
| 160 | 156 | <label for="tts_webui_cpu_offload" class="checkbox_label alignItemsCenter flexGap5"> |
| @@ -166,10 +162,10 @@ class TtsWebuiProvider { | ||
| 166 | 162 | <!-- Empty for spacing --> |
| 167 | 163 | </div> |
| 168 | 164 | </div> |
| 169 | - | |
| 165 | + | |
| 170 | 166 | <hr> |
| 171 | 167 | <h4 class="textAlignCenter">Streaming (Advanced Settings)</h4> |
| 172 | - | |
| 168 | + | |
| 173 | 169 | <div class="flex gap10px marginBot10"> |
| 174 | 170 | <div class="flex1 flexFlowColumn"> |
| 175 | 171 | <label for="tts_webui_tokens_per_slice">Tokens Per Slice: <span id="tts_webui_tokens_per_slice_output">${this.defaultSettings.tokens_per_slice}</span></label> |
| @@ -183,7 +179,7 @@ class TtsWebuiProvider { | ||
| 183 | 179 | </select> |
| 184 | 180 | </div> |
| 185 | 181 | </div> |
| 186 | - | |
| 182 | + | |
| 187 | 183 | <div class="flex gap10px marginBot10"> |
| 188 | 184 | <div class="flex1 flexFlowColumn"> |
| 189 | 185 | <label for="tts_webui_remove_milliseconds">Remove Milliseconds: <span id="tts_webui_remove_milliseconds_output">${this.defaultSettings.remove_milliseconds}</span></label> |