remotion 4.0.397 → 4.0.399

package/dist/cjs/Img.d.ts

@@ -5,7 +5,7 @@ export type ImgProps = NativeImgProps & {
     readonly pauseWhenLoading?: boolean;
     readonly delayRenderRetries?: number;
     readonly delayRenderTimeoutInMilliseconds?: number;
-    readonly onImageFrame?: (imgelement: HTMLImageElement) => void;
+    readonly onImageFrame?: (imageElement: HTMLImageElement) => void;
     readonly src: string;
 };
 export declare const Img: React.ForwardRefExoticComponent<Omit<ImgProps, "ref"> & React.RefAttributes<HTMLImageElement>>;

package/dist/cjs/audio/Audio.js

@@ -26,6 +26,9 @@ const AudioRefForwardingFunction = (props, ref) => {
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
     const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
+    if (environment.isClientSideRendering) {
+        throw new Error('<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations');
+    }
     const { durations, setDurations } = (0, react_1.useContext)(duration_state_js_1.DurationsContext);
     if (typeof props.src !== 'string') {
         throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);

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

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.397';
+exports.VERSION = '4.0.399';

package/dist/cjs/video/OffthreadVideo.js

@@ -15,6 +15,9 @@ const InnerOffthreadVideo = (props) => {
     // rest gets drilled down
     const { startFrom, endAt, trimBefore, trimAfter, name, pauseWhenBuffering, stack, showInTimeline, ...otherProps } = props;
     const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
+    if (environment.isClientSideRendering) {
+        throw new Error('<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations');
+    }
     const onDuration = (0, react_1.useCallback)(() => undefined, []);
     if (typeof props.src !== 'string') {
         throw new TypeError(`The \`<OffthreadVideo>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);

package/dist/cjs/video/Video.js

@@ -23,6 +23,9 @@ const VideoForwardingFunction = (props, ref) => {
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
     const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
+    if (environment.isClientSideRendering) {
+        throw new Error('<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations');
+    }
     const { durations, setDurations } = (0, react_1.useContext)(duration_state_js_1.DurationsContext);
     if (typeof ref === 'string') {
         throw new Error('string refs are not supported');

package/dist/esm/index.mjs

@@ -110,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.397";
+var VERSION = "4.0.399";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -5093,6 +5093,9 @@ var AudioRefForwardingFunction = (props, ref) => {
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  if (environment.isClientSideRendering) {
+    throw new Error("<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -6825,6 +6828,9 @@ var InnerOffthreadVideo = (props2) => {
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  if (environment.isClientSideRendering) {
+    throw new Error("<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -8378,6 +8384,9 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  if (environment.isClientSideRendering) {
+    throw new Error("<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/esm/version.mjs

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

package/dist/cjs/calculate-loop.d.ts

@@ -1,6 +0,0 @@
-export declare const calculateLoopDuration: ({ endAt, mediaDuration, playbackRate, startFrom, }: {
-    mediaDuration: number;
-    playbackRate: number;
-    startFrom: number | undefined;
-    endAt: number | undefined;
-}) => number;

package/dist/cjs/calculate-loop.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateLoopDuration = void 0;
-const calculateLoopDuration = ({ endAt, mediaDuration, playbackRate, startFrom, }) => {
-    let duration = mediaDuration;
-    // Account for endAt
-    if (typeof endAt !== 'undefined') {
-        duration = endAt;
-    }
-    // Account for startFrom
-    if (typeof startFrom !== 'undefined') {
-        duration -= startFrom;
-    }
-    const actualDuration = duration / playbackRate;
-    return Math.floor(actualDuration);
-};
-exports.calculateLoopDuration = calculateLoopDuration;

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

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

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

@@ -1,13 +0,0 @@
-"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;