@sage-rsc/talking-head-react 1.8.1 → 1.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "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

@@ -1019,6 +1019,10 @@ const SimpleTalkingAvatar = forwardRef(({
         // IMPORTANT: Ensure isSpeaking is false to prevent startSpeaking() from continuing
         talkingHeadRef.current.isSpeaking = false;
         
+        // CRITICAL: Stop animations when pausing
+        isSpeakingRef.current = false;
+        currentAnimationGroupRef.current = null;
+        
         // If we have trimmed buffer, store speech queue to restore on resume
         // This way speech won't continue automatically, only when resumed
         if (pausedAudioData && pausedAudioData.audio && savedSpeechQueue) {

package/src/lib/talkinghead.mjs

@@ -3174,12 +3174,14 @@ class TalkingHead {
       
       // Manually check if current FBX animation has finished (backup to mixer 'finished' event)
       // This ensures the callback fires reliably even if the mixer event doesn't
-      if (this.currentFBXActionForCallback && this.currentFBXActionForCallback.isRunning() && this.currentFBXActionStartTime !== null) {
+      if (this.currentFBXActionForCallback && this.currentFBXActionForCallback.isRunning() && this.currentFBXActionClipDuration) {
         const actionTime = this.currentFBXActionForCallback.time;
         const clipDuration = this.currentFBXActionClipDuration;
         
+        // For LoopOnce, action.time goes from 0 to clipDuration
         // Check if animation has reached the end (with small tolerance for timing)
-        if (actionTime >= clipDuration - 0.01) {
+        // Also check if action is paused (time doesn't advance when paused)
+        if (actionTime >= clipDuration - 0.05 || (actionTime > 0 && !this.currentFBXActionForCallback.paused && actionTime >= clipDuration - 0.1)) {
           // Animation finished - call callback manually
           if (this.currentFBXActionCallback) {
             this.currentFBXActionCallback();
@@ -3187,6 +3189,7 @@ class TalkingHead {
           }
           this.currentFBXActionForCallback = null;
           this.currentFBXActionStartTime = null;
+          this.currentFBXActionClipDuration = null;
         }
       }
     }
@@ -5604,6 +5607,11 @@ class TalkingHead {
         // Small delay for smooth transition
         setTimeout(() => {
           this.currentFBXAction = action;
+          // IMPORTANT: Update callback tracking variables inside setTimeout
+          // This ensures manual checking works correctly for fade transitions
+          this.currentFBXActionForCallback = action;
+          this.currentFBXActionCallback = finishedHandler;
+          this.currentFBXActionClipDuration = item.clip.duration;
           this.currentFBXActionStartTime = this.mixer.time; // Track when animation starts
           try {
             action.fadeIn(0.5).play();