@remotion/media 4.0.353 → 4.0.354

package/dist/deserialized-audiodata.js

@@ -0,0 +1,26 @@
+import { getDataTypeForAudioFormat } from './convert-audiodata/data-types';
+import { isPlanarFormat } from './convert-audiodata/is-planar-format';
+export const turnAudioDataIntoSerializableData = (audioData) => {
+    if (!audioData.format) {
+        throw new Error('AudioData format is not set');
+    }
+    const DataType = getDataTypeForAudioFormat(audioData.format);
+    const isPlanar = isPlanarFormat(audioData.format);
+    const planes = isPlanar ? audioData.numberOfChannels : 1;
+    const srcChannels = new Array(planes)
+        .fill(true)
+        .map(() => new DataType((isPlanar ? 1 : audioData.numberOfChannels) *
+        audioData.numberOfFrames));
+    for (let i = 0; i < planes; i++) {
+        audioData.copyTo(srcChannels[i], {
+            planeIndex: i,
+        });
+    }
+    return {
+        data: srcChannels,
+        format: audioData.format,
+        numberOfChannels: audioData.numberOfChannels,
+        numberOfFrames: audioData.numberOfFrames,
+        sampleRate: audioData.sampleRate,
+    };
+};

package/dist/esm/index.mjs

@@ -42,7 +42,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var SharedAudioContext = createContext2(null);
 
 // src/audio/audio-for-rendering.tsx
-import { useContext as useContext4, useLayoutEffect, useMemo as useMemo3, useState as useState3 } from "react";
+import { useContext as useContext4, useLayoutEffect, useState as useState3 } from "react";
 import {
   cancelRender as cancelRender2,
   Internals as Internals5,
@@ -51,6 +51,42 @@ import {
   useRemotionEnvironment as useRemotionEnvironment2
 } from "remotion";
 
+// src/convert-audiodata/apply-volume.ts
+var applyVolume = (array, volume) => {
+  if (volume === 1) {
+    return;
+  }
+  for (let i = 0;i < array.length; i++) {
+    const newValue = array[i] * volume;
+    if (newValue < -32768) {
+      array[i] = -32768;
+    } else if (newValue > 32767) {
+      array[i] = 32767;
+    } else {
+      array[i] = newValue;
+    }
+  }
+};
+
+// src/looped-frame.ts
+var frameForVolumeProp = ({
+  behavior,
+  loop,
+  assetDurationInSeconds,
+  fps,
+  frame,
+  startsAt
+}) => {
+  if (!loop) {
+    return frame + startsAt;
+  }
+  if (behavior === "extend") {
+    return frame + startsAt;
+  }
+  const assetDurationInFrames = Math.floor(assetDurationInSeconds * fps) - startsAt;
+  return frame % assetDurationInFrames + startsAt;
+};
+
 // src/caches.ts
 import { cancelRender, Internals as Internals4 } from "remotion";
 
@@ -13406,16 +13442,13 @@ var getSinks = async (src) => {
   });
   const format = await input.getFormat();
   const videoTrack = await input.getPrimaryVideoTrack();
