remotion 4.0.277 → 4.0.279

package/dist/cjs/CompositionManager.d.ts

@@ -64,7 +64,6 @@ export type AudioOrVideoAsset = {
     volume: number;
     mediaFrame: number;
     playbackRate: number;
-    allowAmplificationDuringRender: boolean;
     toneFrequency: number | null;
     audioStartFrame: number;
 };

package/dist/cjs/audio/AudioForPreview.js

@@ -5,8 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const SequenceContext_js_1 = require("../SequenceContext.js");
 const SequenceManager_js_1 = require("../SequenceManager.js");
+const log_level_context_js_1 = require("../log-level-context.js");
 const prefetch_js_1 = require("../prefetch.js");
 const random_js_1 = require("../random.js");
+const use_amplification_js_1 = require("../use-amplification.js");
 const use_media_in_timeline_js_1 = require("../use-media-in-timeline.js");
 const use_media_playback_js_1 = require("../use-media-playback.js");
 const use_sync_volume_with_media_tag_js_1 = require("../use-sync-volume-with-media-tag.js");
@@ -20,6 +22,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     if (props.shouldPreMountAudioTags !== initialShouldPreMountAudioElements) {
         throw new Error('Cannot change the behavior for pre-mounting audio tags dynamically.');
     }
+    const logLevel = (0, log_level_context_js_1.useLogLevel)();
     const { volume, muted, playbackRate, shouldPreMountAudioTags, src, onDuration, acceptableTimeShiftInSeconds, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, _remotionInternalStack, allowAmplificationDuringRender, name, pauseWhenBuffering, showInTimeline, loopVolumeCurveBehavior, stack, ...nativeProps } = props;
     const [mediaVolume] = (0, volume_position_state_js_1.useMediaVolumeState)();
     const [mediaMuted] = (0, volume_position_state_js_1.useMediaMutedState)();
@@ -36,7 +39,6 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         frame: volumePropFrame,
         volume,
         mediaVolume,
-        allowAmplificationDuringRender: false,
     });
     const propsToPass = (0, react_1.useMemo)(() => {
         return {
@@ -86,16 +88,22 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         onAutoPlayError: null,
         isPremounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting),
     });
+    (0, use_amplification_js_1.useAmplification)({
+        logLevel,
+        mediaRef: audioRef,
+        volume: userPreferredVolume,
+    });
     (0, use_media_playback_js_1.useMediaPlayback)({
         mediaRef: audioRef,
         src,
         mediaType: 'audio',
         playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
         onlyWarnForMediaSeekingError: false,
-        acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : use_media_playback_js_1.DEFAULT_ACCEPTABLE_TIMESHIFT,
+        acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : null,
         isPremounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting),
         pauseWhenBuffering,
         onAutoPlayError: null,
+        userPreferredVolume,
     });
     (0, react_1.useImperativeHandle)(ref, () => {
         return audioRef.current;

package/dist/cjs/audio/AudioForRendering.js

@@ -35,7 +35,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         volume: volumeProp,
         frame: volumePropFrame,
         mediaVolume: 1,
-        allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     (0, react_1.useImperativeHandle)(ref, () => {
         return audioRef.current;
@@ -62,7 +61,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             volume,
             mediaFrame: frame,
             playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
-            allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
             audioStartFrame: Math.max(0, -((_b = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _b !== void 0 ? _b : 0)),
         });
@@ -79,7 +77,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         frame,
         playbackRate,
         props.playbackRate,
-        allowAmplificationDuringRender,
         toneFrequency,
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);

package/dist/cjs/audio/props.d.ts

@@ -9,6 +9,9 @@ export type RemotionAudioProps = Omit<React.DetailedHTMLProps<React.AudioHTMLAtt
     volume?: VolumeProp;
     playbackRate?: number;
     acceptableTimeShiftInSeconds?: number;
+    /**
+     * @deprecated Amplification is now always enabled. To prevent amplification, set `volume` to a value less than 1.
+     */
     allowAmplificationDuringRender?: boolean;
     _remotionInternalNeedsDurationCalculation?: boolean;
     _remotionInternalNativeLoopPassed?: boolean;

package/dist/cjs/use-amplification.d.ts

@@ -0,0 +1,14 @@
+import { type RefObject } from 'react';
+import type { LogLevel } from './log';
+type AudioItems = {
+    gainNode: GainNode;
+    source: MediaElementAudioSourceNode;
+    audioContext: AudioContext;
+};
+export declare const getShouldAmplify: (volume: number) => boolean;
+export declare const useAmplification: ({ mediaRef, volume, logLevel, }: {
+    mediaRef: RefObject<HTMLAudioElement | HTMLVideoElement | null>;
+    volume: number;
+    logLevel: LogLevel;
+}) => RefObject<AudioItems | null>;
+export {};

package/dist/cjs/use-amplification.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAmplification = exports.getShouldAmplify = void 0;
+const react_1 = require("react");
+const log_1 = require("./log");
+let warned = false;
+const warnOnce = (logLevel) => {
+    if (warned) {
+        return;
+    }
+    warned = true;
+    log_1.Log.warn(logLevel, 'AudioContext is not supported in this browser');
+};
+const getShouldAmplify = (volume) => {
+    return volume > 1;
+};
+exports.getShouldAmplify = getShouldAmplify;
+const useAmplification = ({ mediaRef, volume, logLevel, }) => {
+    var _a;
+    const shouldAmplify = (0, exports.getShouldAmplify)(volume);
+    const audioStuffRef = (0, react_1.useRef)(null);
+    const currentVolumeRef = (0, react_1.useRef)(volume);
+    currentVolumeRef.current = volume;
+    (0, react_1.useLayoutEffect)(() => {
+        var _a;
+        if (!shouldAmplify) {
+            return;
+        }
+        if (!AudioContext) {
+            warnOnce(logLevel);
+            return;
+        }
+        if (!mediaRef.current) {
+            return;
+        }
+        if (audioStuffRef.current) {
+            return;
+        }
+        const audioContext = new AudioContext({
+            latencyHint: 'interactive',
+        });
+        const source = new MediaElementAudioSourceNode(audioContext, {
+            mediaElement: mediaRef.current,
+        });
+        const gainNode = new GainNode(audioContext, {
+            gain: Math.max(currentVolumeRef.current, 1),
+        });
+        audioStuffRef.current = {
+            gainNode,
+            source,
+            audioContext,
+        };
+        source.connect(gainNode);
+        gainNode.connect(audioContext.destination);
+        log_1.Log.trace(logLevel, `Starting to amplify ${(_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.src}. Gain = ${currentVolumeRef.current}`);
+    }, [logLevel, mediaRef, shouldAmplify]);
+    if (audioStuffRef.current) {
+        const valueToSet = Math.max(volume, 1);
+        if (audioStuffRef.current.gainNode.gain.value !== valueToSet) {
+            audioStuffRef.current.gainNode.gain.value = valueToSet;
+            log_1.Log.trace(logLevel, `Setting gain to ${valueToSet} for ${(_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.src}`);
+        }
+    }
+    return audioStuffRef;
+};
+exports.useAmplification = useAmplification;

package/dist/cjs/use-media-in-timeline.js

@@ -51,7 +51,6 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, pla
                 frame: i + startsAt,
                 volume,
                 mediaVolume,
-                allowAmplificationDuringRender: false,
             });
         })
             .join(',');

