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