修复网速慢，语音播放问题

youtube_sub.js

@@ -27,6 +27,8 @@ GM_addStyle(`
     if (window.subtitleManagerInstance) {
         window.subtitleManagerInstance.cleanup();
     }
+    const WORD_CACHE_EXPIRY = 7 * 24 * 60 * 60 * 1000; // 7 days in ms
+    const WORD_CACHE_KEY = 'youtube_subtitle_word_cache';
 
     // 增强的样式定义，添加过渡效果
     const styles = `
@@ -901,6 +903,69 @@ GM_addStyle(`
             this.container.classList.toggle('collapsed', this.isCollapsed);
         }
 
+
+
+        // Get word translation with cache
+        async getWordTranslation(word) {
+            // Get cache
+            const cache = JSON.parse(localStorage.getItem(WORD_CACHE_KEY) || '{}');
+            const now = Date.now();
+            const cachedResult = cache[word];
+
+            // Check valid cache
+            if (cachedResult && now - cachedResult.timestamp < WORD_CACHE_EXPIRY) {
+                console.log('Cache hit:', word);
+                return cachedResult.data;
+            }
+
+            // Clear expired entries
+            Object.keys(cache).forEach(key => {
+                if (now - cache[key].timestamp > WORD_CACHE_EXPIRY) {
+                    delete cache[key];
+                }
+            });
+
+            // API call
+            const response = await new Promise((resolve, reject) => {
+                GM_xmlhttpRequest({
+                    method: 'GET',
+                    url: `https://sonygod-flash.hf.space/translate/${encodeURIComponent(word.trim())}`,
+                    headers: {
+                        'Accept': 'application/json',
+                        'Origin': 'https://www.youtube.com'
+                    },
+                    onload: function (response) {
+                        if (response.status >= 200 && response.status < 300) {
+                            try {
+                                resolve(JSON.parse(response.responseText));
+                            } catch (e) {
+                                reject(new Error('Invalid JSON response'));
+                            }
+                        } else {
+                            reject(new Error(`HTTP error! status: ${response.status}`));
+                        }
+                    },
+                    onerror: error => reject(new Error('Network request failed: ' + error.error)),
+                    ontimeout: () => reject(new Error('Request timed out'))
+                });
+            });
+
+            // Cache successful response
+            if (response?.data?.response) {
+                cache[word] = {
+                    timestamp: now,
+                    data: response
+                };
+                try {
+                    localStorage.setItem(WORD_CACHE_KEY, JSON.stringify(cache));
+                } catch (e) {
+                    console.error('Cache write failed:', e);
+                }
+            }
+
+            return response;
+        };
+
         // Update displaySingleLanguage method
         displaySingleLanguage(container, subtitles) {
             subtitles.forEach((sub, index) => {
@@ -969,7 +1034,7 @@ GM_addStyle(`
                                 speakerBtn = document.createElement('button');
                                 speakerBtn.className = 'speaker-btn';
                                 speakerBtn.textContent = '🔊';
-                                speakerBtn.onclick = (e) => {
+                                speakerBtn.onclick = async (e) => {
                                     e.stopPropagation();
                                     try {
                                         const utterance = new SpeechSynthesisUtterance(wordText);
@@ -977,7 +1042,22 @@ GM_addStyle(`
                                         utterance.rate = 0.9;
 
                                         // Get voices and select based on click count
-                                        const voices = speechSynthesis.getVoices();
+                                        let voices = speechSynthesis.getVoices();
+                                        if (!voices.length) {
+                                            await new Promise(resolve => {
+                                                speechSynthesis.onvoiceschanged = () => {
+                                                    voices = speechSynthesis.getVoices();
+                                                    resolve();
+                                                };
+                                            });
+                                        }
+                                        // Log available voices
+                                        console.log('Available voices:', voices.map(v => ({
+                                            name: v.name,
+                                            lang: v.lang,
+                                            isFemale: v.name.toLowerCase().includes('female')
+                                        })));
+                                        // Select voice based on click count
                                         const isFemaleTurn = this.speakerClickCount % 2 === 1;
                                         const voice = voices.find(v =>
                                             v.lang.includes('en') &&
@@ -985,11 +1065,18 @@ GM_addStyle(`
                                         );
 
                                         if (voice) {
+                                            console.log('Selected voice:', voice.name);
                                             utterance.voice = voice;
+                                        } else {
+                                            console.warn('No matching voice found, using default');
                                         }
 
+                                        // Cancel any ongoing speech
+                                        speechSynthesis.cancel();
+
+                                        // Speak the word
                                         speechSynthesis.speak(utterance);
-                                        this.speakerClickCount++; // Increment counter
+                                        this.speakerClickCount++;
                                     } catch (error) {
                                         console.error('TTS failed:', error);
                                     }
@@ -1044,34 +1131,7 @@ GM_addStyle(`
                                     //     });
                                     // });
 
-                                    const response = await new Promise((resolve, reject) => {
-                                        GM_xmlhttpRequest({
-                                            method: 'GET',
-                                            url: `https://sonygod-flash.hf.space/translate/${encodeURIComponent(word.text.trim())}`,
-                                            headers: {
-                                                'Accept': 'application/json',
-                                                'Origin': 'https://www.youtube.com'
-                                            },
-                                            onload: function (response) {
-                                                if (response.status >= 200 && response.status < 300) {
-                                                    try {
-                                                        resolve(JSON.parse(response.responseText));
-                                                    } catch (e) {
-                                                        reject(new Error('Invalid JSON response'));
-                                                    }
-                                                } else {
-                                                    reject(new Error(`HTTP error! status: ${response.status}`));
-                                                }
-                                            },
-                                            onerror: function (error) {
-                                                reject(new Error('Network request failed: ' + error.error));
-                                            },
-                                            ontimeout: function () {
-                                                reject(new Error('Request timed out'));
-                                            }
-                                        });
-                                    });
-
+                                    const response = await this.getWordTranslation(wordText);
                                     console.log('API Response:', response);
 
                                     const content = response?.data?.response;