package/dist/cjs/use-media-playback.d.ts

@@ -1,13 +1,13 @@
 import type { RefObject } from 'react';
-export declare const DEFAULT_ACCEPTABLE_TIMESHIFT = 0.45;
-export declare const useMediaPlayback: ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, pauseWhenBuffering, isPremounting, onAutoPlayError, }: {
+export declare const useMediaPlayback: ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, pauseWhenBuffering, isPremounting, onAutoPlayError, userPreferredVolume, }: {
     mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement | null>;
     src: string | undefined;
     mediaType: "audio" | "video";
     playbackRate: number;
     onlyWarnForMediaSeekingError: boolean;
-    acceptableTimeshift: number;
+    acceptableTimeshift: number | null;
     pauseWhenBuffering: boolean;
     isPremounting: boolean;
     onAutoPlayError: null | (() => void);
+    userPreferredVolume: number;
 }) => void;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaPlayback = exports.DEFAULT_ACCEPTABLE_TIMESHIFT = void 0;
+exports.useMediaPlayback = void 0;
 const react_1 = require("react");
 const use_audio_frame_js_1 = require("./audio/use-audio-frame.js");
 const buffer_until_first_frame_js_1 = require("./buffer-until-first-frame.js");
@@ -11,14 +11,14 @@ const play_and_handle_not_allowed_error_js_1 = require("./play-and-handle-not-al
 const playback_logging_js_1 = require("./playback-logging.js");
 const seek_js_1 = require("./seek.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
+const use_amplification_js_1 = require("./use-amplification.js");
 const use_current_frame_js_1 = require("./use-current-frame.js");
 const use_media_buffering_js_1 = require("./use-media-buffering.js");
 const use_request_video_callback_time_js_1 = require("./use-request-video-callback-time.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 const get_current_time_js_1 = require("./video/get-current-time.js");
 const warn_about_non_seekable_media_js_1 = require("./warn-about-non-seekable-media.js");
-exports.DEFAULT_ACCEPTABLE_TIMESHIFT = 0.45;
-const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, pauseWhenBuffering, isPremounting, onAutoPlayError, }) => {
+const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, pauseWhenBuffering, isPremounting, onAutoPlayError, userPreferredVolume, }) => {
     const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_js_1.TimelineContext);
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
@@ -69,13 +69,20 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         mountTime,
     });
     const playbackRate = localPlaybackRate * globalPlaybackRate;
-    // For short audio, a lower acceptable time shift is used
     const acceptableTimeShiftButLessThanDuration = (() => {
         var _a;
+        // In Safari, it seems to lag behind mostly around ~0.4 seconds
+        const DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_NORMAL_PLAYBACK = 0.45;
+        // If there is amplification, the acceptable timeshift is higher
+        const DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_AMPLIFICATION = DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_NORMAL_PLAYBACK + 0.2;
+        const defaultAcceptableTimeshift = (0, use_amplification_js_1.getShouldAmplify)(userPreferredVolume)
+            ? DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_AMPLIFICATION
+            : DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_NORMAL_PLAYBACK;
+        // For short audio, a lower acceptable time shift is used
         if ((_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.duration) {
-            return Math.min(mediaRef.current.duration, acceptableTimeshift !== null && acceptableTimeshift !== void 0 ? acceptableTimeshift : exports.DEFAULT_ACCEPTABLE_TIMESHIFT);
+            return Math.min(mediaRef.current.duration, acceptableTimeshift !== null && acceptableTimeshift !== void 0 ? acceptableTimeshift : defaultAcceptableTimeshift);
         }
-        return acceptableTimeshift;
+        return acceptableTimeshift !== null && acceptableTimeshift !== void 0 ? acceptableTimeshift : defaultAcceptableTimeshift;
     })();
     const isPlayerBuffering = (0, buffering_js_1.useIsPlayerBuffering)(buffering);
     (0, react_1.useEffect)(() => {
@@ -171,7 +178,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
             }
             return;
         }
-        const seekThreshold = playing ? 0.15 : 0.00001;
+        const seekThreshold = playing ? 0.15 : 0.01;
         // Only perform a seek if the time is not already the same.
         // Chrome rounds to 6 digits, so 0.033333333 -> 0.033333,
         // therefore a threshold is allowed.

package/dist/cjs/use-sync-volume-with-media-tag.js

@@ -13,10 +13,9 @@ const useSyncVolumeWithMediaTag = ({ volumePropFrame, volume, mediaVolume, media
             frame: volumePropFrame,
             volume,
             mediaVolume,
-            allowAmplificationDuringRender: false,
         });
         if (!(0, is_approximately_the_same_js_1.isApproximatelyTheSame)(userPreferredVolume, mediaRef.current.volume)) {
-            mediaRef.current.volume = userPreferredVolume;
+            mediaRef.current.volume = Math.min(userPreferredVolume, 1);
         }
     }, [mediaRef, mediaVolume, volume, volumePropFrame]);
     (0, react_1.useEffect)(() => {

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

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.277';
+exports.VERSION = '4.0.279';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -48,7 +48,6 @@ crossOrigin, ...props }) => {
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1,
-        allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     (0, react_1.useEffect)(() => {
         var _a;
@@ -72,7 +71,6 @@ crossOrigin, ...props }) => {
             volume,
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
-            allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
             audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0)),
         });
