remotion 4.0.350 → 4.0.352

package/dist/cjs/default-css.d.ts

@@ -1,3 +1,3 @@
 export declare const injectCSS: (css: string) => void;
-export declare const OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo";
+export declare const OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain";
 export declare const makeDefaultPreviewCSS: (scope: string | null, backgroundColor: string) => string;

package/dist/cjs/default-css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeDefaultPreviewCSS = exports.OFFTHREAD_VIDEO_CLASS_NAME = exports.injectCSS = void 0;
+exports.makeDefaultPreviewCSS = exports.OBJECTFIT_CONTAIN_CLASS_NAME = exports.injectCSS = void 0;
 const injected = {};
 const injectCSS = (css) => {
     // Skip in node
@@ -17,7 +17,8 @@ const injectCSS = (css) => {
     injected[css] = true;
 };
 exports.injectCSS = injectCSS;
-exports.OFFTHREAD_VIDEO_CLASS_NAME = '__remotion_offthreadvideo';
+// make object-fit: contain low priority, so it can be overridden by another class name
+exports.OBJECTFIT_CONTAIN_CLASS_NAME = '__remotion_objectfitcontain';
 const makeDefaultPreviewCSS = (scope, backgroundColor) => {
     if (!scope) {
         return `
@@ -28,7 +29,7 @@ const makeDefaultPreviewCSS = (scope, backgroundColor) => {
       margin: 0;
 	    background-color: ${backgroundColor};
     }
-    .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+    .${exports.OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
     `;
@@ -41,7 +42,7 @@ const makeDefaultPreviewCSS = (scope, backgroundColor) => {
       width: 100%;
       height: 100%;
     }
-    ${scope} .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+    ${scope} .${exports.OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
   `;

package/dist/cjs/index.d.ts

@@ -48,6 +48,8 @@ declare global {
         remotion_inputProps: string;
         remotion_envVariables: string;
         remotion_isMainTab: boolean;
+        remotion_mediaCacheSizeInBytes: number | null;
+        remotion_initialMemoryAvailable: number | null;
         remotion_collectAssets: () => TRenderAsset[];
         remotion_isPlayer: boolean;
         remotion_isStudio: boolean;

package/dist/cjs/internals.d.ts

@@ -265,5 +265,33 @@ export declare const Internals: {
     } | null>;
     readonly RemotionEnvironmentContext: import("react").Context<RemotionEnvironment | null>;
     readonly warnAboutTooHighVolume: (volume: number) => void;
+    readonly AudioForPreview: import("react").ForwardRefExoticComponent<Omit<import("./index.js").NativeAudioProps & {
+        name?: string;
+        volume?: import("./volume-prop.js").VolumeProp;
+        playbackRate?: number;
+        acceptableTimeShiftInSeconds?: number;
+        allowAmplificationDuringRender?: boolean;
+        _remotionInternalNeedsDurationCalculation?: boolean;
+        _remotionInternalNativeLoopPassed?: boolean;
+        toneFrequency?: number;
+        useWebAudioApi?: boolean;
+        pauseWhenBuffering?: boolean;
+        showInTimeline?: boolean;
+        delayRenderTimeoutInMilliseconds?: number;
+        delayRenderRetries?: number;
+        loopVolumeCurveBehavior?: import("./audio/use-audio-frame.js").LoopVolumeCurveBehavior;
+        onError?: (err: Error) => void;
+        audioStreamIndex?: number;
+    } & {
+        readonly shouldPreMountAudioTags: boolean;
+        readonly onDuration: (src: string, durationInSeconds: number) => void;
+        readonly pauseWhenBuffering: boolean;
+        readonly _remotionInternalNativeLoopPassed: boolean;
+        readonly _remotionInternalStack: string | null;
+        readonly showInTimeline: boolean;
+        readonly stack?: string | undefined;
+        readonly onNativeError: React.ReactEventHandler<HTMLAudioElement>;
+    }, "ref"> & import("react").RefAttributes<HTMLAudioElement>>;
+    readonly OBJECTFIT_CONTAIN_CLASS_NAME: "__remotion_objectfitcontain";
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Internals = void 0;
 const react_1 = require("react");
 const absolute_src_js_1 = require("./absolute-src.js");
+const AudioForPreview_js_1 = require("./audio/AudioForPreview.js");
 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 buffering_js_1 = require("./buffering.js");
@@ -43,6 +44,7 @@ const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const CompositionManager_js_1 = require("./CompositionManager.js");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
 const CSSUtils = __importStar(require("./default-css.js"));
+const default_css_js_1 = require("./default-css.js");
 const EditorProps_js_1 = require("./EditorProps.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
@@ -165,4 +167,6 @@ exports.Internals = {
     compositionSelectorRef,
     RemotionEnvironmentContext: remotion_environment_context_js_1.RemotionEnvironmentContext,
     warnAboutTooHighVolume: volume_safeguard_js_1.warnAboutTooHighVolume,
+    AudioForPreview: AudioForPreview_js_1.AudioForPreview,
+    OBJECTFIT_CONTAIN_CLASS_NAME: default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME,
 };

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

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.350';
+exports.VERSION = '4.0.352';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -193,7 +193,7 @@ crossOrigin, audioStreamIndex, ...props }) => {
         }
     }, [imageSrc, onError]);
     const className = (0, react_1.useMemo)(() => {
-        return [default_css_js_1.OFFTHREAD_VIDEO_CLASS_NAME, props.className]
+        return [default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME, props.className]
             .filter(truthy_js_1.truthy)
             .join(' ');
     }, [props.className]);

package/dist/cjs/video/use-audio-channel-index.d.ts

@@ -0,0 +1,4 @@
+export declare const useAudioChannelIndex: ({ ref, audioChannelIndex, }: {
+    ref: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+    audioChannelIndex: number;
+}) => void;

package/dist/cjs/video/use-audio-channel-index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAudioChannelIndex = void 0;
+const react_1 = require("react");
+const useAudioChannelIndex = ({ ref, audioChannelIndex, }) => {
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // @ts-expect-error
+        const audioChannels = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.audioTracks;
+        console.log({ audioChannels, audioChannelIndex });
+    }, [ref, audioChannelIndex]);
+};
+exports.useAudioChannelIndex = useAudioChannelIndex;

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.350";
+var VERSION = "4.0.352";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -5740,7 +5740,7 @@ var exports_default_css = {};
 __export(exports_default_css, {
   makeDefaultPreviewCSS: () => makeDefaultPreviewCSS,
   injectCSS: () => injectCSS,
-  OFFTHREAD_VIDEO_CLASS_NAME: () => OFFTHREAD_VIDEO_CLASS_NAME
+  OBJECTFIT_CONTAIN_CLASS_NAME: () => OBJECTFIT_CONTAIN_CLASS_NAME
 });
 var injected = {};
 var injectCSS = (css) => {
@@ -5756,7 +5756,7 @@ var injectCSS = (css) => {
   head.prepend(style);
   injected[css] = true;
 };
-var OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo";
+var OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain";
 var makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5767,7 +5767,7 @@ var makeDefaultPreviewCSS = (scope, backgroundColor) => {
       margin: 0;
 	    background-color: ${backgroundColor};
     }
-    .${OFFTHREAD_VIDEO_CLASS_NAME} {
+    .${OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
     `;
@@ -5780,7 +5780,7 @@ var makeDefaultPreviewCSS = (scope, backgroundColor) => {
       width: 100%;
       height: 100%;
     }
-    ${scope} .${OFFTHREAD_VIDEO_CLASS_NAME} {
+    ${scope} .${OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
   `;
@@ -6483,7 +6483,9 @@ var Internals = {
   timeValueRef,
   compositionSelectorRef,
   RemotionEnvironmentContext,
-  warnAboutTooHighVolume
+  warnAboutTooHighVolume,
+  AudioForPreview,
+  OBJECTFIT_CONTAIN_CLASS_NAME
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";
@@ -7508,7 +7510,7 @@ var OffthreadVideoForRendering = ({
     }
   }, [imageSrc, onError]);
   const className = useMemo29(() => {
-    return [OFFTHREAD_VIDEO_CLASS_NAME, props2.className].filter(truthy).join(" ");
+    return [OBJECTFIT_CONTAIN_CLASS_NAME, props2.className].filter(truthy).join(" ");
   }, [props2.className]);
   const onImageFrame = useCallback15((img) => {
     if (onVideoFrame) {

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.350";
+var VERSION = "4.0.352";
 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.350",
+  "version": "4.0.352",
   "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.350"
+    "@remotion/eslint-config-internal": "4.0.352"
   },
   "keywords": [
     "video",