NovelAI: Fix TTS preview

9a86f8a6bbcb1c93b55ce8669a4374347f8e309a

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/scripts/extensions/tts/novel.js+18 -12 Viewed

         return { name: voiceName, voice_id: voiceName, lang: 'en-US', preview_url: false };
+    }
-    async generateTts(text, voiceId) {
+    /**
-        const response = await this.fetchTtsGeneration(text, voiceId);
+     * Generate TTS audio for the given text using the specified voice.
-        return response;
+     * @param {string} text Text to generate
+     * @param {string} voiceId Voice ID
+     * @returns {AsyncGenerator<Response>} Audio response generator
+     */
+    generateTts(text, voiceId) {
+        return this.fetchTtsGeneration(text, voiceId);
+    }
     //###########//

         this.audioElement.currentTime = 0;
         const text = getPreviewString('en-US');
-        const response = await this.fetchTtsGeneration(text, id);
+        for await (const response of this.generateTts(text, id)) {
-        if (!response.ok) {
+            const audio = await response.blob();
-            throw new Error(`HTTP ${response.status}`);
+            const url = URL.createObjectURL(audio);
+            await new Promise(resolve => {
+                const audioElement = new Audio();
+                audioElement.src = url;
+                audioElement.play();
+                audioElement.onended = () => resolve();
+            });
+            URL.revokeObjectURL(url);
+        }
-        const audio = await response.blob();
-        const url = URL.createObjectURL(audio);
-        this.audioElement.src = url;
-        this.audioElement.play();
-        this.audioElement.onended = () => URL.revokeObjectURL(url);
+    }
     async* fetchTtsGeneration(inputText, voiceId) {