-  if (!videoTrack) {
-    throw new Error(`No video track found for ${src}`);
-  }
   const audioTrack = await input.getPrimaryAudioTrack();
   const isMatroska = format === MATROSKA;
   return {
-    video: {
+    video: videoTrack ? {
       sampleSink: new VideoSampleSink(videoTrack),
       packetSink: new EncodedPacketSink(videoTrack)
-    },
+    } : null,
     audio: audioTrack ? {
       sampleSink: new AudioSampleSink(audioTrack)
     } : null,
@@ -13715,36 +13748,53 @@ var combineAudioDataAndClosePrevious = (audioDataArray) => {
 // src/convert-audiodata/resample-audiodata.ts
 var TARGET_NUMBER_OF_CHANNELS = 2;
 var TARGET_SAMPLE_RATE = 48000;
+var fixFloatingPoint = (value) => {
+  if (value % 1 < 0.0000001) {
+    return Math.floor(value);
+  }
+  if (value % 1 > 0.9999999) {
+    return Math.ceil(value);
+  }
+  return value;
+};
 var resampleAudioData = ({
   srcNumberOfChannels,
   sourceChannels,
   destination,
   targetFrames,
-  chunkSize,
-  volume
+  chunkSize
 }) => {
-  const getSourceValues = (start, end, channelIndex) => {
-    const sampleCountAvg = end - start;
-    let itemSum = 0;
-    let itemCount = 0;
-    for (let k = 0;k < sampleCountAvg; k++) {
-      const num = sourceChannels[(start + k) * srcNumberOfChannels + channelIndex];
-      itemSum += num;
-      itemCount++;
-    }
-    const average = itemSum / itemCount;
-    const averageVolume = average * volume;
-    if (averageVolume < -32768) {
-      return -32768;
-    }
-    if (averageVolume > 32767) {
-      return 32767;
-    }
-    return averageVolume;
+  const getSourceValues = (startUnfixed, endUnfixed, channelIndex) => {
+    const start = fixFloatingPoint(startUnfixed);
+    const end = fixFloatingPoint(endUnfixed);
+    const startFloor = Math.floor(start);
+    const startCeil = Math.ceil(start);
+    const startFraction = start - startFloor;
+    const endFraction = end - Math.floor(end);
+    const endFloor = Math.floor(end);
+    let weightedSum = 0;
+    let totalWeight = 0;
+    if (startFraction > 0) {
+      const firstSample = sourceChannels[startFloor * srcNumberOfChannels + channelIndex];
+      weightedSum += firstSample * (1 - startFraction);
+      totalWeight += 1 - startFraction;
+    }
+    for (let k = startCeil;k < endFloor; k++) {
+      const num = sourceChannels[k * srcNumberOfChannels + channelIndex];
+      weightedSum += num;
+      totalWeight += 1;
+    }
+    if (endFraction > 0) {
+      const lastSample = sourceChannels[endFloor * srcNumberOfChannels + channelIndex];
+      weightedSum += lastSample * endFraction;
+      totalWeight += endFraction;
+    }
+    const average = weightedSum / totalWeight;
+    return average;
   };
   for (let newFrameIndex = 0;newFrameIndex < targetFrames; newFrameIndex++) {
-    const start = Math.floor(newFrameIndex * chunkSize);
-    const end = Math.max(Math.floor(start + chunkSize), start + 1);
+    const start = newFrameIndex * chunkSize;
+    const end = start + chunkSize;
     if (TARGET_NUMBER_OF_CHANNELS === srcNumberOfChannels) {
       for (let i = 0;i < srcNumberOfChannels; i++) {
         destination[newFrameIndex * srcNumberOfChannels + i] = getSourceValues(start, end, i);
@@ -13784,13 +13834,19 @@ var resampleAudioData = ({
 
 // src/convert-audiodata/convert-audiodata.ts
 var FORMAT = "s16";
+var roundButRoundDownZeroPointFive = (value) => {
+  if (value % 1 <= 0.5) {
+    return Math.floor(value);
+  }
+  return Math.ceil(value);
+};
 var convertAudioData = ({
   audioData,
   newSampleRate,
   trimStartInSeconds,
   trimEndInSeconds,
   targetNumberOfChannels,
-  volume
+  playbackRate
 }) => {
   const {
     numberOfChannels: srcNumberOfChannels,
@@ -13798,9 +13854,10 @@ var convertAudioData = ({
     numberOfFrames
   } = audioData;
   const ratio = currentSampleRate / newSampleRate;
-  const frameOffset = Math.round(trimStartInSeconds * audioData.sampleRate);
-  const frameCount = numberOfFrames - Math.round((trimEndInSeconds + trimStartInSeconds) * audioData.sampleRate);
-  const newNumberOfFrames = Math.round(frameCount / ratio);
+  const frameOffset = roundButRoundDownZeroPointFive(trimStartInSeconds * audioData.sampleRate);
+  const unroundedFrameCount = numberOfFrames - (trimEndInSeconds + trimStartInSeconds) * audioData.sampleRate;
+  const frameCount = Math.round(unroundedFrameCount);
+  const newNumberOfFrames = Math.round(unroundedFrameCount / ratio / playbackRate);
   if (newNumberOfFrames === 0) {
     throw new Error("Cannot resample - the given sample rate would result in less than 1 sample");
   }
@@ -13816,7 +13873,7 @@ var convertAudioData = ({
   });
   const data = new Int16Array(newNumberOfFrames * targetNumberOfChannels);
   const chunkSize = frameCount / newNumberOfFrames;
-  if (newNumberOfFrames === frameCount && targetNumberOfChannels === srcNumberOfChannels && volume === 1) {
+  if (newNumberOfFrames === frameCount && targetNumberOfChannels === srcNumberOfChannels && playbackRate === 1) {
     return {
       data: srcChannels,
       numberOfChannels: targetNumberOfChannels,
@@ -13830,8 +13887,7 @@ var convertAudioData = ({
     sourceChannels: srcChannels,
     destination: data,
     targetFrames: newNumberOfFrames,
-    chunkSize,
-    volume
+    chunkSize
   });
   const newAudioData = {
     data,
@@ -13856,6 +13912,9 @@ var extractFrame = async ({
     sinkPromises[src] = getSinks(src);
   }
   const { video, getDuration } = await sinkPromises[src];
+  if (video === null) {
+    throw new Error(`No video track found for ${src}`);
+  }
   const timeInSeconds = loop ? unloopedTimeinSeconds % await getDuration() : unloopedTimeinSeconds;
   const keyframeBank = await keyframeManager.requestKeyframeBank({
     packetSink: video.packetSink,
@@ -13873,18 +13932,22 @@ var extractAudio = async ({
   src,
   timeInSeconds: unloopedTimeInSeconds,
   durationInSeconds,
-  volume,
   logLevel,
-  loop
+  loop,
+  playbackRate
 }) => {
   if (!sinkPromises[src]) {
     sinkPromises[src] = getSinks(src);
   }
   const { audio, actualMatroskaTimestamps, isMatroska, getDuration } = await sinkPromises[src];
+  let duration = null;
+  if (loop) {
+    duration = await getDuration();
+  }
   if (audio === null) {
-    return null;
+    return { data: null, durationInSeconds: null };
   }
-  const timeInSeconds = loop ? unloopedTimeInSeconds % await getDuration() : unloopedTimeInSeconds;
+  const timeInSeconds = loop ? unloopedTimeInSeconds % duration : unloopedTimeInSeconds;
   const sampleIterator = await audioManager.getIterator({
     src,
     timeInSeconds,
@@ -13911,6 +13974,12 @@ var extractAudio = async ({
     let trimEndInSeconds = 0;
     if (isFirstSample) {
       trimStartInSeconds = timeInSeconds - sample.timestamp;
+      if (trimStartInSeconds < 0 && trimStartInSeconds > -0.0000000001) {
+        trimStartInSeconds = 0;
+      }
+      if (trimStartInSeconds < 0) {
+        throw new Error(`trimStartInSeconds is negative: ${trimStartInSeconds}`);
+      }
     }
     if (isLastSample) {
       trimEndInSeconds = Math.max(0, sample.timestamp + sample.duration - (timeInSeconds + durationInSeconds));
@@ -13921,7 +13990,7 @@ var extractAudio = async ({
       trimStartInSeconds,
       trimEndInSeconds,
       targetNumberOfChannels: TARGET_NUMBER_OF_CHANNELS,
-      volume
+      playbackRate
     });
     audioDataRaw.close();
     if (audioData.numberOfFrames === 0) {
@@ -13930,10 +13999,10 @@ var extractAudio = async ({
     audioDataArray.push(audioData);
   }
   if (audioDataArray.length === 0) {
-    return null;
+    return { data: null, durationInSeconds: duration };
   }
   const combined = combineAudioDataAndClosePrevious(audioDataArray);
-  return combined;
+  return { data: combined, durationInSeconds: duration };
 };
 
 // src/extract-frame-and-audio.ts
@@ -13942,9 +14011,9 @@ var extractFrameAndAudio = async ({
   timeInSeconds,
   logLevel,
   durationInSeconds,
+  playbackRate,
   includeAudio,
   includeVideo,
-  volume,
   loop
 }) => {
   const [frame, audio] = await Promise.all([
@@ -13958,14 +14027,15 @@ var extractFrameAndAudio = async ({
       src,
       timeInSeconds,
       durationInSeconds,
-      volume,
       logLevel,
-      loop
+      loop,
+      playbackRate
     }) : null
   ]);
   return {
     frame: frame?.toVideoFrame() ?? null,
-    audio
+    audio: audio?.data ?? null,
+    durationInSeconds: audio?.durationInSeconds ?? null
   };
 };
 
@@ -13975,14 +14045,14 @@ if (window.remotion_broadcastChannel && window.remotion_isMainTab) {
     const data = event.data;
     if (data.type === "request") {
       try {
-        const { frame, audio } = await extractFrameAndAudio({
+        const { frame, audio, durationInSeconds } = await extractFrameAndAudio({
           src: data.src,
           timeInSeconds: data.timeInSeconds,
           logLevel: data.logLevel,
           durationInSeconds: data.durationInSeconds,
+          playbackRate: data.playbackRate,
           includeAudio: data.includeAudio,
           includeVideo: data.includeVideo,
-          volume: data.volume,
           loop: data.loop
         });
         const videoFrame = frame;
@@ -13994,7 +14064,8 @@ if (window.remotion_broadcastChannel && window.remotion_isMainTab) {
           type: "response-success",
           id: data.id,
           frame: imageBitmap,
-          audio
+          audio,
+          durationInSeconds: durationInSeconds ?? null
         };
         window.remotion_broadcastChannel.postMessage(response);
         videoFrame?.close();
@@ -14016,10 +14087,10 @@ var extractFrameViaBroadcastChannel = ({
   timeInSeconds,
   logLevel,
   durationInSeconds,
+  playbackRate,
   includeAudio,
   includeVideo,
   isClientSideRendering,
-  volume,
   loop
 }) => {
   if (isClientSideRendering || window.remotion_isMainTab) {
@@ -14028,9 +14099,9 @@ var extractFrameViaBroadcastChannel = ({
       src,
       timeInSeconds,
       durationInSeconds,
+      playbackRate,
       includeAudio,
       includeVideo,
-      volume,
       loop
     });
   }
@@ -14044,7 +14115,8 @@ var extractFrameViaBroadcastChannel = ({
       if (data.type === "response-success" && data.id === requestId) {
         resolve({
           frame: data.frame ? data.frame : null,
-          audio: data.audio ? data.audio : null
+          audio: data.audio ? data.audio : null,
+          durationInSeconds: data.durationInSeconds ? data.durationInSeconds : null
         });
         window.remotion_broadcastChannel.removeEventListener("message", onMessage);
       } else if (data.type === "response-error" && data.id === requestId) {
@@ -14061,9 +14133,9 @@ var extractFrameViaBroadcastChannel = ({
     id: requestId,
     logLevel,
     durationInSeconds,
+    playbackRate,
     includeAudio,
     includeVideo,
-    volume,
     loop
   };
   window.remotion_broadcastChannel.postMessage(request);
@@ -14093,11 +14165,11 @@ var AudioForRendering = ({
   logLevel = window.remotion_logLevel,
   loop
 }) => {
+  const frame = useCurrentFrame();
   const absoluteFrame = Internals5.useTimelinePosition();
   const videoConfig = Internals5.useUnsafeVideoConfig();
   const { registerRenderAsset, unregisterRenderAsset } = useContext4(Internals5.RenderAssetManager);
-  const frame = useCurrentFrame();
-  const volumePropsFrame = Internals5.useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
+  const startsAt = Internals5.useMediaStartsAt();
   const environment = useRemotionEnvironment2();
   const [id] = useState3(() => `${Math.random()}`.replace("0.", ""));
   if (!videoConfig) {
@@ -14106,24 +14178,6 @@ var AudioForRendering = ({
   if (!src) {
     throw new TypeError("No `src` was passed to <Audio>.");
   }
-  const volume = Internals5.evaluateVolume({
-    volume: volumeProp,
-    frame: volumePropsFrame,
-    mediaVolume: 1
-  });
-  Internals5.warnAboutTooHighVolume(volume);
-  const shouldRenderAudio = useMemo3(() => {
-    if (!window.remotion_audioEnabled) {
-      return false;
-    }
-    if (muted) {
-      return false;
-    }
-    if (volume <= 0) {
-      return false;
-    }
-    return true;
-  }, [muted, volume]);
   const { fps } = videoConfig;
   const { delayRender, continueRender } = useDelayRender();
   useLayoutEffect(() => {
@@ -14134,18 +14188,42 @@ var AudioForRendering = ({
       retries: delayRenderRetries ?? undefined,
       timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
     });
+    const shouldRenderAudio = (() => {
+      if (!window.remotion_audioEnabled) {
+        return false;
+      }
+      if (muted) {
+        return false;
+      }
+      return true;
+    })();
     extractFrameViaBroadcastChannel({
       src,
       timeInSeconds: timestamp,
       durationInSeconds,
+      playbackRate: playbackRate ?? 1,
       logLevel: logLevel ?? "info",
       includeAudio: shouldRenderAudio,
       includeVideo: false,
       isClientSideRendering: environment.isClientSideRendering,
-      volume,
       loop: loop ?? false
-    }).then(({ audio }) => {
-      if (audio) {
+    }).then(({ audio, durationInSeconds: assetDurationInSeconds }) => {
+      const volumePropsFrame = frameForVolumeProp({
+        behavior: loopVolumeCurveBehavior ?? "repeat",
+        loop: loop ?? false,
+        assetDurationInSeconds: assetDurationInSeconds ?? 0,
+        fps,
+        frame,
+        startsAt
+      });
+      const volume = Internals5.evaluateVolume({
+        volume: volumeProp,
+        frame: volumePropsFrame,
+        mediaVolume: 1
+      });
+      Internals5.warnAboutTooHighVolume(volume);
+      if (audio && volume > 0) {
+        applyVolume(audio.data, volume);
         registerRenderAsset({
           type: "inline-audio",
           id,
@@ -14176,13 +14254,15 @@ var AudioForRendering = ({
     frame,
     id,
     logLevel,
+    loop,
+    loopVolumeCurveBehavior,
+    muted,
     playbackRate,
     registerRenderAsset,
-    shouldRenderAudio,
     src,
+    startsAt,
     unregisterRenderAsset,
-    volume,
-    loop
+    volumeProp
   ]);
   return null;
 };
@@ -14195,6 +14275,7 @@ var {
   validateMediaProps,
   AudioForPreview
 } = Internals6;
+var onRemotionError = (_e) => {};
 var Audio = (props) => {
   const audioContext = useContext5(SharedAudioContext);
   const {
@@ -14204,7 +14285,6 @@ var Audio = (props) => {
     pauseWhenBuffering,
     stack,
     showInTimeline,
-    onError: onRemotionError,
     loop,
     ...otherProps
   } = props;
@@ -14240,7 +14320,7 @@ var Audio = (props) => {
       onRemotionError?.(new Error(errMessage));
       console.warn(errMessage);
     }
-  }, [onRemotionError, loop]);
+  }, [loop]);
   if (typeof trimBeforeValue !== "undefined" || typeof trimAfterValue !== "undefined") {
     return /* @__PURE__ */ jsx2(Sequence, {
       layout: "none",
@@ -14261,8 +14341,6 @@ var Audio = (props) => {
     });
   }
   const {
-    onAutoPlayError,
-    crossOrigin,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
     ...propsForPreview
@@ -14287,7 +14365,7 @@ import { Internals as Internals8, Sequence as Sequence2, useRemotionEnvironment
 import {
   useContext as useContext6,
   useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo4,
+  useMemo as useMemo3,
   useRef as useRef2,
   useState as useState4
 } from "react";
@@ -14314,36 +14392,18 @@ var VideoForRendering = ({
   style,
   className
 }) => {
+  if (!src) {
+    throw new TypeError("No `src` was passed to <Video>.");
+  }
+  const frame = useCurrentFrame2();
   const absoluteFrame = Internals7.useTimelinePosition();
   const { fps } = useVideoConfig();
-  const canvasRef = useRef2(null);
   const { registerRenderAsset, unregisterRenderAsset } = useContext6(Internals7.RenderAssetManager);
-  const frame = useCurrentFrame2();
-  const volumePropsFrame = Internals7.useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
-  const environment = useRemotionEnvironment4();
+  const startsAt = Internals7.useMediaStartsAt();
   const [id] = useState4(() => `${Math.random()}`.replace("0.", ""));
-  if (!src) {
-    throw new TypeError("No `src` was passed to <Video>.");
-  }
-  const volume = Internals7.evaluateVolume({
-    volume: volumeProp,
-    frame: volumePropsFrame,
-    mediaVolume: 1
-  });
-  Internals7.warnAboutTooHighVolume(volume);
-  const shouldRenderAudio = useMemo4(() => {
-    if (!window.remotion_audioEnabled) {
-      return false;
-    }
-    if (muted) {
-      return false;
-    }
-    if (volume <= 0) {
-      return false;
-    }
-    return true;
-  }, [muted, volume]);
+  const environment = useRemotionEnvironment4();
   const { delayRender, continueRender } = useDelayRender2();
+  const canvasRef = useRef2(null);
   useLayoutEffect2(() => {
     if (!canvasRef.current) {
       return;
@@ -14355,17 +14415,30 @@ var VideoForRendering = ({
       retries: delayRenderRetries ?? undefined,
       timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
     });
+    const shouldRenderAudio = (() => {
+      if (!window.remotion_audioEnabled) {
+        return false;
+      }
+      if (muted) {
+        return false;
+      }
+      return true;
+    })();
     extractFrameViaBroadcastChannel({
       src,
       timeInSeconds: timestamp,
       durationInSeconds,
+      playbackRate: playbackRate ?? 1,
       logLevel: logLevel ?? "info",
       includeAudio: shouldRenderAudio,
       includeVideo: window.remotion_videoEnabled,
       isClientSideRendering: environment.isClientSideRendering,
-      volume,
       loop: loop ?? false
-    }).then(({ frame: imageBitmap, audio }) => {
+    }).then(({
+      frame: imageBitmap,
+      audio,
+      durationInSeconds: assetDurationInSeconds
+    }) => {
       if (imageBitmap) {
         onVideoFrame?.(imageBitmap);
         const context = canvasRef.current?.getContext("2d");
@@ -14380,7 +14453,22 @@ var VideoForRendering = ({
       } else if (window.remotion_videoEnabled) {
         cancelRender4(new Error("No video frame found"));
       }
-      if (audio) {
+      const volumePropsFrame = frameForVolumeProp({
+        behavior: loopVolumeCurveBehavior ?? "repeat",
+        loop: loop ?? false,
+        assetDurationInSeconds: assetDurationInSeconds ?? 0,
+        fps,
+        frame,
+        startsAt
+      });
+      const volume = Internals7.evaluateVolume({
+        volume: volumeProp,
+        frame: volumePropsFrame,
+        mediaVolume: 1
+      });
+      Internals7.warnAboutTooHighVolume(volume);
+      if (audio && volume > 0) {
+        applyVolume(audio.data, volume);
         registerRenderAsset({
           type: "inline-audio",
           id,
@@ -14411,16 +14499,18 @@ var VideoForRendering = ({
     frame,
     id,
     logLevel,
+    loop,
+    loopVolumeCurveBehavior,
+    muted,
     onVideoFrame,
     playbackRate,
     registerRenderAsset,
-    shouldRenderAudio,
     src,
+    startsAt,
     unregisterRenderAsset,
-    volume,
-    loop
+    volumeProp
   ]);
-  const classNameValue = useMemo4(() => {
+  const classNameValue = useMemo3(() => {
     return [Internals7.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals7.truthy).join(" ");
   }, [className]);
   return /* @__PURE__ */ jsx3("canvas", {
@@ -14487,9 +14577,7 @@ var Video = (props) => {
     });
   }
   const {
-    onAutoPlayError,
     onVideoFrame,
-    crossOrigin,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
     ...propsForPreview
@@ -14501,9 +14589,7 @@ var Video = (props) => {
     onlyWarnForMediaSeekingError: true,
     pauseWhenBuffering: pauseWhenBuffering ?? false,
     showInTimeline: showInTimeline ?? true,
-    onAutoPlayError: onAutoPlayError ?? undefined,
     onVideoFrame: onVideoFrame ?? null,
-    crossOrigin,
     ...propsForPreview
   });
 };

package/dist/extract-audio.d.ts

@@ -0,0 +1,7 @@
+import type { PcmS16AudioData } from './convert-audiodata/convert-audiodata';
+export declare const extractAudio: ({ src, timeInSeconds, durationInSeconds, volume, }: {
+    src: string;
+    timeInSeconds: number;
+    durationInSeconds: number;
+    volume: number;
+}) => Promise<PcmS16AudioData | null>;