fix: 1

src/sdk/association/animation.ts

@@ -318,16 +318,17 @@ export const addSubtitle = (data: AnimationModelSubtitle) => {
 
   const stopAttrib = mergeFuns(
     watch([currentTime, () => amMap[am.id].am, size], () => {
+      console.log(data.time , currentTime.value, data.time + data.duration)
       if (
         currentTime.value >= data.time &&
-        data.time + data.duration <= currentTime.value
+        currentTime.value <= (data.time + data.duration) 
       ) {
         amMap[am.id].am?.getCurrentSubtitlePixel(size.value);
         show.value = true;
       } else {
         show.value = false;
       }
-    })
+    }, {immediate: true})
   );
 
   const stopWatch = watch(
@@ -386,4 +387,13 @@ export const associationAnimation = (sdk: SDK, el: HTMLDivElement) => {
       added.forEach(addPath);
     }
   );
+  watch(
+    () => ams.value.flatMap((am) => am.subtitles),
+    (newv, oldv = []) => {
+      const { added } = diffArrayChange(newv, oldv);
+      added.forEach(addSubtitle);
+    }
+  );
+
+  
 };