@pictor-sdk/video-android 0.1.3 → 0.1.5

package/dist/index.mjs

@@ -574,6 +574,7 @@ function useVideoSurface(options) {
 
 // src/useCompositionPlayback.ts
 import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { AppState as AppState2 } from "react-native";
 import {
   playIntent,
   playlistOf as playlistOf2,
@@ -586,6 +587,7 @@ function compositionSpikeSpec(project, mix, resolve) {
   const playlist = playlistOf(project);
   const items = [];
   const unsupported = playlist.unsupported.map((u) => `${u.clipId}: ${u.reason}`);
+  const clips = new Map(project.clips.map((clip) => [clip.id, clip]));
   for (const item of playlist.items) {
     const uri = resolve(item.source);
     if (uri === null) {
@@ -596,6 +598,8 @@ function compositionSpikeSpec(project, mix, resolve) {
       uri,
       startUs: Number(item.startUs),
       endUs: Number(item.endUs),
+      sourceDurationUs: clips.get(item.clipId)?.metadata.duration,
+      timelineEndUs: Number(item.timelineEndUs),
       speed: item.speed
     });
   }
@@ -792,10 +796,26 @@ function useCompositionPlayback(options) {
     setUnsupported(
       refused.map((reason) => ({ clipId: reason.split(":")[0] ?? "", reason }))
     );
-    if (spec.items.length === 0) return;
+    if (spec.items.length === 0) {
+      spikePause();
+      return;
+    }
     const started = spikeStart(spec);
     if (started.ok === true) loaded.current = signature;
   }, [enabled, signature, surfaceGeneration, project, mix]);
+  useEffect2(() => {
+    const subscription = AppState2.addEventListener("change", (next) => {
+      if (next === "active") {
+        lifecycle.resume();
+        setLifecycleEpoch(lifecycle.epoch);
+        return;
+      }
+      lifecycle.suspend("background");
+      setLifecycleEpoch(lifecycle.epoch);
+      setPlaying(false);
+    });
+    return () => subscription.remove();
+  }, [lifecycle]);
   useEffect2(() => {
     return () => {
       lifecycle.teardown("unmount");
@@ -887,7 +907,7 @@ import {
   windowToProjectTime
 } from "@pictor-sdk/video-core";
 import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
-import { AppState as AppState2 } from "react-native";
+import { AppState as AppState3 } from "react-native";
 
 // src/surfaceRecovery.ts
 var RECOVERY_GRACE_MS = 1500;
@@ -979,7 +999,7 @@ function useMedia3Playback(options) {
   const lifecycle = lifecycleRef.current;
   const [lifecycleEpoch, setLifecycleEpoch] = useState3(lifecycle.epoch);
   useEffect3(() => {
-    const subscription = AppState2.addEventListener("change", (next) => {
+    const subscription = AppState3.addEventListener("change", (next) => {
       if (next === "active") {
         lifecycle.resume();
         setLifecycleEpoch(lifecycle.epoch);