update arena page

templates/arena.html

@@ -27,6 +27,9 @@
                 <audio id="voice-preview" controls style="display:none;"></audio>
             </div>
             <hr>
+            <div id="random-voice-loading-msg" style="display:none;color:#6658ea;font-size:14px;margin-bottom:8px;">
+                Loading random prompt audio...
+            </div>
             <div class="input-group">
                 <button type="button" class="segmented-btn random-btn" title="Roll random text">
                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
@@ -1012,7 +1015,7 @@
                     textInput.value = selectedText;
                     textInput.focus();
 
-                    // 如果页面上没有prompt音频文件，则载入随机的prompt音频
+                    // 如果页面上没有prompt音频文��，则载入随机的prompt音频
                     const voiceFileInput = document.getElementById('voice-file');
                     if (voiceFileInput && voiceFileInput.files.length === 0) {
                         handleRandomVoice();
@@ -1023,6 +1026,10 @@
                     const randomVoiceBtn = document.querySelector('.random-voice-btn');
                     const voiceFileInput = document.getElementById('voice-file');
                     const voicePreview = document.getElementById('voice-preview');
+                    const loadingMsg = document.getElementById('random-voice-loading-msg');
+
+                    // 显示加载提示
+                    if (loadingMsg) loadingMsg.style.display = 'block';
 
                     // 显示加载状态
                     randomVoiceBtn.classList.add('loading');
@@ -1039,33 +1046,28 @@
                             // 创建文件对象，用于合成时提交
                             const fileName = 'random_voice_sample.' +
                                 (audioBlob.type.split('/')[1] || 'mp3');
-
-                            // 创建File对象，用于后续上传
                             const audioFile = new File([audioBlob], fileName, {type: audioBlob.type});
-
-                            // 创建一个DataTransfer对象来模拟文件输入
                             const dataTransfer = new DataTransfer();
                             dataTransfer.items.add(audioFile);
                             voiceFileInput.files = dataTransfer.files;
-
                             // 更新音频预览
                             const audioUrl = URL.createObjectURL(audioBlob);
                             voicePreview.src = audioUrl;
                             voicePreview.style.display = 'inline-block';
                             voicePreview.load();
                             voicePreview.play();
-
                             // 触发change事件，确保其他监听器知道文件已更改
                             const event = new Event('change', {bubbles: true});
                             voiceFileInput.dispatchEvent(event);
                         })
                         .catch(error => {
                             console.error('获取随机音色出错:', error);
-                            openToast ? openToast("获取随机参考音色失败", "error") : alert("获取随机参考音色失败");
+                            // 失败时也隐藏提示
                         })
                         .finally(() => {
                             // 移除加载状态
                             randomVoiceBtn.classList.remove('loading');
+                            if (loadingMsg) loadingMsg.style.display = 'none';
                         });
                 }