remotion 4.0.157 → 4.0.160

package/bundle.ts

@@ -1,16 +1,15 @@
-import {build, revision} from 'bun';
+import {build, semver, version} from 'bun';
 
 if (process.env.NODE_ENV !== 'production') {
 	throw new Error('This script must be run using NODE_ENV=production');
 }
 
-if (!revision.startsWith('07ce')) {
+if (!semver.satisfies(version, '^1.1.7')) {
 	// eslint-disable-next-line no-console
-	console.warn('warn: Remotion currently uses a fork of Bun to bundle.');
-	// eslint-disable-next-line no-console
-	console.log(
-		'You dont currently run the fork, this could lead to duplicate key warnings in React.',
+	console.error(
+		`There is a bug with bundling when using Bun <1.1.7. You use ${version}. Please use a newer version`,
 	);
+	process.exit(1);
 }
 
 const output = await build({

package/dist/cjs/audio/AudioForPreview.js

@@ -13,6 +13,7 @@ const use_media_playback_js_1 = require("../use-media-playback.js");
 const use_media_tag_volume_js_1 = require("../use-media-tag-volume.js");
 const use_sync_volume_with_media_tag_js_1 = require("../use-sync-volume-with-media-tag.js");
 const volume_position_state_js_1 = require("../volume-position-state.js");
+const volume_prop_js_1 = require("../volume-prop.js");
 const shared_audio_tags_js_1 = require("./shared-audio-tags.js");
 const use_audio_frame_js_1 = require("./use-audio-frame.js");
 const AudioForDevelopmentForwardRefFunction = (props, ref) => {
@@ -33,9 +34,15 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const [timelineId] = (0, react_1.useState)(() => String(Math.random()));
     const isSequenceHidden = (_a = hidden[timelineId]) !== null && _a !== void 0 ? _a : false;
+    const userPreferredVolume = (0, volume_prop_js_1.evaluateVolume)({
+        frame: volumePropFrame,
+        volume,
+        mediaVolume,
+        allowAmplificationDuringRender: false,
+    });
     const propsToPass = (0, react_1.useMemo)(() => {
         return {
-            muted: muted || mediaMuted || isSequenceHidden,
+            muted: muted || mediaMuted || isSequenceHidden || userPreferredVolume <= 0,
             src: preloadedSrc,
             loop: _remotionInternalNativeLoopPassed,
             ...nativeProps,
@@ -47,6 +54,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         muted,
         nativeProps,
         preloadedSrc,
+        userPreferredVolume,
     ]);
     // Generate a string that's as unique as possible for this asset
     // but at the same time deterministic. We use it to combat strict mode issues.

package/dist/cjs/interpolate.js

@@ -68,11 +68,11 @@ function checkInfiniteRange(name, arr) {
     if (arr.length < 2) {
         throw new Error(name + ' must have at least 2 elements');
     }
-    for (const index in arr) {
-        if (typeof arr[index] !== 'number') {
+    for (const element of arr) {
+        if (typeof element !== 'number') {
             throw new Error(`${name} must contain only numbers`);
         }
-        if (arr[index] === -Infinity || arr[index] === Infinity) {
+        if (!Number.isFinite(element)) {
             throw new Error(`${name} must contain only finite numbers, but got [${arr.join(',')}]`);
         }
     }

package/dist/cjs/spring/index.js

@@ -37,8 +37,6 @@ function spring({ frame: passedFrame, fps, config = {}, from = 0, to = 1, durati
         ? (0, measure_spring_js_1.measureSpring)({
             fps,
             config,
-            from,
-            to,
             threshold: durationRestThreshold,
         })
         : undefined;

package/dist/cjs/spring/measure-spring.d.ts

@@ -1,12 +1,17 @@
+import type { ENABLE_V5_BREAKING_CHANGES } from '../v5-flag.js';
 import type { SpringConfig } from './spring-utils';
+type V4Props = {
+    from?: number;
+    to?: number;
+};
+type MeasureSpringProps = {
+    fps: number;
+    config?: Partial<SpringConfig>;
+    threshold?: number;
+} & (false extends typeof ENABLE_V5_BREAKING_CHANGES ? V4Props : {});
 /**
  * @description The function returns how long it takes for a spring animation to settle
  * @see [Documentation](https://www.remotion.dev/docs/measure-spring)
  */
-export declare function measureSpring({ fps, config, threshold, from, to, }: {
-    fps: number;
-    config?: Partial<SpringConfig>;
-    threshold?: number;
-    from?: number;
-    to?: number;
-}): number;
+export declare function measureSpring({ fps, config, threshold, }: MeasureSpringProps): number;
+export {};

package/dist/cjs/spring/measure-spring.js

@@ -8,7 +8,7 @@ const cache = new Map();
  * @description The function returns how long it takes for a spring animation to settle
  * @see [Documentation](https://www.remotion.dev/docs/measure-spring)
  */
-function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1, }) {
+function measureSpring({ fps, config = {}, threshold = 0.005, }) {
     if (typeof threshold !== 'number') {
         throw new TypeError(`threshold must be a number, got ${threshold} of type ${typeof threshold}`);
     }
@@ -33,15 +33,12 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
         config.mass,
         config.overshootClamping,
         config.stiffness,
-        from,
-        to,
         threshold,
     ].join('-');
     if (cache.has(cacheKey)) {
         return cache.get(cacheKey);
     }
     (0, validate_fps_js_1.validateFps)(fps, 'to the measureSpring() function', false);
-    const range = Math.abs(from - to);
     let frame = 0;
     let finishedFrame = 0;
     const calc = () => {
@@ -53,8 +50,7 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
     };
     let animation = calc();
     const calcDifference = () => {
-        return (Math.abs(animation.current - animation.toValue) /
-            (range === 0 ? 1 : range));
+        return Math.abs(animation.current - animation.toValue);
     };
     let difference = calcDifference();
     while (difference >= threshold) {

package/dist/cjs/use-media-buffering.js

@@ -52,6 +52,13 @@ const useMediaBuffering = ({ element, shouldBuffer, isPremounting, }) => {
         const init = () => {
             if (current.readyState < current.HAVE_FUTURE_DATA) {
                 onWaiting();
+                // Needed by iOS Safari which will not load by default
+                // and therefore not fire the canplay event.
+                // Be cautious about using `current.load()` as it will
+                // reset if a video is already playing.
+                // Therefore only calling it after checking if the video
+                // has no future data.
+                current.load();
             }
             else {
                 current.addEventListener('waiting', onWaiting);

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.157";
+export declare const VERSION = "4.0.160";

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.157';
+exports.VERSION = '4.0.160';

package/dist/esm/index.mjs

@@ -132,7 +132,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.157";
+var VERSION = "4.0.160";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2036,6 +2036,7 @@ var useMediaBuffering = ({
     const init = () => {
       if (current.readyState < current.HAVE_FUTURE_DATA) {
         onWaiting();
+        current.load();
       } else {
         current.addEventListener("waiting", onWaiting);
         cleanupFns.push(() => {
@@ -2329,11 +2330,11 @@ var checkInfiniteRange = function(name, arr) {
   if (arr.length < 2) {
     throw new Error(name + " must have at least 2 elements");
   }
-  for (const index in arr) {
-    if (typeof arr[index] !== "number") {
+  for (const element of arr) {
+    if (typeof element !== "number") {
       throw new Error(`${name} must contain only numbers`);
     }
-    if (arr[index] === (-Infinity) || arr[index] === Infinity) {
+    if (!Number.isFinite(element)) {
       throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
     }
   }
@@ -2940,9 +2941,15 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   const sequenceContext = useContext20(SequenceContext);
   const [timelineId] = useState11(() => String(Math.random()));
   const isSequenceHidden = hidden[timelineId] ?? false;
+  const userPreferredVolume = evaluateVolume({
+    frame: volumePropFrame,
+    volume,
+    mediaVolume,
+    allowAmplificationDuringRender: false
+  });
   const propsToPass = useMemo18(() => {
     return {
-      muted: muted || mediaMuted || isSequenceHidden,
+      muted: muted || mediaMuted || isSequenceHidden || userPreferredVolume <= 0,
       src: preloadedSrc,
       loop: _remotionInternalNativeLoopPassed,
       ...nativeProps
@@ -2953,7 +2960,8 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     mediaMuted,
     muted,
     nativeProps,
-    preloadedSrc
+    preloadedSrc,
+    userPreferredVolume
   ]);
   const id = useMemo18(() => `audio-${random(src ?? "")}-${sequenceContext?.relativeFrom}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.durationInFrames}-muted:${props.muted}-loop:${props.loop}`, [
     src,
@@ -5278,9 +5286,7 @@ var calculationCache = {};
 function measureSpring({
   fps,
   config = {},
-  threshold = 0.005,
-  from = 0,
-  to = 1
+  threshold = 0.005
 }) {
   if (typeof threshold !== "number") {
     throw new TypeError(`threshold must be a number, got ${threshold} of type ${typeof threshold}`);
@@ -5306,15 +5312,12 @@ function measureSpring({
     config.mass,
     config.overshootClamping,
     config.stiffness,
-    from,
-    to,
     threshold
   ].join("-");
   if (cache.has(cacheKey)) {
     return cache.get(cacheKey);
   }
   validateFps(fps, "to the measureSpring() function", false);
-  const range = Math.abs(from - to);
   let frame = 0;
   let finishedFrame = 0;
   const calc = () => {
@@ -5326,7 +5329,7 @@ function measureSpring({
   };
   let animation = calc();
   const calcDifference = () => {
-    return Math.abs(animation.current - animation.toValue) / (range === 0 ? 1 : range);
+    return Math.abs(animation.current - animation.toValue);
   };
   let difference = calcDifference();
   while (difference >= threshold) {
@@ -5372,8 +5375,6 @@ function spring({
   const naturalDuration = needsToCalculateNaturalDuration ? measureSpring({
     fps,
     config,
-    from,
-    to,
     threshold: durationRestThreshold
   }) : undefined;
   const naturalDurationGetter = needsToCalculateNaturalDuration ? {

package/dist/esm/no-react.mjs

@@ -56,11 +56,11 @@ var checkInfiniteRange = function(name, arr) {
   if (arr.length < 2) {
     throw new Error(name + " must have at least 2 elements");
   }
-  for (const index in arr) {
-    if (typeof arr[index] !== "number") {
+  for (const element of arr) {
+    if (typeof element !== "number") {
       throw new Error(`${name} must contain only numbers`);
     }
-    if (arr[index] === (-Infinity) || arr[index] === Infinity) {
+    if (!Number.isFinite(element)) {
       throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
     }
   }

package/dist/esm/version.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.157",
+  "version": "4.0.160",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",