248 lines
12 KiB
HTML
248 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AllTalk Startup Settings</title>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
h1 {
|
|
color: #333;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
text-decoration: underline;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
form {
|
|
max-width: 975px;
|
|
margin: 0 auto;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 5px;
|
|
/* Adjusted the gap to create more space */
|
|
justify-content: start;
|
|
}
|
|
|
|
.radio-group {
|
|
grid-column: span 2;
|
|
/* Span both columns */
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 10px;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
margin-top: 2px;
|
|
color: #555;
|
|
}
|
|
|
|
select,
|
|
input,
|
|
button {
|
|
width: 100%;
|
|
padding: 3px;
|
|
margin-top: 1px;
|
|
margin-bottom: 3px;
|
|
box-sizing: border-box;
|
|
font-size: 11px;
|
|
}
|
|
|
|
button {
|
|
background-color: #4caf50;
|
|
color: white;
|
|
border: none;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
grid-column: span 4;
|
|
}
|
|
|
|
.warning {
|
|
grid-column: span 4;
|
|
/* Span all 4 columns */
|
|
text-align: center;
|
|
/* Center-align the text */
|
|
color: red;
|
|
/* Adjusted color for emphasis */
|
|
font-weight: bold;
|
|
/* Make the text bold */
|
|
margin-top: 10px;
|
|
/* Add some space between the button and the warning */
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h3>AllTalk Startup Settings</h3><br>
|
|
<form action="/update-settings" method="post">
|
|
|
|
<label for="activate" style="color: #b273fa;">TG-webui Activate TTS:</label>
|
|
<select id="activate" name="activate" required="">
|
|
<option {% if data.activate %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.activate %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="autoplay" style="color: #b273fa;"> TG-webui Autoplay TTS:</label>
|
|
<select id="autoplay" name="autoplay" required="">
|
|
<option {% if data.autoplay %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.autoplay %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="show_text" style="color: #b273fa;">TG-webui Show Text:</label>
|
|
<select id="show_text" name="show_text" required="">
|
|
<option {% if data.show_text %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.show_text %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="voice" style="color: #b273fa;"> TG-webui Default voice:</label>
|
|
<select id="voice" name="voice" required="">
|
|
{% for file in wav_files %}
|
|
<option value="{{ file }}" {% if data.voice==file %}selected{% endif %}>{{ file }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
|
|
|
|
<label for="language" style="color: #b273fa;">TG-webui Default Language:</label>
|
|
<select id="language" name="language" required="">
|
|
<option value="Arabic" {% if data.language=='Arabic' %}selected{% endif %}>Arabic</option>
|
|
<option value="Chinese" {% if data.language=='Chinese' %}selected{% endif %}>Chinese</option>
|
|
<option value="Czech" {% if data.language=='Czech' %}selected{% endif %}>Czech</option>
|
|
<option value="Dutch" {% if data.language=='Dutch' %}selected{% endif %}>Dutch</option>
|
|
<option value="English" {% if data.language=='English' %}selected{% endif %}>English</option>
|
|
<option value="French" {% if data.language=='French' %}selected{% endif %}>French</option>
|
|
<option value="German" {% if data.language=='German' %}selected{% endif %}>German</option>
|
|
<option value="Hungarian" {% if data.language=='Hungarian' %}selected{% endif %}>Hungarian</option>
|
|
<option value="Italian" {% if data.language=='Italian' %}selected{% endif %}>Italian</option>
|
|
<option value="Japanese" {% if data.language=='Japanese' %}selected{% endif %}>Japanese</option>
|
|
<option value="Korean" {% if data.language=='Korean' %}selected{% endif %}>Korean</option>
|
|
<option value="Polish" {% if data.language=='Polish' %}selected{% endif %}>Polish</option>
|
|
<option value="Portuguese" {% if data.language=='Portuguese' %}selected{% endif %}>Portuguese</option>
|
|
<option value="Russian" {% if data.language=='Russian' %}selected{% endif %}>Russian</option>
|
|
<option value="Spanish" {% if data.language=='Spanish' %}selected{% endif %}>Spanish</option>
|
|
<option value="Turkish" {% if data.language=='Turkish' %}selected{% endif %}>Turkish</option>
|
|
</select>
|
|
|
|
<label for="narrator_voice" style="color: #b273fa;"> TG-webui Narrator voice:</label>
|
|
<select id="narrator_voice" name="narrator_voice" required="">
|
|
{% for file in wav_files %}
|
|
<option value="{{ file }}" {% if data.narrator_voice==file %}selected{% endif %}>{{ file }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
|
|
<label for="remove_trailing_dots" style="color: #b273fa;">TG-webui Remove Trailing Dots:</label>
|
|
<select id="remove_trailing_dots" name="remove_trailing_dots" required="">
|
|
<option {% if data.remove_trailing_dots %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.remove_trailing_dots %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="narrator_enabled" style="color: #b273fa;"> TG-webui Narrator enabled:</label>
|
|
<select id="narrator_enabled" name="narrator_enabled" required="">
|
|
<option {% if data.narrator_enabled %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.narrator_enabled %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="delete_output_wavs" style="color: #33cc33;">Del WAV's older than:</label>
|
|
<select id="delete_output_wavs" name="delete_output_wavs" required="">
|
|
<option value="Disabled" {% if data.delete_output_wavs=='Disabled' %}selected{% endif %}>Disabled</option>
|
|
<option value="1 Day" {% if data.delete_output_wavs=='1 Day' %}selected{% endif %}>1 Day</option>
|
|
<option value="2 Days" {% if data.delete_output_wavs=='2 Days' %}selected{% endif %}>2 Days</option>
|
|
<option value="3 Days" {% if data.delete_output_wavs=='3 Days' %}selected{% endif %}>3 Days</option>
|
|
<option value="4 Day" {% if data.delete_output_wavs=='4 Days' %}selected{% endif %}>4 Days</option>
|
|
<option value="5 Day" {% if data.delete_output_wavs=='5 Days' %}selected{% endif %}>5 Days</option>
|
|
<option value="6 Day" {% if data.delete_output_wavs=='6 Days' %}selected{% endif %}>6 Days</option>
|
|
<option value="7 Days" {% if data.delete_output_wavs=='7 Days' %}selected{% endif %}>7 Days</option>
|
|
<option value="14 Days" {% if data.delete_output_wavs=='14 Days' %}selected{% endif %}>14 Days</option>
|
|
<option value="21 Days" {% if data.delete_output_wavs=='21 Days' %}selected{% endif %}>21 Days</option>
|
|
<option value="28 Days" {% if data.delete_output_wavs=='28 Days' %}selected{% endif %}>28 Days</option>
|
|
</select>
|
|
|
|
|
|
<label for="low_vram" style="color: #33cc33;"> Low VRAM:</label>
|
|
<select id="low_vram" name="low_vram" required="">
|
|
<option {% if data.low_vram %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.low_vram %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="local_temperature" style="color: red;">Local Model temperature:</label>
|
|
<select id="local_temperature" name="local_temperature" required="">
|
|
{% for temp in range(0, 101, 5) %}
|
|
<option value="{{ temp/100 }}" {% if data.local_temperature|float == temp/100 %}selected{% endif %}>{{ "{:.2f}".format(temp/100) }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
|
|
<label for="local_repetition_penalty" style="color: red;"> Local Model repetition penalty:</label>
|
|
<select id="local_repetition_penalty" name="local_repetition_penalty" required="">
|
|
{% for repetition in range(10, 210, 10) %}
|
|
<option value="{{ repetition/10 }}" {% if data.local_repetition_penalty|float == repetition/10 %}selected{% endif %}>{{ repetition/10 }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
|
|
<label for="deepspeed_activate" style="color: red;">DeepSpeed Activate:</label>
|
|
<select id="deepspeed_activate" name="deepspeed_activate" required="">
|
|
<option {% if data.deepspeed_activate %}selected{% endif %} value="true">True</option>
|
|
<option {% if not data.deepspeed_activate %}selected{% endif %} value="false">False</option>
|
|
</select>
|
|
|
|
<label for="output_folder_wav" style="color: red;"> WAV Output Folder:</label>
|
|
<input id="output_folder_wav" name="output_folder_wav" required="" type="text"
|
|
value="{{ data.output_folder_wav }}" />
|
|
|
|
|
|
<input type="hidden" id="tts_model_loaded" name="tts_model_loaded" value="{{ data.tts_model_loaded }}" />
|
|
|
|
<!-- Continue updating other dropdowns and inputs in a similar manner -->
|
|
|
|
<label for="tts_model_name" style="color: red;"> API TTS Model Name:</label>
|
|
<input id="tts_model_name" name="tts_model_name" required="" type="text" value="{{ data.tts_model_name }}" />
|
|
|
|
<label for="model_version"
|
|
style="color: red; font-size: 16px; line-height: 1; vertical-align: bottom; margin-bottom: 0;">
|
|
API Local Model Folder:</label>
|
|
<span style="font-size: 14px; vertical-align: bottom; margin-bottom: 0; margin-top: 2px;">{{
|
|
modeldownload_model_path }}</span>
|
|
|
|
|
|
<label for="port_number" style="color: red;"> Port Number:</label>
|
|
<input id="port_number" name="port_number" required="" type="text" value="{{ data.port_number }}" /><br>
|
|
|
|
<div class="radio-group">
|
|
<label for="tts_method_api_local" style="color: #33cc33;">Model: <span
|
|
style="color: black; font-weight: normal;">API Local</span>:</label>
|
|
<input id="tts_method_api_local_true" {% if data.tts_method_api_local %}checked{% endif %} name="tts_method"
|
|
type="radio" value="api_local" />
|
|
</div>
|
|
|
|
<div class="radio-group">
|
|
<label for="tts_method_api_tts" style="color: #33cc33;"> Model: <span
|
|
style="color: black; font-weight: normal;">API TTS</span>:</label>
|
|
<input id="tts_method_api_tts_true" {% if data.tts_method_api_tts %}checked{% endif %} name="tts_method"
|
|
type="radio" value="api_tts" />
|
|
</div>
|
|
|
|
<div class="radio-group">
|
|
<label for="tts_method_xtts_local" style="color: #33cc33;">Model: <span
|
|
style="color: black; font-weight: normal;">XTTS Local</span>:</label>
|
|
<input id="tts_method_xtts_local_true" {% if data.tts_method_xtts_local %}checked{% endif %}
|
|
name="tts_method" type="radio" value="xtts_local" />
|
|
</div>
|
|
<button type="submit">Update Settings</button>
|
|
</form>
|
|
<p class="warning">WARNING: Changing RED items or setting DeepSpeed to True on a system without DeepSpeed installed,
|
|
may cause errors.</p>
|
|
|
|
</body>
|
|
|
|
</html> |