remotion 4.0.82 → 4.0.83

package/dist/cjs/internals.d.ts

@@ -125,5 +125,6 @@ export declare const Internals: {
     readonly isIosSafari: () => boolean;
     readonly WATCH_REMOTION_STATIC_FILES: "remotion_staticFilesChanged";
     readonly addSequenceStackTraces: (component: unknown) => void;
+    readonly useMediaStartsAt: () => number;
 };
 export type { TComposition, TimelinePosition as Timeline, TCompMetadata, TSequence, TRenderAsset as TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Internals = void 0;
 const shared_audio_tags_js_1 = require("./audio/shared-audio-tags.js");
+const use_audio_frame_js_1 = require("./audio/use-audio-frame.js");
 const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const Composition_js_1 = require("./Composition.js");
 const CompositionManager_js_1 = require("./CompositionManager.js");
@@ -117,4 +118,5 @@ exports.Internals = {
     isIosSafari: video_fragment_js_1.isIosSafari,
     WATCH_REMOTION_STATIC_FILES: watch_static_file_js_1.WATCH_REMOTION_STATIC_FILES,
     addSequenceStackTraces: enable_sequence_stack_traces_js_1.addSequenceStackTraces,
+    useMediaStartsAt: use_audio_frame_js_1.useMediaStartsAt,
 };

package/dist/cjs/no-react.d.ts

@@ -29,4 +29,14 @@ export declare const NoReactInternals: {
     bundleMapName: string;
     deserializeJSONWithCustomFields: (data: string) => Record<string, unknown>;
     DELAY_RENDER_CALLSTACK_TOKEN: string;
+    getOffthreadVideoSource: ({ src, transparent, currentTime, }: {
+        src: string;
+        transparent: boolean;
+        currentTime: number;
+    }) => string;
+    getExpectedMediaFrameUncorrected: ({ frame, playbackRate, startFrom, }: {
+        frame: number;
+        playbackRate: number;
+        startFrom: number;
+    }) => number;
 };

package/dist/cjs/no-react.js

@@ -14,6 +14,8 @@ const validate_default_props_1 = require("./validation/validate-default-props");
 const validate_dimensions_1 = require("./validation/validate-dimensions");
 const validate_duration_in_frames_1 = require("./validation/validate-duration-in-frames");
 const validate_fps_1 = require("./validation/validate-fps");
+const get_current_time_1 = require("./video/get-current-time");
+const offthread_video_source_1 = require("./video/offthread-video-source");
 exports.NoReactInternals = {
     processColor: interpolate_colors_1.processColor,
     truthy: truthy_1.truthy,
@@ -27,4 +29,6 @@ exports.NoReactInternals = {
     bundleMapName: 'bundle.js.map',
     deserializeJSONWithCustomFields: input_props_serialization_1.deserializeJSONWithCustomFields,
     DELAY_RENDER_CALLSTACK_TOKEN: delay_render_1.DELAY_RENDER_CALLSTACK_TOKEN,
+    getOffthreadVideoSource: offthread_video_source_1.getOffthreadVideoSource,
+    getExpectedMediaFrameUncorrected: get_current_time_1.getExpectedMediaFrameUncorrected,
 };

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.82";
+export declare const VERSION = "4.0.83";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.82';
+exports.VERSION = '4.0.83';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -17,6 +17,7 @@ const use_current_frame_js_1 = require("../use-current-frame.js");
 const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const get_current_time_js_1 = require("./get-current-time.js");
+const offthread_video_source_js_1 = require("./offthread-video-source.js");
 const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneFrequency, name, ...props }) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
@@ -91,7 +92,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         }) / videoConfig.fps);
     }, [frame, mediaStartsAt, playbackRate, videoConfig.fps]);
     const actualSrc = (0, react_1.useMemo)(() => {
-        return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent((0, absolute_src_js_1.getAbsoluteSrc)(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+        return (0, offthread_video_source_js_1.getOffthreadVideoSource)({ src, currentTime, transparent });
     }, [currentTime, src, transparent]);
     const onErr = (0, react_1.useCallback)((e) => {
         if (onError) {

package/dist/cjs/video/VideoForDevelopment.js

@@ -137,9 +137,10 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         }
     }, []);
     const actualStyle = (0, react_1.useMemo)(() => {
+        var _a;
         return {
             ...style,
-            opacity: isSequenceHidden ? 0 : 1,
+            opacity: isSequenceHidden ? 0 : (_a = style === null || style === void 0 ? void 0 : style.opacity) !== null && _a !== void 0 ? _a : 1,
         };
     }, [isSequenceHidden, style]);
     return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, src: actualSrc, loop: _remotionInternalNativeLoopPassed, style: actualStyle, ...nativeProps }));

