@remotion/media 4.0.515 → 4.0.517

package/dist/audio-iterator-manager.d.ts

@@ -16,7 +16,7 @@ export declare const anchorToContinuousTime: ({ anchor, unloopedTimeInSeconds, p
     unloopedTimeInSeconds: number;
     playbackRate: number;
 }) => number;
-export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfNotPremounting, sharedAudioContext, getSequenceEndTimestamp, getSequenceDurationInSeconds, getMediaEndTimestamp, getStartTime, initialMuted, drawDebugOverlay, }: {
+export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfNotPremounting, sharedAudioContext, getSequenceEndTimestamp, getSequenceDurationInSeconds, getMediaEndTimestamp, getStartTime, initialMuted, initialVolume, drawDebugOverlay, }: {
     audioTrack: InputAudioTrack;
     delayPlaybackHandleIfNotPremounting: () => DelayPlaybackIfNotPremounting;
     sharedAudioContext: SharedAudioContextForMediaPlayer;
@@ -25,6 +25,7 @@ export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfN
     getMediaEndTimestamp: () => number;
     getStartTime: () => number;
     initialMuted: boolean;
+    initialVolume: number;
     drawDebugOverlay: () => void;
 }) => {
     startAudioIterator: ({ nonce, playbackRate, startFromSecond, unloopedStartFromSecond, scheduleAudioNode, getTargetTime, logLevel, loop, unscheduleAudioNode, getAudioContextCurrentTimeMockedInTest, }: {

package/dist/esm/index.mjs

@@ -435,12 +435,14 @@ var audioIteratorManager = ({
   getMediaEndTimestamp,
   getStartTime,
   initialMuted,
+  initialVolume,
   drawDebugOverlay
 }) => {
   let muted = initialMuted;
-  let currentVolume = 1;
+  let currentVolume = Math.max(0, initialVolume);
   let currentSeek = null;
   const gainNode = sharedAudioContext.audioContext.createGain();
+  gainNode.gain.value = muted ? 0 : currentVolume;
   gainNode.connect(sharedAudioContext.gainNode);
   const audioSink = new AudioBufferSink(audioTrack);
   let audioBufferIterator = null;
@@ -1847,8 +1849,8 @@ class MediaPlayer {
   isDisposalError() {
     return this.disposed || this.input.disposed === true;
   }
-  initialize(startTimeUnresolved, initialMuted) {
-    const promise = this._initialize(startTimeUnresolved, initialMuted);
+  initialize(startTimeUnresolved, initialMuted, initialVolume) {
+    const promise = this._initialize(startTimeUnresolved, initialMuted, initialVolume);
     this.initializationPromise = promise;
     this.seekPromiseChain = promise;
     return promise;
@@ -1875,7 +1877,7 @@ class MediaPlayer {
   getLoopSegmentMediaEndTimestamp() {
     return Math.min(this.getMediaEndTimestamp(), this.getSequenceEndTimestamp());
   }
-  async _initialize(startTimeUnresolved, initialMuted) {
+  async _initialize(startTimeUnresolved, initialMuted, initialVolume) {
     let __stack = [];
     try {
       const _ = __using(__stack, this.delayPlaybackHandleIfNotPremounting(), 0);
@@ -1971,6 +1973,7 @@ class MediaPlayer {
             getSequenceEndTimestamp: () => this.getSequenceEndTimestamp(),
             getStartTime: () => this.getStartTime(),
             initialMuted,
+            initialVolume,
             drawDebugOverlay: this.drawDebugOverlay,
             getSequenceDurationInSeconds: () => this.getSequenceDurationInSeconds()
           });
@@ -2533,6 +2536,7 @@ var AudioForPreviewAssertedShowing = ({
   const initialGlobalPlaybackRate = useRef(globalPlaybackRate);
   const initialPlaybackRate = useRef(playbackRate);
   const initialMuted = useRef(effectiveMuted);
+  const initialVolume = useRef(userPreferredVolume);
   const initialDurationInFrames = useRef(videoConfig.durationInFrames);
   const initialSequenceOffset = useRef(sequenceOffset);
   useCommonEffects({
@@ -2607,7 +2611,7 @@ var AudioForPreviewAssertedShowing = ({
         getEffectChainState: () => null
       });
       mediaPlayerRef.current = player;
-      player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
+      player.initialize(currentTimeRef.current, initialMuted.current, initialVolume.current).then((result) => {
         if (result.type === "disposed") {
           return;
         }
@@ -4089,6 +4093,9 @@ var fixFloatingPoint = (value) => {
   }
   return value;
 };
+var clampToS16 = (value) => {
+  return Math.max(-32768, Math.min(32767, value));
+};
 var resampleAudioData = ({
   srcNumberOfChannels,
   sourceChannels,
@@ -4149,13 +4156,14 @@ var resampleAudioData = ({
       const l = getSourceValues(start, end, 0);
       const r = getSourceValues(start, end, 1);
       const c = getSourceValues(start, end, 2);
-      const sl = getSourceValues(start, end, 3);
-      const sr = getSourceValues(start, end, 4);
+      const sl = getSourceValues(start, end, 4);
+      const sr = getSourceValues(start, end, 5);
       const sq = Math.sqrt(1 / 2);
-      const l2 = l + sq * (c + sl);
-      const r2 = r + sq * (c + sr);
-      destination[newFrameIndex * 2 + 0] = l2;
-      destination[newFrameIndex * 2 + 1] = r2;
+      const norm = 1 / (1 + sq + sq);
+      const l2 = (l + sq * (c + sl)) * norm;
+      const r2 = (r + sq * (c + sr)) * norm;
+      destination[newFrameIndex * 2 + 0] = clampToS16(l2);
+      destination[newFrameIndex * 2 + 1] = clampToS16(r2);
     } else {
       for (let i = 0;i < srcNumberOfChannels; i++) {
         destination[newFrameIndex * TARGET_NUMBER_OF_CHANNELS + i] = getSourceValues(start, end, i);
@@ -4785,7 +4793,11 @@ var addBroadcastChannelListener = () => {
           audio,
           durationInSeconds: durationInSeconds ?? null
         };
-        window.remotion_broadcastChannel.postMessage(response);
+        try {
+          window.remotion_broadcastChannel.postMessage(response);
+        } finally {
+          imageBitmap?.close();
+        }
       } catch (error) {
         const response = {
           type: "response-error",
@@ -5004,6 +5016,7 @@ var AudioForRendering = ({
   const [replaceWithHtml5Audio, setReplaceWithHtml5Audio] = useState2(false);
   const [initialRequestInit] = useState2(requestInit);
   const sequenceContext = useContext3(Internals18.SequenceContext);
+  const startInVideo = sequenceContext ? sequenceContext.cumulatedFrom + sequenceContext.relativeFrom : 0;
   const id = useMemo2(() => `media-audio-${random(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -5111,6 +5124,7 @@ var AudioForRendering = ({
           id,
           audio: environment.isClientSideRendering ? audio.data : Array.from(audio.data),
           frame: absoluteFrame,
+          startInVideo,
           timestamp: audio.timestamp,
           duration: audio.numberOfFrames / getTargetSampleRate() * 1e6,
           toneFrequency: toneFrequency ?? 1
@@ -5145,6 +5159,7 @@ var AudioForRendering = ({
     playbackRate,
     registerRenderAsset,
     src,
+    startInVideo,
     startsAt,
     unregisterRenderAsset,
     volumeProp,
@@ -5550,6 +5565,7 @@ var VideoForPreviewAssertedShowing = ({
   const initialGlobalPlaybackRate = useRef2(globalPlaybackRate);
   const initialPlaybackRate = useRef2(playbackRate);
   const initialMuted = useRef2(effectiveMuted);
+  const initialVolume = useRef2(userPreferredVolume);
   const initialSequenceDuration = useRef2(videoConfig.durationInFrames);
   const initialSequenceOffset = useRef2(sequenceOffset);
   const hasDrawnRealFrameRef = useRef2(false);
@@ -5625,7 +5641,7 @@ var VideoForPreviewAssertedShowing = ({
         getEffectChainState: (width, height) => effectChainStateRef.current?.get(width, height)
       });
       mediaPlayerRef.current = player;
-      player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
+      player.initialize(currentTimeRef.current, initialMuted.current, initialVolume.current).then((result) => {
         if (result.type === "disposed") {
           return;
         }
@@ -5895,6 +5911,7 @@ var VideoForRendering = ({
   const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals23.RenderAssetManager);
   const startsAt = Internals23.useMediaStartsAt();
   const sequenceContext = useContext5(Internals23.SequenceContext);
+  const startInVideo = sequenceContext ? sequenceContext.cumulatedFrom + sequenceContext.relativeFrom : 0;
   const id = useMemo5(() => `media-video-${random2(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -6070,6 +6087,7 @@ var VideoForRendering = ({
           id,
           audio: environment.isClientSideRendering ? audio.data : Array.from(audio.data),
           frame: absoluteFrame,
+          startInVideo,
           timestamp: audio.timestamp,
           duration: audio.numberOfFrames / getTargetSampleRate() * 1e6,
           toneFrequency
@@ -6104,6 +6122,7 @@ var VideoForRendering = ({
     playbackRate,
     registerRenderAsset,
     src,
+    startInVideo,
     startsAt,
     unregisterRenderAsset,
     volumeProp,

package/dist/media-player.d.ts

@@ -78,7 +78,7 @@ export declare class MediaPlayer {
     private releaseInput;
     private disposed;
     private isDisposalError;
-    initialize(startTimeUnresolved: number, initialMuted: boolean): Promise<MediaPlayerInitResult>;
+    initialize(startTimeUnresolved: number, initialMuted: boolean, initialVolume: number): Promise<MediaPlayerInitResult>;
     private getStartTime;
     private getSequenceEndTimestamp;
     private getSequenceDurationInSeconds;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.515",
+	"version": "4.0.517",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"mediabunny": "1.55.1",
-		"remotion": "4.0.515",
+		"remotion": "4.0.517",
 		"zod": "4.4.3"
 	},
 	"peerDependencies": {
@@ -31,8 +31,8 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.515",
-		"@remotion/player": "4.0.515",
+		"@remotion/eslint-config-internal": "4.0.517",
+		"@remotion/player": "4.0.517",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",