@@ -87,7 +85,6 @@ crossOrigin, ...props }) => {
         frame,
         absoluteFrame,
         playbackRate,
-        allowAmplificationDuringRender,
         toneFrequency,
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);

package/dist/cjs/video/VideoForPreview.js

@@ -9,11 +9,13 @@ const use_audio_frame_js_1 = require("../audio/use-audio-frame.js");
 const log_level_context_js_1 = require("../log-level-context.js");
 const playback_logging_js_1 = require("../playback-logging.js");
 const prefetch_js_1 = require("../prefetch.js");
+const use_amplification_js_1 = require("../use-amplification.js");
 const use_media_in_timeline_js_1 = require("../use-media-in-timeline.js");
 const use_media_playback_js_1 = require("../use-media-playback.js");
 const use_sync_volume_with_media_tag_js_1 = require("../use-sync-volume-with-media-tag.js");
 const use_video_config_js_1 = require("../use-video-config.js");
 const volume_position_state_js_1 = require("../volume-position-state.js");
+const volume_prop_js_1 = require("../volume-prop.js");
 const emit_video_frame_js_1 = require("./emit-video-frame.js");
 const video_fragment_js_1 = require("./video-fragment.js");
 const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
@@ -35,6 +37,11 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     }
     const [mediaVolume] = (0, volume_position_state_js_1.useMediaVolumeState)();
     const [mediaMuted] = (0, volume_position_state_js_1.useMediaMutedState)();
+    const userPreferredVolume = (0, volume_prop_js_1.evaluateVolume)({
+        frame: volumePropFrame,
+        volume,
+        mediaVolume,
+    });
     (0, use_media_in_timeline_js_1.useMediaInTimeline)({
         mediaRef: videoRef,
         volume,
@@ -56,16 +63,22 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         mediaVolume,
         mediaRef: videoRef,
     });
+    (0, use_amplification_js_1.useAmplification)({
+        logLevel,
+        mediaRef: videoRef,
+        volume: userPreferredVolume,
+    });
     (0, use_media_playback_js_1.useMediaPlayback)({
         mediaRef: videoRef,
         src,
         mediaType: 'video',
         playbackRate: (_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1,
         onlyWarnForMediaSeekingError,
-        acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : use_media_playback_js_1.DEFAULT_ACCEPTABLE_TIMESHIFT,
+        acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : null,
         isPremounting: Boolean(parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting),
         pauseWhenBuffering,
         onAutoPlayError: onAutoPlayError !== null && onAutoPlayError !== void 0 ? onAutoPlayError : null,
+        userPreferredVolume,
     });
     const actualFrom = parentSequence ? parentSequence.relativeFrom : 0;
     const duration = parentSequence
@@ -166,6 +179,6 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         };
     }, [isSequenceHidden, style]);
     const crossOriginValue = crossOrigin !== null && crossOrigin !== void 0 ? crossOrigin : (onVideoFrame ? 'anonymous' : undefined);
-    return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, src: actualSrc, loop: _remotionInternalNativeLoopPassed, style: actualStyle, disableRemotePlayback: true, crossOrigin: crossOriginValue, ...nativeProps }));
+    return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted || isSequenceHidden || userPreferredVolume <= 0, playsInline: true, src: actualSrc, loop: _remotionInternalNativeLoopPassed, style: actualStyle, disableRemotePlayback: true, crossOrigin: crossOriginValue, ...nativeProps }));
 };
 exports.VideoForPreview = (0, react_1.forwardRef)(VideoForDevelopmentRefForwardingFunction);

package/dist/cjs/video/VideoForRendering.js

@@ -48,7 +48,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1,
-        allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     (0, react_1.useEffect)(() => {
         var _a;
@@ -72,7 +71,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             volume,
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
-            allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
             audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0)),
         });
@@ -87,7 +85,6 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         frame,
         absoluteFrame,
         playbackRate,
-        allowAmplificationDuringRender,
         toneFrequency,
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);

package/dist/cjs/volume-prop.d.ts

@@ -1,7 +1,6 @@
 export type VolumeProp = number | ((frame: number) => number);
