feat: add API Key input and authentication for TTS requests

This commit is contained in:
王锦强
2025-03-10 23:15:56 +08:00
parent eb3a2ad5d0
commit d7d8d4e4bc
7 changed files with 125 additions and 10 deletions

View File

@@ -27,6 +27,11 @@
<div class="char-counter"><span id="charCount">0</span>/5000</div>
</div>
<div id="api-key-group" style="display: none;" class="api-key-container">
<label for="api-key">API Key:</label>
<input type="password" id="api-key" placeholder="请输入有效的API Key以继续操作">
</div>
<div class="settings">
<div class="setting-group">
<label for="voice">语音:</label>
@@ -41,14 +46,16 @@
<option value="loading">加载中...</option>
</select>
</div>
</div>
<div class="setting-group">
<div class="settings-row">
<div class="setting-group half-width">
<label for="rate">语速:</label>
<input type="range" id="rate" min="-100" max="100" value="0">
<span id="rateValue">0%</span>
</div>
<div class="setting-group">
<div class="setting-group half-width">
<label for="pitch">语调:</label>
<input type="range" id="pitch" min="-100" max="100" value="0">
<span id="pitchValue">0%</span>