remotion 4.0.192 → 4.0.194

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.192";
+export declare const VERSION = "4.0.194";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.192';
+exports.VERSION = '4.0.194';

package/dist/cjs/video/track-source-change.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useTrackSourceChange: (src: string) => import("react").MutableRefObject<number | null>;

package/dist/cjs/video/track-source-change.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTrackSourceChange = void 0;
+const react_1 = require("react");
+const useTrackSourceChange = (src) => {
+    const lastChange = (0, react_1.useRef)(null);
+    const currentSrc = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (currentSrc.current === null) {
+            currentSrc.current = src;
+            return;
+        }
+        if (currentSrc.current !== src) {
+            currentSrc.current = src;
+            lastChange.current = Date.now();
+        }
+    }, [src]);
+    return lastChange;
+};
+exports.useTrackSourceChange = useTrackSourceChange;

package/dist/cjs/video/video-fragment.js

@@ -18,6 +18,12 @@ exports.isIosSafari = isIosSafari;
 const isIOSSafariAndBlob = (actualSrc) => {
     return (0, exports.isIosSafari)() && actualSrc.startsWith('blob:');
 };
+const getVideoFragmentStart = ({ actualFrom, fps, }) => {
+    return toSeconds(Math.max(0, -actualFrom), fps);
+};
+const getVideoFragmentEnd = ({ duration, fps, }) => {
+    return toSeconds(duration, fps);
+};
 const appendVideoFragment = ({ actualSrc, actualFrom, duration, fps, }) => {
     var _a;
     if (isIOSSafariAndBlob(actualSrc)) {
@@ -33,16 +39,26 @@ const appendVideoFragment = ({ actualSrc, actualFrom, duration, fps, }) => {
     if (!Number.isFinite(actualFrom)) {
         return actualSrc;
     }
-    actualSrc += `#t=${toSeconds(Math.max(0, -actualFrom), fps)}`;
+    const withStartHash = `${actualSrc}#t=${getVideoFragmentStart({ actualFrom, fps })}`;
     if (!Number.isFinite(duration)) {
-        return actualSrc;
+        return withStartHash;
     }
-    actualSrc += `,${toSeconds(duration, fps)}`;
-    return actualSrc;
+    return `${withStartHash},${getVideoFragmentEnd({ duration, fps })}`;
 };
 exports.appendVideoFragment = appendVideoFragment;
-const isSubsetOfDuration = ({ prevStartFrom, newStartFrom, prevDuration, newDuration, }) => prevStartFrom <= newStartFrom &&
-    prevStartFrom + prevDuration >= newStartFrom + newDuration;
+const isSubsetOfDuration = ({ prevStartFrom, newStartFrom, prevDuration, newDuration, fps, }) => {
+    const previousFrom = getVideoFragmentStart({ actualFrom: prevStartFrom, fps });
+    const newFrom = getVideoFragmentStart({ actualFrom: newStartFrom, fps });
+    const previousEnd = getVideoFragmentEnd({ duration: prevDuration, fps });
+    const newEnd = getVideoFragmentEnd({ duration: newDuration, fps });
+    if (newFrom < previousFrom) {
+        return false;
+    }
+    if (newEnd > previousEnd) {
+        return false;
+    }
+    return true;
+};
 const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initialActualFrom, duration: initialDuration, fps, }) => {
     const actualFromRef = (0, react_1.useRef)(initialActualFrom);
     const actualDuration = (0, react_1.useRef)(initialDuration);
@@ -52,6 +68,7 @@ const useAppendVideoFragment = ({ actualSrc: initialActualSrc, actualFrom: initi
         newStartFrom: initialActualFrom,
         prevDuration: actualDuration.current,
         newDuration: initialDuration,
+        fps,
     }) ||
         initialActualSrc !== actualSrc.current) {
         actualFromRef.current = initialActualFrom;

package/dist/esm/index.mjs

@@ -155,7 +155,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.192";
+var VERSION = "4.0.194";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2757,6 +2757,18 @@ var isIosSafari = () => {
 var isIOSSafariAndBlob = (actualSrc) => {
   return isIosSafari() && actualSrc.startsWith("blob:");
 };
+var getVideoFragmentStart = ({
+  actualFrom,
+  fps
+}) => {
+  return toSeconds(Math.max(0, -actualFrom), fps);
+};
+var getVideoFragmentEnd = ({
+  duration,
+  fps
+}) => {
+  return toSeconds(duration, fps);
+};
 var appendVideoFragment = ({
   actualSrc,
   actualFrom,
@@ -2776,19 +2788,31 @@ var appendVideoFragment = ({
   if (!Number.isFinite(actualFrom)) {
     return actualSrc;
   }
-  actualSrc += `#t=${toSeconds(Math.max(0, -actualFrom), fps)}`;
+  const withStartHash = `${actualSrc}#t=${getVideoFragmentStart({ actualFrom, fps })}`;
   if (!Number.isFinite(duration)) {
-    return actualSrc;
+    return withStartHash;
   }
-  actualSrc += `,${toSeconds(duration, fps)}`;
-  return actualSrc;
+  return `${withStartHash},${getVideoFragmentEnd({ duration, fps })}`;
 };
 var isSubsetOfDuration = ({
   prevStartFrom,
   newStartFrom,
   prevDuration,
-  newDuration
-}) => prevStartFrom <= newStartFrom && prevStartFrom + prevDuration >= newStartFrom + newDuration;
+  newDuration,
+  fps
+}) => {
+  const previousFrom = getVideoFragmentStart({ actualFrom: prevStartFrom, fps });
+  const newFrom = getVideoFragmentStart({ actualFrom: newStartFrom, fps });
+  const previousEnd = getVideoFragmentEnd({ duration: prevDuration, fps });
+  const newEnd = getVideoFragmentEnd({ duration: newDuration, fps });
+  if (newFrom < previousFrom) {
+    return false;
+  }
+  if (newEnd > previousEnd) {
+    return false;
+  }
+  return true;
+};
 var useAppendVideoFragment = ({
   actualSrc: initialActualSrc,
   actualFrom: initialActualFrom,
@@ -2802,7 +2826,8 @@ var useAppendVideoFragment = ({
     prevStartFrom: actualFromRef.current,
     newStartFrom: initialActualFrom,
     prevDuration: actualDuration.current,
-    newDuration: initialDuration
+    newDuration: initialDuration,
+    fps
   }) || initialActualSrc !== actualSrc.current) {
     actualFromRef.current = initialActualFrom;
     actualDuration.current = initialDuration;

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.192";
+var VERSION = "4.0.194";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.192",
+  "version": "4.0.194",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",