mirror of
https://github.com/ParisNeo/lollms-webui.git
synced 2024-12-18 20:17:50 +00:00
upgraded ui added fish
This commit is contained in:
Saifeddine ALOUI
parent
4e066068c1
commit
ad2f1b84b1
140
code_templates/tts/settings.txt
Normal file
140
code_templates/tts/settings.txt
Normal file
@ -0,0 +1,140 @@
|
||||
TEMPLATE CODE
|
||||
<Card title="Eleven Labs TTS service" :is_subcard="true" class="pb-2 m-2">
|
||||
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="elevenlabs_tts_key" class="text-sm font-bold" style="margin-right: 1rem;">Eleven Labs key:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="text"
|
||||
id="elevenlabs_tts_key"
|
||||
required
|
||||
v-model="configFile.elevenlabs_tts_key"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="elevenlabs_tts_model_id" class="text-sm font-bold" style="margin-right: 1rem;">Eleven Labs TTS model ID:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="text"
|
||||
id="elevenlabs_tts_model_id"
|
||||
required
|
||||
v-model="configFile.elevenlabs_tts_model_id"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="elevenlabs_tts_voice_stability" class="text-sm font-bold" style="margin-right: 1rem;">Voice Stability:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="number"
|
||||
id="elevenlabs_tts_voice_stability"
|
||||
required
|
||||
v-model="configFile.elevenlabs_tts_voice_stability"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
step="0.1"
|
||||
min="0" max="1"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="elevenlabs_tts_voice_boost" class="text-sm font-bold" style="margin-right: 1rem;">Voice Boost:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="number"
|
||||
id="elevenlabs_tts_voice_boost"
|
||||
required
|
||||
v-model="configFile.elevenlabs_tts_voice_boost"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
step="0.1"
|
||||
min="0" max="1"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="elevenlabs_tts_voice_id" class="text-sm font-bold" style="margin-right: 1rem;">Voice ID:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<select v-model="configFile.elevenlabs_tts_voice_id" @change="settingsChanged=true">
|
||||
<option v-for="voice in voices" :key="voice.voice_id" :value="voice.voice_id">{{ voice.name }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</Card>
|
||||
===SEPARATOR===
|
||||
CONTENT CODE
|
||||
|
||||
===SEPARATOR===
|
||||
STEERING TEXT
|
||||
I have the following parameters for another tts system called fish tts:
|
||||
fish_tts_key: ""
|
||||
fish_tts_voice: "default"
|
||||
|
||||
Build the code
|
||||
|
||||
===SEPARATOR===
|
||||
GENERATED CODE
|
||||
<Card title="Fish TTS service" :is_subcard="true" class="pb-2 m-2">
|
||||
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="fish_tts_key" class="text-sm font-bold" style="margin-right: 1rem;">Fish TTS key:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="text"
|
||||
id="fish_tts_key"
|
||||
required
|
||||
v-model="configFile.fish_tts_key"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="fish_tts_voice" class="text-sm font-bold" style="margin-right: 1rem;">Fish TTS voice:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="text"
|
||||
id="fish_tts_voice"
|
||||
required
|
||||
v-model="configFile.fish_tts_voice"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</Card>
|
||||
@ -1,5 +1,5 @@
|
||||
# =================== Lord Of Large Language Multimodal Systems Configuration file ===========================
|
||||
version: 136
|
||||
version: 137
|
||||
binding_name: null
|
||||
model_name: null
|
||||
model_variant: null
|
||||
@ -101,7 +101,7 @@ copy_to_clipboard_add_all_details: false
|
||||
|
||||
# -------------------- Services global configurations --------------------------
|
||||
# Select the active test to speach, text to image and speach to text services
|
||||
active_tts_service: "None" # xtts (offline), openai_tts (API key required), elevenlabs_tts (API key required)
|
||||
active_tts_service: "None" # xtts (offline), openai_tts (API key required), elevenlabs_tts, fish_tts (API key required)
|
||||
active_tti_service: "None" # autosd (offline), diffusers (offline), diffusers_client (online), dall-e (online), midjourney (online)
|
||||
active_stt_service: "None" # whisper (offline), asr (offline or online), openai_whiosper (API key required)
|
||||
active_ttm_service: "None" # musicgen (offline)
|
||||
@ -168,6 +168,10 @@ elevenlabs_tts_model_id: "eleven_turbo_v2_5"
|
||||
elevenlabs_tts_voice_stability: 0.5
|
||||
elevenlabs_tts_voice_boost: 0.5
|
||||
elevenlabs_tts_voice_id: EXAVITQu4vr4xnSDxMaL
|
||||
|
||||
fish_tts_key: ""
|
||||
fish_tts_voice: "default"
|
||||
|
||||
# ***************** TTI *****************
|
||||
|
||||
use_negative_prompt: true
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
web/dist/index.html
vendored
4
web/dist/index.html
vendored
@ -6,8 +6,8 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>LoLLMS WebUI</title>
|
||||
<script type="module" crossorigin src="/assets/index-51c00f60.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-64721b5a.css">
|
||||
<script type="module" crossorigin src="/assets/index-e60b333e.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index-f7ef3f13.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
<h3 class="font-bold text-xl text-gray-800">{{ app.name }}</h3>
|
||||
<p class="text-sm text-gray-600">Author: {{ app.author }}</p>
|
||||
<p class="text-sm text-gray-600">Version: {{ app.version }}</p>
|
||||
<p class="text-sm text-gray-600">Category: {{ app.category }}</p>
|
||||
<p class="text-sm text-gray-600">Creation date: {{ formatDate(app.creation_date) }}</p>
|
||||
<p class="text-sm text-gray-600">Last update: {{ formatDate(app.last_update_date) }}</p>
|
||||
<p class="text-sm" :class="app.is_public ? 'text-green-600' : 'text-orange-600'">
|
||||
|
||||
@ -1774,6 +1774,7 @@
|
||||
<option value="parler-tts">Parler-TTS</option>
|
||||
<option value="openai_tts">Open AI TTS</option>
|
||||
<option value="eleven_labs_tts">ElevenLabs TTS</option>
|
||||
<option value="fish_tts">Fish TTS</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
@ -2940,7 +2941,45 @@
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</Card>
|
||||
</Card>
|
||||
<Card title="Fish TTS service" :is_subcard="true" class="pb-2 m-2">
|
||||
<table class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="fish_tts_key" class="text-sm font-bold" style="margin-right: 1rem;">Fish TTS key:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="text"
|
||||
id="fish_tts_key"
|
||||
required
|
||||
v-model="configFile.fish_tts_key"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="min-width: 200px;">
|
||||
<label for="fish_tts_voice" class="text-sm font-bold" style="margin-right: 1rem;">Fish TTS voice:</label>
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
type="text"
|
||||
id="fish_tts_voice"
|
||||
required
|
||||
v-model="configFile.fish_tts_voice"
|
||||
@change="settingsChanged=true"
|
||||
class="mt-1 px-2 py-1 border border-gray-300 rounded dark:bg-gray-600"
|
||||
>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</Card>
|
||||
</Card>
|
||||
|
||||
<Card title="TTI services" :is_shrunk="true" :is_subcard="true" class="pb-2 m-2">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user