package/dist/cjs/video/offthread-video-source.d.ts

@@ -0,0 +1,5 @@
+export declare const getOffthreadVideoSource: ({ src, transparent, currentTime, }: {
+    src: string;
+    transparent: boolean;
+    currentTime: number;
+}) => string;

package/dist/cjs/video/offthread-video-source.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOffthreadVideoSource = void 0;
+const absolute_src_1 = require("../absolute-src");
+const getOffthreadVideoSource = ({ src, transparent, currentTime, }) => {
+    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent((0, absolute_src_1.getAbsoluteSrc)(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+};
+exports.getOffthreadVideoSource = getOffthreadVideoSource;

package/dist/esm/index.mjs

@@ -132,7 +132,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.82';
+const VERSION = '4.0.83';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -3701,6 +3701,7 @@ const Internals = {
     isIosSafari,
     WATCH_REMOTION_STATIC_FILES,
     addSequenceStackTraces,
+    useMediaStartsAt,
 };
 
 /**
@@ -4117,6 +4118,10 @@ const validateFrame = ({ allowFloats, durationInFrames, frame, }) => {
     }
 };
 
+const getOffthreadVideoSource = ({ src, transparent, currentTime, }) => {
+    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+};
+
 const flattenChildren = (children) => {
     const childrenArray = React.Children.toArray(children);
     return childrenArray.reduce((flatChildren, child) => {
@@ -4544,7 +4549,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         }) / videoConfig.fps);
     }, [frame, mediaStartsAt, playbackRate, videoConfig.fps]);
     const actualSrc = useMemo(() => {
-        return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+        return getOffthreadVideoSource({ src, currentTime, transparent });
     }, [currentTime, src, transparent]);
     const onErr = useCallback((e) => {
         if (onError) {
@@ -4685,9 +4690,10 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         }
     }, []);
     const actualStyle = useMemo(() => {
+        var _a;
         return {
             ...style,
-            opacity: isSequenceHidden ? 0 : 1,
+            opacity: isSequenceHidden ? 0 : (_a = style === null || style === void 0 ? void 0 : style.opacity) !== null && _a !== void 0 ? _a : 1,
         };
     }, [isSequenceHidden, style]);
     return (jsx("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, src: actualSrc, loop: _remotionInternalNativeLoopPassed, style: actualStyle, ...nativeProps }));

package/dist/esm/no-react.mjs

@@ -731,6 +731,22 @@ function validateFps(fps, location, isGif) {
     }
 }
 
+// Calculate the `.currentTime` of a video or audio element
+const getExpectedMediaFrameUncorrected = ({ frame, playbackRate, startFrom, }) => {
+    return interpolate(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
+};
+
+const getAbsoluteSrc = (relativeSrc) => {
+    if (typeof window === 'undefined') {
+        return relativeSrc;
+    }
+    return new URL(relativeSrc, window.location.origin).href;
+};
+
+const getOffthreadVideoSource = ({ src, transparent, currentTime, }) => {
+    return `http://localhost:${window.remotion_proxyPort}/proxy?src=${encodeURIComponent(getAbsoluteSrc(src))}&time=${encodeURIComponent(currentTime)}&transparent=${String(transparent)}`;
+};
+
 const NoReactInternals = {
     processColor,
     truthy,
@@ -744,6 +760,8 @@ const NoReactInternals = {
     bundleMapName: 'bundle.js.map',
     deserializeJSONWithCustomFields,
     DELAY_RENDER_CALLSTACK_TOKEN,
+    getOffthreadVideoSource,
+    getExpectedMediaFrameUncorrected,
 };
 
 export { NoReactInternals, interpolate, random };

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.82';
+const VERSION = '4.0.83';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.82",
+  "version": "4.0.83",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -83,7 +83,7 @@
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
     "test": "vitest --run",
-    "build": "tsc -d && rollup --config rollup-version.config.js && rollup --config rollup-no-react.config.js && rollup --config rollup.config.js",
+    "build": "tsc -d && rollup --failAfterWarnings --config rollup-version.config.js && rollup --failAfterWarnings --config rollup-no-react.config.js && rollup --failAfterWarnings --config rollup.config.js",
     "watch": "tsc -w"
   }
 }