simonkoson/military-tech-voice3.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): engine dropdown + emotion dual mode

Browse Source 
- Replace engine buttons with <select> dropdown
- Add ENGINE_CONFIG for centralized engine management
- Add global/per-sentence emotion UI mode switching
- Add #engine-select dark theme styles
- Remove old .switch-btn and .engine-icon styles
- Reset emotion state on engine switch
This commit is contained in:
lanhao
2026-07-01 00:48:05 +08:00
parent 81460f06d7
commit a0346d05ba
3 changed files with 88 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+16 -15
View File
@@ -37,24 +37,25 @@
<div class="toolbar">
<div class="toolbar-group">
<span class="toolbar-label">引擎：</span>
<button class="switch-btn active" data-engine="minimax">
<span class="engine-icon minimax-icon">M</span>
MiniMax
</button>
<button class="switch-btn" data-engine="cosyvoice">
<span class="engine-icon cosyvoice-icon">C</span>
CosyVoice
</button>
<select id="engine-select">
<option value="minimax">MiniMax</option>
<option value="cosyvoice">CosyVoice</option>
</select>
</div>
<div class="toolbar-group emotion-group">
<span class="toolbar-label">情绪：</span>
<button class="emotion-btn" data-emotion="happy" title="开心愉快">😊</button>
<button class="emotion-btn" data-emotion="sad" title="悲伤">😢</button>
<button class="emotion-btn" data-emotion="angry" title="激昂">🔥</button>
<button class="emotion-btn" data-emotion="surprised" title="惊讶">❗</button>
<button class="emotion-btn" data-emotion="fearful" title="害怕">😨</button>
<button class="emotion-btn" data-emotion="disgusted" title="厌恶">😒</button>
<span class="toolbar-hint">← 选择整段语音的情绪风格</span>
<div id="emotion-global">
<button class="emotion-btn" data-emotion="happy" title="开心愉快">😊</button>
<button class="emotion-btn" data-emotion="sad" title="悲伤">😢</button>
<button class="emotion-btn" data-emotion="angry" title="激昂">🔥</button>
<button class="emotion-btn" data-emotion="surprised" title="惊讶">❗</button>
<button class="emotion-btn" data-emotion="fearful" title="害怕">😨</button>
<button class="emotion-btn" data-emotion="disgusted" title="厌恶">😒</button>
<span class="toolbar-hint">← 选择整段语音的情绪风格</span>
</div>
<div id="emotion-per-sentence" style="display:none">
逐句标注模式：选中句子后点击情绪标签（即将支持）
</div>
</div>
</div>