添加TTS支持检测和用户提示

alacarte-novel-website/reader.html

@@ -570,6 +570,9 @@
                     <div class="tts-progress-fill" id="ttsProgressFill"></div>
                 </div>
                 <div class="tts-time" id="ttsTime">0 / 0 句</div>
+            <div style="text-align: center; color: var(--text-secondary); font-size: 12px; margin-top: 15px; font-family: 'Noto Sans SC', sans-serif;">
+                点击 ▶ 按钮开始朗读
+            </div>
             </div>
             <div class="tts-speed">
                 <span class="tts-speed-label">朗读速度：</span>
@@ -831,6 +834,16 @@
         const ttsModal = document.getElementById('ttsModal');
         const ttsBtn = document.getElementById('ttsBtn');
         const ttsClose = document.getElementById('ttsClose');
+        
+        // 检测浏览器是否支持TTS
+        function checkTTSSupport() {
+            if (!('speechSynthesis' in window)) {
+                alert('您的浏览器不支持语音朗读功能，请使用Chrome、Edge或Safari浏览器。');
+                return false;
+            }
+            return true;
+        }
+        
         let ttsSynth = window.speechSynthesis;
         let ttsUtterance = null;
         let ttsSentences = [];
@@ -841,6 +854,7 @@
         
         // 打开TTS面板
         ttsBtn.addEventListener('click', () => {
+            if (!checkTTSSupport()) return;
             initTTS();
             ttsModal.classList.add('active');
         });