@sage-rsc/talking-head-react 1.7.8 → 1.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.7.8",
+  "version": "1.7.9",
   "description": "A reusable React component for 3D talking avatars with lip-sync and text-to-speech",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/components/SimpleTalkingAvatar.jsx

@@ -777,10 +777,26 @@ const SimpleTalkingAvatar = forwardRef(({
           isMidSentence: audioPlaylist.length > 0
         };
 
-        // Clear speech queue and pause (this will stop audio and clear audioPlaylist)
-        // pauseSpeaking() now returns trimmed audio data if audio was playing
-        talkingHeadRef.current.speechQueue.length = 0;
+        // IMPORTANT: Save speech queue BEFORE pausing if audio is playing
+        // We need to preserve it so remaining text continues after trimmed audio
+        const wasAudioPlaying = talkingHeadRef.current.isAudioPlaying || false;
+        const savedSpeechQueue = wasAudioPlaying ? [...(talkingHeadRef.current.speechQueue || [])] : null;
+        
+        // Pause and get trimmed buffer if available
+        // pauseSpeaking() clears audioPlaylist but doesn't clear speechQueue
         const pausedAudioData = talkingHeadRef.current.pauseSpeaking();
+        
+        // If we have trimmed buffer, restore speech queue for continuation
+        // Otherwise, clear it (normal pause behavior)
+        if (pausedAudioData && pausedAudioData.audio && savedSpeechQueue) {
+          // Restore speech queue so remaining text continues after trimmed audio
+          talkingHeadRef.current.speechQueue.length = 0;
+          talkingHeadRef.current.speechQueue.push(...savedSpeechQueue);
+        } else {
+          // No trimmed buffer, clear speech queue normally
+          talkingHeadRef.current.speechQueue.length = 0;
+        }
+        
         pausedAudioDataRef.current = pausedAudioData; // Store trimmed buffer for exact resume
         setIsPaused(true);
         isPausedRef.current = true;
@@ -803,8 +819,47 @@ const SimpleTalkingAvatar = forwardRef(({
 
       // If we have trimmed audio data from pause, resume from exact position
       if (pausedAudioDataRef.current && pausedAudioDataRef.current.audio) {
+        // Ensure speaking state is set for animations to continue
+        isSpeakingRef.current = true;
+        
+        // Restore animation group if it was set
+        const originalOptions = speechProgressRef.current?.options || pausedSpeechRef.current?.options || {};
+        const animationGroup = originalOptions.animationGroup || autoAnimationGroup;
+        if (animationGroup) {
+          currentAnimationGroupRef.current = animationGroup;
+        }
+        
+        // Ensure remaining text is in speech queue so it continues after trimmed buffer
+        const remainingText = speechProgressRef.current?.remainingText;
+        if (remainingText && talkingHeadRef.current.speechQueue) {
+          // Re-add remaining text to speech queue so it continues after trimmed audio
+          // Split into sentences and add to queue
+          const sentences = remainingText.split(/[.!?]+/).filter(s => s.trim().length > 0);
+          sentences.forEach(sentence => {
+            talkingHeadRef.current.speechQueue.push({
+              text: sentence.trim(),
+              options: originalOptions
+            });
+          });
+        }
+        
+        // Mark as speaking so audio continues and speech queue processes
+        talkingHeadRef.current.isSpeaking = true;
+        
         // Resume with trimmed buffer (exact position)
+        // After trimmed buffer finishes, playAudio will call startSpeaking() which processes speechQueue
         await talkingHeadRef.current.playAudio(false, pausedAudioDataRef.current);
+        
+        // Continue animations if animation group is set
+        // Start immediately and they will continue as long as isSpeakingRef is true
+        if (animationGroup && !originalOptions.skipAnimation) {
+          // Reset animation queue for smooth continuation
+          animationQueueRef.current = [];
+          playedAnimationsRef.current = [];
+          // Start playing animations immediately
+          playRandomAnimation(animationGroup);
+        }
+        
         pausedAudioDataRef.current = null; // Clear after use
         return;
       }
@@ -828,7 +883,7 @@ const SimpleTalkingAvatar = forwardRef(({
       isPausedRef.current = false;
       pausedAudioDataRef.current = null;
     }
-  }, [isPaused, speakText, resumeAudioContext]);
+  }, [isPaused, speakText, resumeAudioContext, autoAnimationGroup, playRandomAnimation]);
 
   // Stop speaking
   const stopSpeaking = useCallback(() => {

package/src/lib/talkinghead.mjs

@@ -3773,6 +3773,8 @@ class TalkingHead {
         this.audioSpeechSource.disconnect();
         this.audioStartTime = null;
         this.currentAudioItem = null;
+        // Ensure isSpeaking is true so startSpeaking() processes the queue after trimmed audio
+        this.isSpeaking = true;
         this.playAudio(true);
       }, { once: true });
 
@@ -3853,6 +3855,8 @@ class TalkingHead {
         this.audioSpeechSource.disconnect();
         this.audioStartTime = null;
         this.currentAudioItem = null;
+        // Ensure isSpeaking is true so startSpeaking() processes the queue
+        this.isSpeaking = true;
         this.playAudio(true);
       }, { once: true });