@pictor-sdk/video-android 0.1.4 → 0.1.5

package/dist/index.js

@@ -714,6 +714,7 @@ function useVideoSurface(options) {
 
 // src/useCompositionPlayback.ts
 var import_react2 = require("react");
+var import_react_native3 = require("react-native");
 var import_video_core2 = require("@pictor-sdk/video-core");
 
 // src/compositionSpike.ts
@@ -931,10 +932,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]);
+  (0, import_react2.useEffect)(() => {
+    const subscription = import_react_native3.AppState.addEventListener("change", (next) => {
+      if (next === "active") {
+        lifecycle.resume();
+        setLifecycleEpoch(lifecycle.epoch);
+        return;
+      }
+      lifecycle.suspend("background");
+      setLifecycleEpoch(lifecycle.epoch);
+      setPlaying(false);
+    });
+    return () => subscription.remove();
+  }, [lifecycle]);
   (0, import_react2.useEffect)(() => {
     return () => {
       lifecycle.teardown("unmount");
@@ -1019,7 +1036,7 @@ function useCompositionPlayback(options) {
 // src/useMedia3Playback.ts
 var import_video_core3 = require("@pictor-sdk/video-core");
 var import_react3 = require("react");
-var import_react_native3 = require("react-native");
+var import_react_native4 = require("react-native");
 
 // src/surfaceRecovery.ts
 var RECOVERY_GRACE_MS = 1500;
@@ -1111,7 +1128,7 @@ function useMedia3Playback(options) {
   const lifecycle = lifecycleRef.current;
   const [lifecycleEpoch, setLifecycleEpoch] = (0, import_react3.useState)(lifecycle.epoch);
   (0, import_react3.useEffect)(() => {
-    const subscription = import_react_native3.AppState.addEventListener("change", (next) => {
+    const subscription = import_react_native4.AppState.addEventListener("change", (next) => {
       if (next === "active") {
         lifecycle.resume();
         setLifecycleEpoch(lifecycle.epoch);