@remotion/player 4.0.465 → 4.0.467

package/dist/cjs/set-global-time-anchor.js

@@ -5,7 +5,7 @@ const remotion_1 = require("remotion");
 exports.ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT = 0.1;
 const setGlobalTimeAnchor = ({ audioContext, audioSyncAnchor, absoluteTimeInSeconds, globalPlaybackRate, logLevel, force, }) => {
     const newAnchor = audioContext.currentTime - absoluteTimeInSeconds / globalPlaybackRate;
-    const shift = (newAnchor - audioSyncAnchor.value) * globalPlaybackRate;
+    const shift = newAnchor - audioSyncAnchor.value;
     const { outputLatency } = audioContext;
     const safeOutputLatency = outputLatency === 0 ? 0.3 : outputLatency;
     const latency = audioContext.baseLatency + safeOutputLatency;
@@ -13,6 +13,10 @@ const setGlobalTimeAnchor = ({ audioContext, audioSyncAnchor, absoluteTimeInSeco
     if (Math.abs(shift) < exports.ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT + latency && !force) {
         return false;
     }
+    // If force is true, but shift is zero, no change is needed
+    if (Math.abs(shift) < Number.EPSILON) {
+        return false;
+    }
     remotion_1.Internals.Log.verbose({ logLevel, tag: 'audio-scheduling' }, 'Anchor ' +
         (force ? 'forcibly ' : '') +
         'changed from %s to %s with shift %s', audioSyncAnchor.value, newAnchor, shift);

package/dist/cjs/use-playback.js

@@ -10,6 +10,18 @@ const calculate_next_frame_js_1 = require("./calculate-next-frame.js");
 const is_backgrounded_js_1 = require("./is-backgrounded.js");
 const set_global_time_anchor_js_1 = require("./set-global-time-anchor.js");
 const use_player_js_1 = require("./use-player.js");
+const shouldForceAnchorChange = (newState) => {
+    if (newState === 'suspended' || newState === 'running-to-suspended') {
+        return true;
+    }
+    if (newState === 'closed' ||
+        newState === 'interrupted' ||
+        newState === 'running' ||
+        newState === 'suspended-to-running') {
+        return false;
+    }
+    throw new Error(`Unexpected audio context state: ${newState}`);
+};
 const usePlayback = ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, outFrame, browserMediaControlsBehavior, getCurrentFrame, muted, }) => {
     const config = remotion_1.Internals.useUnsafeVideoConfig();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
@@ -72,7 +84,8 @@ const usePlayback = ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, ou
             return;
         }
         const callback = () => {
-            if (audioContext.state !== 'running') {
+            const newState = sharedAudioContext === null || sharedAudioContext === void 0 ? void 0 : sharedAudioContext.getAudioContextState();
+            if (newState && shouldForceAnchorChange(newState)) {
                 (0, set_global_time_anchor_js_1.setGlobalTimeAnchor)({
                     audioContext,
                     audioSyncAnchor: sharedAudioContext.audioSyncAnchor,

package/dist/esm/index.mjs

@@ -921,19 +921,31 @@ var setGlobalTimeAnchor = ({
   force
 }) => {
   const newAnchor = audioContext.currentTime - absoluteTimeInSeconds / globalPlaybackRate;
-  const shift = (newAnchor - audioSyncAnchor.value) * globalPlaybackRate;
+  const shift = newAnchor - audioSyncAnchor.value;
   const { outputLatency } = audioContext;
   const safeOutputLatency = outputLatency === 0 ? 0.3 : outputLatency;
   const latency = audioContext.baseLatency + safeOutputLatency;
   if (Math.abs(shift) < ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT + latency && !force) {
     return false;
   }
+  if (Math.abs(shift) < Number.EPSILON) {
+    return false;
+  }
   Internals5.Log.verbose({ logLevel, tag: "audio-scheduling" }, "Anchor " + (force ? "forcibly " : "") + "changed from %s to %s with shift %s", audioSyncAnchor.value, newAnchor, shift);
   audioSyncAnchor.value = newAnchor;
   return true;
 };
 
 // src/use-playback.ts
+var shouldForceAnchorChange = (newState) => {
+  if (newState === "suspended" || newState === "running-to-suspended") {
+    return true;
+  }
+  if (newState === "closed" || newState === "interrupted" || newState === "running" || newState === "suspended-to-running") {
+    return false;
+  }
+  throw new Error(`Unexpected audio context state: ${newState}`);
+};
 var usePlayback = ({
   loop,
   playbackRate,
@@ -998,7 +1010,8 @@ var usePlayback = ({
       return;
     }
     const callback = () => {
-      if (audioContext.state !== "running") {
+      const newState = sharedAudioContext?.getAudioContextState();
+      if (newState && shouldForceAnchorChange(newState)) {
         setGlobalTimeAnchor({
           audioContext,
           audioSyncAnchor: sharedAudioContext.audioSyncAnchor,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
 	},
 	"name": "@remotion/player",
-	"version": "4.0.465",
+	"version": "4.0.467",
 	"description": "React component for embedding a Remotion preview into your app",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "4.0.465"
+		"remotion": "4.0.467"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -49,7 +49,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.465",
+		"@remotion/eslint-config-internal": "4.0.467",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},