-export declare const evaluateVolume: ({ frame, volume, mediaVolume, allowAmplificationDuringRender, }: {
+export declare const evaluateVolume: ({ frame, volume, mediaVolume, }: {
     frame: number;
     volume: VolumeProp | undefined;
     mediaVolume: number;
-    allowAmplificationDuringRender: boolean;
 }) => number;

package/dist/cjs/volume-prop.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.evaluateVolume = void 0;
-const evaluateVolume = ({ frame, volume, mediaVolume = 1, allowAmplificationDuringRender, }) => {
-    const maxVolume = allowAmplificationDuringRender ? Infinity : 1;
+const evaluateVolume = ({ frame, volume, mediaVolume = 1, }) => {
     if (typeof volume === 'number') {
-        return Math.min(maxVolume, volume * mediaVolume);
+        return volume * mediaVolume;
     }
     if (typeof volume === 'undefined') {
         return Number(mediaVolume);
@@ -19,6 +18,6 @@ const evaluateVolume = ({ frame, volume, mediaVolume = 1, allowAmplificationDuri
     if (!Number.isFinite(evaluated)) {
         throw new TypeError(`You passed in a function to the volume prop but it returned a non-finite number for frame ${frame}.`);
     }
-    return Math.max(0, Math.min(maxVolume, evaluated));
+    return Math.max(0, evaluated);
 };
 exports.evaluateVolume = evaluateVolume;

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.277";
+var VERSION = "4.0.279";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2449,10 +2449,32 @@ import {
   useEffect as useEffect14,
   useImperativeHandle as useImperativeHandle5,
   useMemo as useMemo19,
-  useRef as useRef10,
+  useRef as useRef11,
   useState as useState13
 } from "react";
 
+// src/log-level-context.tsx
+import { createContext as createContext14 } from "react";
+import * as React12 from "react";
+var LogLevelContext = createContext14({
+  logLevel: "info",
+  mountTime: 0
+});
+var useLogLevel = () => {
+  const { logLevel } = React12.useContext(LogLevelContext);
+  if (logLevel === null) {
+    throw new Error("useLogLevel must be used within a LogLevelProvider");
+  }
+  return logLevel;
+};
+var useMountTime = () => {
+  const { mountTime } = React12.useContext(LogLevelContext);
+  if (mountTime === null) {
+    throw new Error("useMountTime must be used within a LogLevelProvider");
+  }
+  return mountTime;
+};
+
 // src/random.ts
 function mulberry32(a) {
   let t = a + 1831565813;
@@ -2487,13 +2509,77 @@ var random = (seed, dummy) => {
   throw new Error("random() argument must be a number or a string");
 };
 
+// src/use-amplification.ts
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef4 } from "react";
+var warned = false;
+var warnOnce = (logLevel) => {
+  if (warned) {
+    return;
+  }
+  warned = true;
+  Log.warn(logLevel, "AudioContext is not supported in this browser");
+};
+var getShouldAmplify = (volume) => {
+  return volume > 1;
+};
+var useAmplification = ({
+  mediaRef,
+  volume,
+  logLevel
+}) => {
+  const shouldAmplify = getShouldAmplify(volume);
+  const audioStuffRef = useRef4(null);
+  const currentVolumeRef = useRef4(volume);
+  currentVolumeRef.current = volume;
+  useLayoutEffect3(() => {
+    if (!shouldAmplify) {
+      return;
+    }
+    if (!AudioContext) {
+      warnOnce(logLevel);
+      return;
+    }
+    if (!mediaRef.current) {
+      return;
+    }
+    if (audioStuffRef.current) {
+      return;
+    }
+    const audioContext = new AudioContext({
+      latencyHint: "interactive"
+    });
+    const source = new MediaElementAudioSourceNode(audioContext, {
+      mediaElement: mediaRef.current
+    });
+    const gainNode = new GainNode(audioContext, {
+      gain: Math.max(currentVolumeRef.current, 1)
+    });
+    audioStuffRef.current = {
+      gainNode,
+      source,
+      audioContext
+    };
+    source.connect(gainNode);
+    gainNode.connect(audioContext.destination);
+    Log.trace(logLevel, `Starting to amplify ${mediaRef.current?.src}. Gain = ${currentVolumeRef.current}`);
+  }, [logLevel, mediaRef, shouldAmplify]);
+  if (audioStuffRef.current) {
+    const valueToSet = Math.max(volume, 1);
+    if (audioStuffRef.current.gainNode.gain.value !== valueToSet) {
+      audioStuffRef.current.gainNode.gain.value = valueToSet;
+      Log.trace(logLevel, `Setting gain to ${valueToSet} for ${mediaRef.current?.src}`);
+    }
+  }
+  return audioStuffRef;
+};
+
 // src/use-media-in-timeline.ts
 import { useContext as useContext15, useEffect as useEffect7, useMemo as useMemo13, useState as useState9 } from "react";
 
 // src/audio/use-audio-frame.ts
-import { useContext as useContext13 } from "react";
+import { useContext as useContext14 } from "react";
 var useMediaStartsAt = () => {
-  const parentSequence = useContext13(SequenceContext);
+  const parentSequence = useContext14(SequenceContext);
   const startsAt = Math.min(0, parentSequence?.relativeFrom ?? 0);
   return startsAt;
 };
@@ -2516,28 +2602,6 @@ var getAssetDisplayName = (filename) => {
   return splitted[splitted.length - 1];
 };
 
-// src/log-level-context.tsx
-import { createContext as createContext14 } from "react";
-import * as React12 from "react";
-var LogLevelContext = createContext14({
-  logLevel: "info",
-  mountTime: 0
-});
-var useLogLevel = () => {
-  const { logLevel } = React12.useContext(LogLevelContext);
-  if (logLevel === null) {
-    throw new Error("useLogLevel must be used within a LogLevelProvider");
-  }
-  return logLevel;
-};
-var useMountTime = () => {
-  const { mountTime } = React12.useContext(LogLevelContext);
-  if (mountTime === null) {
-    throw new Error("useMountTime must be used within a LogLevelProvider");
-  }
-  return mountTime;
-};
-
 // src/play-and-handle-not-allowed-error.ts
 var playAndHandleNotAllowedError = ({
   mediaRef,
@@ -2603,12 +2667,10 @@ var playAndHandleNotAllowedError = ({
 var evaluateVolume = ({
   frame,
   volume,
-  mediaVolume = 1,
-  allowAmplificationDuringRender
+  mediaVolume = 1
 }) => {
-  const maxVolume = allowAmplificationDuringRender ? Infinity : 1;
   if (typeof volume === "number") {
-    return Math.min(maxVolume, volume * mediaVolume);
+    return volume * mediaVolume;
   }
   if (typeof volume === "undefined") {
     return Number(mediaVolume);
@@ -2623,12 +2685,12 @@ var evaluateVolume = ({
   if (!Number.isFinite(evaluated)) {
     throw new TypeError(`You passed in a function to the volume prop but it returned a non-finite number for frame ${frame}.`);
   }
-  return Math.max(0, Math.min(maxVolume, evaluated));
+  return Math.max(0, evaluated);
 };
 
 // src/use-media-in-timeline.ts
 var didWarn = {};
-var warnOnce = (message) => {
+var warnOnce2 = (message) => {
   if (didWarn[message]) {
     return;
   }
@@ -2671,14 +2733,13 @@ var useMediaInTimeline = ({
       return evaluateVolume({
         frame: i + startsAt,
         volume,
-        mediaVolume,
-        allowAmplificationDuringRender: false
+        mediaVolume
       });
     }).join(",");
   }, [duration, startsAt, volume, mediaVolume]);
   useEffect7(() => {
     if (typeof volume === "number" && volume !== initialVolume) {
-      warnOnce(`Remotion: The ${mediaType} with src ${src} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/using-audio/#controlling-volume`);
+      warnOnce2(`Remotion: The ${mediaType} with src ${src} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/using-audio/#controlling-volume`);
     }
   }, [initialVolume, mediaType, src, volume]);
   useEffect7(() => {
@@ -2776,10 +2837,10 @@ var useMediaInTimeline = ({
 };
 
 // src/use-media-playback.ts
-import { useCallback as useCallback8, useContext as useContext18, useEffect as useEffect11, useRef as useRef8 } from "react";
+import { useCallback as useCallback8, useContext as useContext18, useEffect as useEffect11, useRef as useRef9 } from "react";
 
 // src/buffer-until-first-frame.ts
-import { useCallback as useCallback7, useMemo as useMemo16, useRef as useRef5 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo16, useRef as useRef6 } from "react";
 
 // src/use-buffer-state.ts
 import { useContext as useContext17, useMemo as useMemo15 } from "react";
@@ -2790,7 +2851,7 @@ import React13, {
   useContext as useContext16,
   useEffect as useEffect8,
   useMemo as useMemo14,
-  useRef as useRef4,
+  useRef as useRef5,
   useState as useState10
 } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
@@ -2798,7 +2859,7 @@ var useBufferManager = (logLevel, mountTime) => {
   const [blocks, setBlocks] = useState10([]);
   const [onBufferingCallbacks, setOnBufferingCallbacks] = useState10([]);
   const [onResumeCallbacks, setOnResumeCallbacks] = useState10([]);
-  const buffering = useRef4(false);
+  const buffering = useRef5(false);
   const addBlock = useCallback6((block) => {
     setBlocks((b) => [...b, block]);
     return {
@@ -2917,7 +2978,7 @@ var useBufferUntilFirstFrame = ({
   logLevel,
   mountTime
 }) => {
-  const bufferingRef = useRef5(false);
+  const bufferingRef = useRef6(false);
   const { delayPlayback } = useBufferState();
   const bufferUntilFirstFrame = useCallback7((requestedTime) => {
     if (mediaType !== "video") {
@@ -2993,7 +3054,7 @@ var useBufferUntilFirstFrame = ({
 };
 
 // src/video/video-fragment.ts
-import { useRef as useRef6 } from "react";
+import { useRef as useRef7 } from "react";
 var toSeconds = (time, fps) => {
   return Math.round(time / fps * 100) / 100;
 };
@@ -3070,9 +3131,9 @@ var useAppendVideoFragment = ({
   duration: initialDuration,
   fps
 }) => {
-  const actualFromRef = useRef6(initialActualFrom);
-  const actualDuration = useRef6(initialDuration);
-  const actualSrc = useRef6(initialActualSrc);
+  const actualFromRef = useRef7(initialActualFrom);
+  const actualDuration = useRef7(initialDuration);
+  const actualSrc = useRef7(initialActualSrc);
   if (!isSubsetOfDuration({
     prevStartFrom: actualFromRef.current,
     newStartFrom: initialActualFrom,
@@ -3238,14 +3299,14 @@ var useMediaBuffering = ({
 };
 
 // src/use-request-video-callback-time.ts
-import { useEffect as useEffect10, useRef as useRef7 } from "react";
+import { useEffect as useEffect10, useRef as useRef8 } from "react";
 var useRequestVideoCallbackTime = ({
   mediaRef,
   mediaType,
   lastSeek,
   onVariableFpsVideoDetected
 }) => {
-  const currentTime = useRef7(null);
+  const currentTime = useRef8(null);
   useEffect10(() => {
     const { current } = mediaRef;
     if (current) {
@@ -3458,7 +3519,6 @@ var warnAboutNonSeekableMedia = (ref, type) => {
 };
 
 // src/use-media-playback.ts
-var DEFAULT_ACCEPTABLE_TIMESHIFT = 0.45;
 var useMediaPlayback = ({
   mediaRef,
   src,
@@ -3468,7 +3528,8 @@ var useMediaPlayback = ({
   acceptableTimeshift,
   pauseWhenBuffering,
   isPremounting,
-  onAutoPlayError
+  onAutoPlayError,
+  userPreferredVolume
 }) => {
   const { playbackRate: globalPlaybackRate } = useContext18(TimelineContext);
   const frame = useCurrentFrame();
@@ -3477,14 +3538,14 @@ var useMediaPlayback = ({
   const buffering = useContext18(BufferingContextReact);
   const { fps } = useVideoConfig();
   const mediaStartsAt = useMediaStartsAt();
-  const lastSeekDueToShift = useRef8(null);
-  const lastSeek = useRef8(null);
+  const lastSeekDueToShift = useRef9(null);
+  const lastSeek = useRef9(null);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   if (!buffering) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
-  const isVariableFpsVideoMap = useRef8({});
+  const isVariableFpsVideoMap = useRef9({});
   const onVariableFpsVideoDetected = useCallback8(() => {
     if (!src) {
       return;
@@ -3521,10 +3582,13 @@ var useMediaPlayback = ({
   });
   const playbackRate = localPlaybackRate * globalPlaybackRate;
   const acceptableTimeShiftButLessThanDuration = (() => {
+    const DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_NORMAL_PLAYBACK = 0.45;
+    const DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_AMPLIFICATION = DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_NORMAL_PLAYBACK + 0.2;
+    const defaultAcceptableTimeshift = getShouldAmplify(userPreferredVolume) ? DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_AMPLIFICATION : DEFAULT_ACCEPTABLE_TIMESHIFT_WITH_NORMAL_PLAYBACK;
     if (mediaRef.current?.duration) {
-      return Math.min(mediaRef.current.duration, acceptableTimeshift ?? DEFAULT_ACCEPTABLE_TIMESHIFT);
+      return Math.min(mediaRef.current.duration, acceptableTimeshift ?? defaultAcceptableTimeshift);
     }
-    return acceptableTimeshift;
+    return acceptableTimeshift ?? defaultAcceptableTimeshift;
   })();
   const isPlayerBuffering = useIsPlayerBuffering(buffering);
   useEffect11(() => {
@@ -3611,7 +3675,7 @@ var useMediaPlayback = ({
       }
       return;
     }
-    const seekThreshold = playing ? 0.15 : 0.00001;
+    const seekThreshold = playing ? 0.15 : 0.01;
     const makesSenseToSeek = Math.abs(mediaRef.current.currentTime - shouldBeTime) > seekThreshold;
     const isMediaTagBufferingOrStalled = isMediaTagBuffering || isBuffering();
     const isSomethingElseBuffering = buffering.buffering.current && !isMediaTagBufferingOrStalled;
@@ -3701,11 +3765,10 @@ var useSyncVolumeWithMediaTag = ({
     const userPreferredVolume = evaluateVolume({
       frame: volumePropFrame,
       volume,
-      mediaVolume,
-      allowAmplificationDuringRender: false
+      mediaVolume
     });
     if (!isApproximatelyTheSame(userPreferredVolume, mediaRef.current.volume)) {
-      mediaRef.current.volume = userPreferredVolume;
+      mediaRef.current.volume = Math.min(userPreferredVolume, 1);
     }
   }, [mediaRef, mediaVolume, volume, volumePropFrame]);
   useEffect12(() => {
@@ -3763,7 +3826,7 @@ import React14, {
   useContext as useContext20,
   useEffect as useEffect13,
   useMemo as useMemo18,
-  useRef as useRef9,
+  useRef as useRef10,
   useState as useState12
 } from "react";
 import { jsx as jsx16, jsxs } from "react/jsx-runtime";
@@ -3795,7 +3858,7 @@ var didPropChange = (key, newProp, prevProp) => {
 };
 var SharedAudioContext = createContext16(null);
 var SharedAudioContextProvider = ({ children, numberOfAudioTags, component }) => {
-  const audios = useRef9([]);
+  const audios = useRef10([]);
   const [initialNumberOfAudioTags] = useState12(numberOfAudioTags);
   if (numberOfAudioTags !== initialNumberOfAudioTags) {
     throw new Error("The number of shared audio tags has changed dynamically. Once you have set this property, you cannot change it afterwards.");
@@ -3805,7 +3868,7 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component }) =>
       return { id: Math.random(), ref: createRef2() };
     });
   }, [numberOfAudioTags]);
-  const takenAudios = useRef9(new Array(numberOfAudioTags).fill(false));
+  const takenAudios = useRef10(new Array(numberOfAudioTags).fill(false));
   const rerenderAudios = useCallback10(() => {
     refs.forEach(({ ref, id }) => {
       const data = audios.current?.find((a) => a.id === id);
@@ -3977,6 +4040,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   if (props.shouldPreMountAudioTags !== initialShouldPreMountAudioElements) {
     throw new Error("Cannot change the behavior for pre-mounting audio tags dynamically.");
   }
+  const logLevel = useLogLevel();
   const {
     volume,
     muted,
@@ -4010,8 +4074,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   const userPreferredVolume = evaluateVolume({
     frame: volumePropFrame,
     volume,
-    mediaVolume,
-    allowAmplificationDuringRender: false
+    mediaVolume
   });
   const propsToPass = useMemo19(() => {
     return {
@@ -4059,21 +4122,27 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     onAutoPlayError: null,
     isPremounting: Boolean(sequenceContext?.premounting)
   });
+  useAmplification({
+    logLevel,
+    mediaRef: audioRef,
+    volume: userPreferredVolume
+  });
   useMediaPlayback({
     mediaRef: audioRef,
     src,
     mediaType: "audio",
     playbackRate: playbackRate ?? 1,
     onlyWarnForMediaSeekingError: false,
-    acceptableTimeshift: acceptableTimeShiftInSeconds ?? DEFAULT_ACCEPTABLE_TIMESHIFT,
+    acceptableTimeshift: acceptableTimeShiftInSeconds ?? null,
     isPremounting: Boolean(sequenceContext?.premounting),
     pauseWhenBuffering,
-    onAutoPlayError: null
+    onAutoPlayError: null,
+    userPreferredVolume
   });
   useImperativeHandle5(ref, () => {
     return audioRef.current;
   }, [audioRef]);
-  const currentOnDurationCallback = useRef10(onDuration);
+  const currentOnDurationCallback = useRef11(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEffect14(() => {
     const { current } = audioRef;
@@ -4109,13 +4178,13 @@ import {
   useContext as useContext22,
   useEffect as useEffect15,
   useImperativeHandle as useImperativeHandle6,
-  useLayoutEffect as useLayoutEffect3,
+  useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo20,
-  useRef as useRef11
+  useRef as useRef12
 } from "react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 var AudioForRenderingRefForwardingFunction = (props, ref) => {
-  const audioRef = useRef11(null);
+  const audioRef = useRef12(null);
   const {
     volume: volumeProp,
     playbackRate,
@@ -4147,8 +4216,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
   const volume = evaluateVolume({
     volume: volumeProp,
     frame: volumePropFrame,
-    mediaVolume: 1,
-    allowAmplificationDuringRender: allowAmplificationDuringRender ?? false
+    mediaVolume: 1
   });
   useImperativeHandle6(ref, () => {
     return audioRef.current;
@@ -4174,7 +4242,6 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
       volume,
       mediaFrame: frame,
       playbackRate: props.playbackRate ?? 1,
-      allowAmplificationDuringRender: allowAmplificationDuringRender ?? false,
       toneFrequency: toneFrequency ?? null,
       audioStartFrame: Math.max(0, -(sequenceContext?.relativeFrom ?? 0))
     });
@@ -4191,13 +4258,12 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
     frame,
     playbackRate,
     props.playbackRate,
-    allowAmplificationDuringRender,
     toneFrequency,
     sequenceContext?.relativeFrom
   ]);
   const { src } = props;
   const needsToRenderAudioTag = ref || _remotionInternalNeedsDurationCalculation;
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     if (window.process?.env?.NODE_ENV === "test") {
       return;
     }
@@ -4905,8 +4971,8 @@ import {
   useCallback as useCallback13,
   useContext as useContext26,
   useImperativeHandle as useImperativeHandle7,
-  useLayoutEffect as useLayoutEffect4,
-  useRef as useRef12
+  useLayoutEffect as useLayoutEffect5,
+  useRef as useRef13
 } from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 function exponentialBackoff(errorCount) {
@@ -4922,8 +4988,8 @@ var ImgRefForwarding = ({
   onImageFrame,
   ...props2
 }, ref) => {
-  const imageRef = useRef12(null);
-  const errors = useRef12({});
+  const imageRef = useRef13(null);
+  const errors = useRef13({});
   const { delayPlayback } = useBufferState();
   const sequenceContext = useContext26(SequenceContext);
   if (!src) {
@@ -4969,7 +5035,7 @@ var ImgRefForwarding = ({
   }, [maxRetries, onError, retryIn]);
   if (typeof window !== "undefined") {
     const isPremounting = Boolean(sequenceContext?.premounting);
-    useLayoutEffect4(() => {
+    useLayoutEffect5(() => {
       if (window.process?.env?.NODE_ENV === "test") {
         if (imageRef.current) {
           imageRef.current.src = actualSrc;
@@ -5048,7 +5114,7 @@ import React22, {
   useCallback as useCallback14,
   useImperativeHandle as useImperativeHandle8,
   useMemo as useMemo23,
-  useRef as useRef13,
+  useRef as useRef14,
   useState as useState15
 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
@@ -5060,7 +5126,7 @@ var CompositionManagerProvider = ({
   currentCompositionMetadata
 }) => {
   const [compositions, setCompositions] = useState15([]);
-  const currentcompositionsRef = useRef13(compositions);
+  const currentcompositionsRef = useRef14(compositions);
   const [folders, setFolders] = useState15([]);
   const [canvasContent, setCanvasContent] = useState15(null);
   const updateCompositions = useCallback14((updateComps) => {
@@ -5256,9 +5322,9 @@ var waitForRoot = (fn) => {
 // src/RemotionRoot.tsx
 import {
   useEffect as useEffect18,
-  useLayoutEffect as useLayoutEffect5,
+  useLayoutEffect as useLayoutEffect6,
   useMemo as useMemo24,
-  useRef as useRef14,
+  useRef as useRef15,
   useState as useState16
 } from "react";
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -5272,12 +5338,12 @@ var RemotionRoot = ({
   const [remotionRootId] = useState16(() => String(random(null)));
   const [frame, setFrame] = useState16(() => getInitialFrameState());
   const [playing, setPlaying] = useState16(false);
-  const imperativePlaying = useRef14(false);
+  const imperativePlaying = useRef15(false);
   const [fastRefreshes, setFastRefreshes] = useState16(0);
   const [playbackRate, setPlaybackRate] = useState16(1);
-  const audioAndVideoTags = useRef14([]);
+  const audioAndVideoTags = useRef15([]);
   if (typeof window !== "undefined") {
-    useLayoutEffect5(() => {
+    useLayoutEffect6(() => {
       window.remotion_setFrame = (f, composition, attempt) => {
         window.remotion_attempt = attempt;
         const id = delayRender(`Setting the current frame to ${f}`);
@@ -6388,7 +6454,7 @@ var problematicCharacters = {
   "%3B": ";"
 };
 var didWarn2 = {};
-var warnOnce2 = (message) => {
+var warnOnce3 = (message) => {
   if (didWarn2[message]) {
     return;
   }
@@ -6447,7 +6513,7 @@ var staticFile = (path) => {
   }
   const includesHex = includesHexOfUnsafeChar(path);
   if (includesHex.containsHex) {
-    warnOnce2(`WARNING: You seem to pass an already encoded path (path contains ${includesHex.hexCode}). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping.`);
+    warnOnce3(`WARNING: You seem to pass an already encoded path (path contains ${includesHex.hexCode}). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping.`);
   }
   const preprocessed = encodeBySplitting(path);
   const preparsed = inner(preprocessed);
@@ -6474,7 +6540,7 @@ import {
   useCallback as useCallback15,
   useContext as useContext27,
   useEffect as useEffect19,
-  useLayoutEffect as useLayoutEffect6,
+  useLayoutEffect as useLayoutEffect7,
   useMemo as useMemo27,
   useState as useState17
 } from "react";
@@ -6519,8 +6585,7 @@ var OffthreadVideoForRendering = ({
   const volume = evaluateVolume({
     volume: volumeProp,
     frame: volumePropsFrame,
-    mediaVolume: 1,
-    allowAmplificationDuringRender: allowAmplificationDuringRender ?? false
+    mediaVolume: 1
   });
   useEffect19(() => {
     if (!src) {
@@ -6543,7 +6608,6 @@ var OffthreadVideoForRendering = ({
       volume,
       mediaFrame: frame,
       playbackRate: playbackRate ?? 1,
-      allowAmplificationDuringRender: allowAmplificationDuringRender ?? false,
       toneFrequency: toneFrequency ?? null,
       audioStartFrame: Math.max(0, -(sequenceContext?.relativeFrom ?? 0))
     });
@@ -6558,7 +6622,6 @@ var OffthreadVideoForRendering = ({
     frame,
     absoluteFrame,
     playbackRate,
-    allowAmplificationDuringRender,
     toneFrequency,
     sequenceContext?.relativeFrom
   ]);
@@ -6578,7 +6641,7 @@ var OffthreadVideoForRendering = ({
     });
   }, [toneMapped, currentTime, src, transparent]);
   const [imageSrc, setImageSrc] = useState17(null);
-  useLayoutEffect6(() => {
+  useLayoutEffect7(() => {
     if (!window.remotion_videoEnabled) {
       return;
     }
@@ -6684,7 +6747,7 @@ import {
   useEffect as useEffect21,
   useImperativeHandle as useImperativeHandle9,
   useMemo as useMemo28,
-  useRef as useRef15,
+  useRef as useRef16,
   useState as useState18
 } from "react";
 
@@ -6720,7 +6783,7 @@ var useEmitVideoFrame = ({
 // src/video/VideoForPreview.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
 var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
-  const videoRef = useRef15(null);
+  const videoRef = useRef16(null);
   const {
     volume,
     muted,
@@ -6757,6 +6820,11 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   }
   const [mediaVolume] = useMediaVolumeState();
   const [mediaMuted] = useMediaMutedState();
+  const userPreferredVolume = evaluateVolume({
+    frame: volumePropFrame,
+    volume,
+    mediaVolume
+  });
   useMediaInTimeline({
     mediaRef: videoRef,
     volume,
@@ -6778,16 +6846,22 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     mediaVolume,
     mediaRef: videoRef
   });
+  useAmplification({
+    logLevel,
+    mediaRef: videoRef,
+    volume: userPreferredVolume
+  });
   useMediaPlayback({
     mediaRef: videoRef,
     src,
     mediaType: "video",
     playbackRate: props2.playbackRate ?? 1,
     onlyWarnForMediaSeekingError,
-    acceptableTimeshift: acceptableTimeShiftInSeconds ?? DEFAULT_ACCEPTABLE_TIMESHIFT,
+    acceptableTimeshift: acceptableTimeShiftInSeconds ?? null,
     isPremounting: Boolean(parentSequence?.premounting),
     pauseWhenBuffering,
-    onAutoPlayError: onAutoPlayError ?? null
+    onAutoPlayError: onAutoPlayError ?? null,
+    userPreferredVolume
   });
   const actualFrom = parentSequence ? parentSequence.relativeFrom : 0;
   const duration = parentSequence ? Math.min(parentSequence.durationInFrames, durationInFrames) : durationInFrames;
@@ -6834,7 +6908,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
       current.removeEventListener("error", errorHandler);
     };
   }, [onError, src]);
-  const currentOnDurationCallback = useRef15(onDuration);
+  const currentOnDurationCallback = useRef16(onDuration);
   currentOnDurationCallback.current = onDuration;
   useEmitVideoFrame({ ref: videoRef, onVideoFrame });
   useEffect21(() => {
@@ -6874,7 +6948,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
   const crossOriginValue = crossOrigin ?? (onVideoFrame ? "anonymous" : undefined);
   return /* @__PURE__ */ jsx31("video", {
     ref: videoRef,
-    muted: muted || mediaMuted,
+    muted: muted || mediaMuted || isSequenceHidden || userPreferredVolume <= 0,
     playsInline: true,
     src: actualSrc,
     loop: _remotionInternalNativeLoopPassed,
@@ -6962,9 +7036,9 @@ import {
   useContext as useContext29,
   useEffect as useEffect22,
   useImperativeHandle as useImperativeHandle10,
-  useLayoutEffect as useLayoutEffect7,
+  useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo29,
-  useRef as useRef16
+  useRef as useRef17
 } from "react";
 
 // src/video/seek-until-right.ts
@@ -7113,7 +7187,7 @@ var VideoForRenderingForwardFunction = ({
   const frame = useCurrentFrame();
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const videoConfig = useUnsafeVideoConfig();
-  const videoRef = useRef16(null);
+  const videoRef = useRef17(null);
   const sequenceContext = useContext29(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
   const environment = getRemotionEnvironment();
@@ -7132,8 +7206,7 @@ var VideoForRenderingForwardFunction = ({
   const volume = evaluateVolume({
     volume: volumeProp,
     frame: volumePropsFrame,
-    mediaVolume: 1,
-    allowAmplificationDuringRender: allowAmplificationDuringRender ?? false
+    mediaVolume: 1
   });
   useEffect22(() => {
     if (!props2.src) {
@@ -7156,7 +7229,6 @@ var VideoForRenderingForwardFunction = ({
       volume,
       mediaFrame: frame,
       playbackRate: playbackRate ?? 1,
-      allowAmplificationDuringRender: allowAmplificationDuringRender ?? false,
       toneFrequency: toneFrequency ?? null,
       audioStartFrame: Math.max(0, -(sequenceContext?.relativeFrom ?? 0))
     });
@@ -7171,7 +7243,6 @@ var VideoForRenderingForwardFunction = ({
     frame,
     absoluteFrame,
     playbackRate,
-    allowAmplificationDuringRender,
     toneFrequency,
     sequenceContext?.relativeFrom
   ]);
@@ -7260,7 +7331,7 @@ var VideoForRenderingForwardFunction = ({
   ]);
   const { src } = props2;
   if (environment.isRendering) {
-    useLayoutEffect7(() => {
+    useLayoutEffect8(() => {
       if (window.process?.env?.NODE_ENV === "test") {
         return;
       }

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.277";
+var VERSION = "4.0.279";
 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.277",
+  "version": "4.0.279",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.277"
+    "@remotion/eslint-config-internal": "4.0.279"
   },
   "keywords": [
     "remotion",

package/dist/cjs/RootLog.d.ts

@@ -1 +0,0 @@
-export declare const RootLog: () => null;

package/dist/cjs/RootLog.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RootLog = void 0;
-const RootLog = () => {
-    console.log('gets logged ');
-    return null;
-};
-exports.RootLog = RootLog;