(wip)update html

templates/arena.html

@@ -2018,3 +2018,48 @@
     });
 </script>
 {% endblock %}
+
+{% block scripts %}
+{{ super() }}
+<script>
+// 1. 参考音色试听功能
+const voiceFileInput = document.getElementById('voice-file');
+const voicePreview = document.getElementById('voice-preview');
+voiceFileInput.addEventListener('change', function() {
+    const file = this.files[0];
+    if (file) {
+        const url = URL.createObjectURL(file);
+        voicePreview.src = url;
+        voicePreview.style.display = 'inline-block';
+        voicePreview.load();
+    } else {
+        voicePreview.src = '';
+        voicePreview.style.display = 'none';
+    }
+});
+
+// 2. 阻止输入框Enter触发合成，只允许点击按钮合成
+const ttsForm = document.querySelector('#tts-tab form.input-container');
+const textInput = ttsForm.querySelector('.text-input');
+const synthBtn = ttsForm.querySelector('.synth-btn');
+
+textInput.addEventListener('keydown', function(e) {
+    if (e.key === 'Enter') {
+        e.preventDefault(); // 阻止回车提交
+    }
+});
+// 可选：防止form回车自动提交
+ttsForm.addEventListener('submit', function(e) {
+    e.preventDefault(); // 阻止默认提交
+    // 只有点击合成按钮时才触发合成
+    if (document.activeElement === synthBtn || e.submitter === synthBtn) {
+        // 这里调用原有的合成逻辑（如有）
+        // 例如：triggerSynthesize();
+        if (typeof window.triggerSynthesize === 'function') {
+            window.triggerSynthesize();
+        }
+    }
+});
+</script>
+{% endblock %}
+