remotion - npm Package Compare versions

Comparing version 1.6.0-alpha.140c9d64 to 1.6.0-alpha.18fe0ddb

dist/audio/Audio.js

@@ -16,3 +16,3 @@ "use strict";
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ from: 0 - startAtFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo }, { children: jsx_runtime_1.jsx(exports.Audio, Object.assign({}, otherProps), void 0) }), void 0));
+        return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ layout: "none", from: 0 - startAtFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo }, { children: jsx_runtime_1.jsx(exports.Audio, Object.assign({}, otherProps), void 0) }), void 0));
     }
@@ -19,0 +19,0 @@ validate_media_props_1.validateMediaProps(props, 'Audio');

dist/CompositionManager.d.ts

@@ -19,2 +19,3 @@ /// <reference types="react" />
     volume: string | number;
+    doesVolumeChange: boolean;
     startMediaFrom: number;
@@ -26,2 +27,3 @@ } | {
     startMediaFrom: number;
+    doesVolumeChange: boolean;
 };
@@ -28,0 +30,0 @@ export declare type TSequence = {

dist/config/image-format.d.ts

@@ -5,5 +5,5 @@ import { PixelFormat } from '.';
 export declare const setImageFormat: (format: ImageFormat) => void;
-export declare const getUserPreferredImageFormat: () => "none" | "png" | "jpeg" | undefined;
+export declare const getUserPreferredImageFormat: () => "png" | "jpeg" | "none" | undefined;
 export declare const validateSelectedPixelFormatAndImageFormatCombination: (pixelFormat: PixelFormat, imageFormat: ImageFormat) => void;
 export {};
 //# sourceMappingURL=image-format.d.ts.map

dist/config/index.d.ts

@@ -46,3 +46,3 @@ import { Browser } from './browser';
          */
-        readonly setImageFormat: (format: "none" | "png" | "jpeg") => void;
+        readonly setImageFormat: (format: "png" | "jpeg" | "none") => void;
         /**
@@ -49,0 +49,0 @@ * Render only a subset of a video.

dist/config/input-props.d.ts

@@ -0,2 +1,3 @@
+export declare const INPUT_PROPS_KEY = "remotion.inputProps";
 export declare const getInputProps: () => any;
 //# sourceMappingURL=input-props.d.ts.map

dist/config/input-props.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getInputProps = void 0;
+exports.getInputProps = exports.INPUT_PROPS_KEY = void 0;
+exports.INPUT_PROPS_KEY = 'remotion.inputProps';
 const getInputProps = () => {
     if (process.env.NODE_ENV === 'production') {
-        const param = new URLSearchParams(window.location.search).get('props');
+        const param = localStorage.getItem(exports.INPUT_PROPS_KEY);
         if (!param) {
             return {};
         }
-        const parsed = JSON.parse(decodeURIComponent(param));
+        const parsed = JSON.parse(param);
         return parsed;
@@ -12,0 +13,0 @@ }

dist/internals.d.ts

@@ -17,3 +17,3 @@ /// <reference types="react" />
     getBrowserExecutable: () => string | null;
-    getCompositionName: () => string;
+    getCompositionName: () => string | null;
     getIsEvaluation: () => boolean;
@@ -50,4 +50,5 @@ getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le";
     isAudioCodec: (codec: import("./config/codec").CodecOrUndefined) => boolean;
+    INPUT_PROPS_KEY: string;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, WebpackOverrideFn, TAsset, RenderAssetInfo, TimelineContextValue, };
 //# sourceMappingURL=internals.d.ts.map

dist/internals.js

@@ -32,2 +32,3 @@ "use strict";
 const image_sequence_1 = require("./config/image-sequence");
+const input_props_1 = require("./config/input-props");
 const override_webpack_1 = require("./config/override-webpack");
@@ -86,3 +87,4 @@ const overwrite_1 = require("./config/overwrite");
     isAudioCodec: is_audio_codec_1.isAudioCodec,
+    INPUT_PROPS_KEY: input_props_1.INPUT_PROPS_KEY,
 };
 //# sourceMappingURL=internals.js.map

dist/register-root.d.ts

@@ -7,4 +7,4 @@ import React from 'react';
 export declare const removeStaticComposition: (id: string) => void;
-export declare const getCompositionName: () => string;
+export declare const getCompositionName: () => string | null;
 export declare const getIsEvaluation: () => boolean;
 //# sourceMappingURL=register-root.d.ts.map

dist/register-root.js

@@ -34,3 +34,3 @@ "use strict";
     }
-    throw new Error('No comp name specified in URL');
+    return null;
 };
@@ -37,0 +37,0 @@ exports.getCompositionName = getCompositionName;

dist/use-media-in-timeline.js

@@ -29,13 +29,12 @@ "use strict";
     })();
+    const doesVolumeChange = typeof volume === 'function';
     const volumes = react_1.useMemo(() => {
-        var _a;
         if (typeof volume === 'number') {
             return volume;
         }
-        const negativeShift = Math.min(0, (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.parentFrom) !== null && _a !== void 0 ? _a : 0);
-        return new Array(duration + startsAt + negativeShift)
+        return new Array(Math.max(0, duration + startsAt))
             .fill(true)
             .map((_, i) => {
             return volume_prop_1.evaluateVolume({
-                frame: i - negativeShift,
+                frame: i + startsAt,
                 volume,
@@ -45,3 +44,3 @@ });
             .join(',');
-    }, [duration, parentSequence, startsAt, volume]);
+    }, [duration, startsAt, volume]);
     react_1.useEffect(() => {
@@ -68,3 +67,4 @@ var _a;
             nonce,
-            startMediaFrom: startsAt,
+            startMediaFrom: 0 - startsAt,
+            doesVolumeChange,
         });
@@ -83,2 +83,3 @@ return () => unregisterSequence(id);
         volumes,
+        doesVolumeChange,
         nonce,
@@ -85,0 +86,0 @@ mediaRef,

dist/use-media-playback.js

@@ -39,3 +39,3 @@ "use strict";
         const timeShift = Math.abs(shouldBeTime - isTime);
-        if (timeShift > 0.2 && !mediaRef.current.ended) {
+        if (timeShift > 0.45 && !mediaRef.current.ended) {
             console.log('Time has shifted by', timeShift, 'sec. Fixing...');
@@ -42,0 +42,0 @@ // If scrubbing around, adjust timing

dist/video/Video.js

@@ -16,3 +16,3 @@ "use strict";
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ from: 0 - startAtFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo }, { children: jsx_runtime_1.jsx(exports.Video, Object.assign({}, otherProps), void 0) }), void 0));
+        return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ layout: "none", from: 0 - startAtFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo }, { children: jsx_runtime_1.jsx(exports.Video, Object.assign({}, otherProps), void 0) }), void 0));
     }
@@ -19,0 +19,0 @@ validate_media_props_1.validateMediaProps(props, 'Video');

dist/video/VideoForRendering.js

@@ -112,3 +112,3 @@ "use strict";
         }, { once: true });
-    }, [volumePropsFrame, props.src, videoConfig.fps]);
+    }, [volumePropsFrame, props.src, videoConfig.fps, frame]);
     return jsx_runtime_1.jsx("video", Object.assign({ ref: videoRef }, props), void 0);
@@ -115,0 +115,0 @@ };

package.json

 {
 	"name": "remotion",
-	"version": "1.6.0-alpha.140c9d64",
+	"version": "1.6.0-alpha.18fe0ddb",
 	"description": "Render videos in React",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

395802

increased by0.09%

Lines of code

4678

increased by0.17%

No dependency changes