remotion 2.6.0-alpha.1 → 2.6.2

package/dist/serie/index.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Serie = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const sequencing_1 = require("../sequencing");
+const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
+const flatten_children_1 = require("./flatten-children");
+const SeriesSequence = ({ children }) => {
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children }, void 0);
+};
+const Series = ({ children }) => {
+    const childrenValue = react_1.useMemo(() => {
+        let startFrame = 0;
+        return react_1.Children.map(flatten_children_1.flattenChildren(children), (child, i) => {
+            var _a;
+            const castedChild = child;
+            if (typeof castedChild === 'string') {
+                if (castedChild.trim() === '') {
+                    return null;
+                }
+                throw new TypeError(`The <Serie> component only accepts a list of <Serie.Sequence /> components as it's children, but you passed a string "${castedChild}"`);
+            }
+            if (castedChild.type !== SeriesSequence) {
+                throw new TypeError("The <Serie> component only accepts a list of <Serie.Sequence /> components as it's children");
+            }
+            const debugInfo = `index = ${i}, duration = ${castedChild.props.durationInFrames}`;
+            if (!castedChild || !castedChild.props.children) {
+                throw new TypeError(`A <Serie.Sequence /> component (${debugInfo}) doesn't have any children.`);
+            }
+            const durationInFramesProp = castedChild.props.durationInFrames;
+            const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
+            validate_duration_in_frames_1.validateDurationInFrames(durationInFramesProp, `<Serie.Sequence />`);
+            const offset = (_a = castedChild.props.offset) !== null && _a !== void 0 ? _a : 0;
+            if (Number.isNaN(offset)) {
+                throw new TypeError(`The "offset" property of a <Serie.Sequence /> must not be NaN, but got NaN (${debugInfo}).`);
+            }
+            if (!Number.isFinite(offset)) {
+                throw new TypeError(`The "offset" property of a <Serie.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
+            }
+            if (offset % 1 !== 0) {
+                throw new TypeError(`The "offset" property of a <Serie.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
+            }
+            const currentStartFrame = startFrame + offset;
+            startFrame += durationInFramesProp + offset;
+            return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ from: currentStartFrame, durationInFrames: durationInFramesProp }, passedProps, { children: child }), void 0));
+        });
+    }, [children]);
+    /* eslint-disable react/jsx-no-useless-fragment */
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: childrenValue }, void 0);
+};
+exports.Serie = Series;
+Series.Sequence = SeriesSequence;
+//# sourceMappingURL=index.js.map

package/dist/serie/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/serie/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,8CAAsD;AACtD,2FAAmF;AACnF,yDAAmD;AASnD,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAsB,EAAE,EAAE;IAC1D,yDAAyD;IACzD,OAAO,sDAAG,QAAQ,WAAI,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,MAAM,GAER,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAClB,MAAM,aAAa,GAAG,eAAO,CAAC,GAAG,EAAE;QAClC,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,OAAO,gBAAQ,CAAC,GAAG,CAAC,kCAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;YAC3D,MAAM,WAAW,GAAI,KAKZ,CAAC;YACV,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACpC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC9B,OAAO,IAAI,CAAC;iBACZ;gBAED,MAAM,IAAI,SAAS,CAClB,yHAAyH,WAAW,GAAG,CACvI,CAAC;aACF;YAED,IAAI,WAAW,CAAC,IAAI,KAAK,cAAc,EAAE;gBACxC,MAAM,IAAI,SAAS,CAClB,6FAA6F,CAC7F,CAAC;aACF;YAED,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,WAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAEnF,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAChD,MAAM,IAAI,SAAS,CAClB,mCAAmC,SAAS,8BAA8B,CAC1E,CAAC;aACF;YAED,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAChE,MAAM,EACL,gBAAgB,EAChB,QAAQ,EAAE,SAAS,EACnB,GAAG,WAAW,EACd,GAAG,WAAW,CAAC,KAAK,CAAC;YACtB,sDAAwB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;YACrE,MAAM,MAAM,SAAG,WAAW,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,CAAC;YAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACzB,MAAM,IAAI,SAAS,CAClB,+EAA+E,SAAS,IAAI,CAC5F,CAAC;aACF;YAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC7B,MAAM,IAAI,SAAS,CAClB,yEAAyE,MAAM,KAAK,SAAS,IAAI,CACjG,CAAC;aACF;YAED,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;gBACrB,MAAM,IAAI,SAAS,CAClB,yEAAyE,MAAM,KAAK,SAAS,IAAI,CACjG,CAAC;aACF;YAED,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,CAAC;YAC9C,UAAU,IAAI,oBAAoB,GAAG,MAAM,CAAC;YAC5C,OAAO,CACN,kBAAC,qBAAQ,kBACR,IAAI,EAAE,iBAAiB,EACvB,gBAAgB,EAAE,oBAAoB,IAClC,WAAW,cAEd,KAAK,YACI,CACX,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kDAAkD;IAClD,OAAO,sDAAG,aAAa,WAAI,CAAC;AAC7B,CAAC,CAAC;AAIgB,uBAAK;AAFvB,MAAM,CAAC,QAAQ,GAAG,cAAc,CAAC"}

package/dist/setup-environment.d.ts

@@ -0,0 +1,6 @@
+export declare const ENV_VARIABLES_LOCAL_STORAGE_KEY = "remotion.envVariables";
+export declare const INITIAL_FRAME_LOCAL_STORAGE_KEY = "remotion.initialFrame";
+export declare const ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
+export declare const setupEnvVariables: () => void;
+export declare const setupInitialFrame: () => void;
+//# sourceMappingURL=setup-environment.d.ts.map

package/dist/setup-environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-environment.d.ts","sourceRoot":"","sources":["../src/setup-environment.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,0BAA0B,CAAC;AACvE,eAAO,MAAM,+BAA+B,0BAA0B,CAAC;AACvE,eAAO,MAAM,sBAAsB,iBAA2B,CAAC;AA+B/D,eAAO,MAAM,iBAAiB,YAa7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAE7B,CAAC"}

package/dist/setup-environment.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupInitialFrame = exports.setupEnvVariables = exports.ENV_VARIABLES_ENV_NAME = exports.INITIAL_FRAME_LOCAL_STORAGE_KEY = exports.ENV_VARIABLES_LOCAL_STORAGE_KEY = void 0;
+const get_environment_1 = require("./get-environment");
+exports.ENV_VARIABLES_LOCAL_STORAGE_KEY = 'remotion.envVariables';
+exports.INITIAL_FRAME_LOCAL_STORAGE_KEY = 'remotion.initialFrame';
+exports.ENV_VARIABLES_ENV_NAME = 'ENV_VARIABLES';
+const getInitialFrame = () => {
+    const param = localStorage.getItem(exports.INITIAL_FRAME_LOCAL_STORAGE_KEY);
+    return param ? Number(param) : 0;
+};
+const getEnvVariables = () => {
+    if (get_environment_1.getRemotionEnvironment() === 'rendering') {
+        const param = localStorage.getItem(exports.ENV_VARIABLES_LOCAL_STORAGE_KEY);
+        if (!param) {
+            return {};
+        }
+        return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
+    }
+    if (get_environment_1.getRemotionEnvironment() === 'preview') {
+        // Webpack will convert this to an object at compile time.
+        // Don't convert this syntax to a computed property.
+        return {
+            ...process.env.ENV_VARIABLES,
+            NODE_ENV: process.env.NODE_ENV,
+        };
+    }
+    throw new Error('Can only call getEnvVariables() if environment is `rendering` or `preview`');
+};
+const setupEnvVariables = () => {
+    const env = getEnvVariables();
+    if (!window.process) {
+        window.process = {};
+    }
+    if (!window.process.env) {
+        window.process.env = {};
+    }
+    Object.keys(env).forEach((key) => {
+        window.process.env[key] = env[key];
+    });
+};
+exports.setupEnvVariables = setupEnvVariables;
+const setupInitialFrame = () => {
+    window.remotion_initialFrame = getInitialFrame();
+};
+exports.setupInitialFrame = setupInitialFrame;
+//# sourceMappingURL=setup-environment.js.map

package/dist/setup-environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-environment.js","sourceRoot":"","sources":["../src/setup-environment.ts"],"names":[],"mappings":";;;AAAA,uDAAyD;AAE5C,QAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAC1D,QAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAC1D,QAAA,sBAAsB,GAAG,eAAwB,CAAC;AAE/D,MAAM,eAAe,GAAG,GAAW,EAAE;IACpC,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,uCAA+B,CAAC,CAAC;IACpE,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAA2B,EAAE;IACpD,IAAI,wCAAsB,EAAE,KAAK,WAAW,EAAE;QAC7C,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,uCAA+B,CAAC,CAAC;QACpE,IAAI,CAAC,KAAK,EAAE;YACX,OAAO,EAAE,CAAC;SACV;QAED,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,CAAC;KAC9D;IAED,IAAI,wCAAsB,EAAE,KAAK,SAAS,EAAE;QAC3C,0DAA0D;QAC1D,oDAAoD;QACpD,OAAO;YACN,GAAK,OAAO,CAAC,GAAG,CAAC,aAAoD;YACrE,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,QAAkB;SACxC,CAAC;KACF;IAED,MAAM,IAAI,KAAK,CACd,4EAA4E,CAC5E,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;IAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QACpB,MAAM,CAAC,OAAO,GAAG,EAAoB,CAAC;KACtC;IAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC;KACxB;IAED,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAChC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AAEK,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,qBAAqB,GAAG,eAAe,EAAE,CAAC;AAClD,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B"}

package/dist/stagger/index.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { SequenceProps } from '../sequencing';
+declare type StaggerChildProps = PropsWithChildren<{
+    durationInFrames: number;
+    offset?: number;
+} & Pick<SequenceProps, 'layout' | 'name'>>;
+declare const StaggerChild: ({ children }: StaggerChildProps) => JSX.Element;
+declare const Stagger: FC;
+export { Stagger, StaggerChild };
+//# sourceMappingURL=index.d.ts.map

package/dist/stagger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stagger/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAW,EAAE,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAC;AACtE,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AAGtD,aAAK,iBAAiB,GAAG,iBAAiB,CACzC;IACC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,MAAM,CAAC,CAC1C,CAAC;AAEF,QAAA,MAAM,YAAY,iBAAgB,iBAAiB,gBAGlD,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EA4Ed,CAAC;AAEF,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,CAAC"}

package/dist/stagger/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaggerChild = exports.Stagger = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const sequencing_1 = require("../sequencing");
+const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
+const StaggerChild = ({ children }) => {
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children }, void 0);
+};
+exports.StaggerChild = StaggerChild;
+const Stagger = ({ children }) => {
+    const childrenValue = react_1.useMemo(() => {
+        let startFrame = 0;
+        return react_1.Children.map(children, (child, i) => {
+            var _a;
+            const castedChild = child;
+            if (typeof castedChild === 'string') {
+                if (castedChild.trim() === '') {
+                    return null;
+                }
+                throw new TypeError(`The <Stagger> component only accepts a list of <StaggerChild /> components as it's children, but you passed a string "${castedChild}"`);
+            }
+            if (castedChild.type !== StaggerChild) {
+                throw new TypeError("The <Stagger> component only accepts a list of <StaggerChild /> components as it's children");
+            }
+            const debugInfo = `index = ${i}, duration = ${castedChild.props.durationInFrames}`;
+            if (!castedChild || !castedChild.props.children) {
+                throw new TypeError(`A <StaggerChild /> component (${debugInfo}) doesn't have any children.`);
+            }
+            const durationInFramesProp = castedChild.props.durationInFrames;
+            const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
+            validate_duration_in_frames_1.validateDurationInFrames(durationInFramesProp, `<StaggerChild />`);
+            const offset = (_a = castedChild.props.offset) !== null && _a !== void 0 ? _a : 0;
+            if (Number.isNaN(offset)) {
+                throw new TypeError(`The "offset" property of a <StaggerChild /> must not be NaN, but got NaN (${debugInfo}).`);
+            }
+            if (!Number.isFinite(offset)) {
+                throw new TypeError(`The "offset" property of a <StaggerChild /> must be finite, but got ${offset} (${debugInfo}).`);
+            }
+            if (offset % 1 !== 0) {
+                throw new TypeError(`The "offset" property of a <StaggerChild /> must be finite, but got ${offset} (${debugInfo}).`);
+            }
+            const currentStartFrame = startFrame + offset;
+            startFrame += durationInFramesProp + offset;
+            return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ from: currentStartFrame, durationInFrames: durationInFramesProp }, passedProps, { children: child }), void 0));
+        });
+    }, [children]);
+    /* eslint-disable react/jsx-no-useless-fragment */
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: childrenValue }, void 0);
+};
+exports.Stagger = Stagger;
+//# sourceMappingURL=index.js.map

package/dist/stagger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stagger/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,8CAAsD;AACtD,2FAAmF;AASnF,MAAM,YAAY,GAAG,CAAC,EAAC,QAAQ,EAAoB,EAAE,EAAE;IACtD,yDAAyD;IACzD,OAAO,sDAAG,QAAQ,WAAI,CAAC;AACxB,CAAC,CAAC;AAgFe,oCAAY;AA9E7B,MAAM,OAAO,GAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAClC,MAAM,aAAa,GAAG,eAAO,CAAC,GAAG,EAAE;QAClC,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,OAAO,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;YAC1C,MAAM,WAAW,GAAI,KAKZ,CAAC;YACV,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACpC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC9B,OAAO,IAAI,CAAC;iBACZ;gBAED,MAAM,IAAI,SAAS,CAClB,yHAAyH,WAAW,GAAG,CACvI,CAAC;aACF;YAED,IAAI,WAAW,CAAC,IAAI,KAAK,YAAY,EAAE;gBACtC,MAAM,IAAI,SAAS,CAClB,6FAA6F,CAC7F,CAAC;aACF;YAED,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,WAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAEnF,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAChD,MAAM,IAAI,SAAS,CAClB,iCAAiC,SAAS,8BAA8B,CACxE,CAAC;aACF;YAED,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAChE,MAAM,EACL,gBAAgB,EAChB,QAAQ,EAAE,SAAS,EACnB,GAAG,WAAW,EACd,GAAG,WAAW,CAAC,KAAK,CAAC;YACtB,sDAAwB,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;YACnE,MAAM,MAAM,SAAG,WAAW,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,CAAC;YAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACzB,MAAM,IAAI,SAAS,CAClB,6EAA6E,SAAS,IAAI,CAC1F,CAAC;aACF;YAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC7B,MAAM,IAAI,SAAS,CAClB,uEAAuE,MAAM,KAAK,SAAS,IAAI,CAC/F,CAAC;aACF;YAED,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;gBACrB,MAAM,IAAI,SAAS,CAClB,uEAAuE,MAAM,KAAK,SAAS,IAAI,CAC/F,CAAC;aACF;YAED,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,CAAC;YAC9C,UAAU,IAAI,oBAAoB,GAAG,MAAM,CAAC;YAC5C,OAAO,CACN,kBAAC,qBAAQ,kBACR,IAAI,EAAE,iBAAiB,EACvB,gBAAgB,EAAE,oBAAoB,IAClC,WAAW,cAEd,KAAK,YACI,CACX,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kDAAkD;IAClD,OAAO,sDAAG,aAAa,WAAI,CAAC;AAC7B,CAAC,CAAC;AAEM,0BAAO"}

package/dist/static-file.d.ts

@@ -0,0 +1,2 @@
+export declare const staticFile: (path: string) => string;
+//# sourceMappingURL=static-file.d.ts.map

package/dist/static-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-file.d.ts","sourceRoot":"","sources":["../src/static-file.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU,SAAU,MAAM,WAOtC,CAAC"}

package/dist/static-file.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.staticFile = void 0;
+const trimLeadingSlash = (path) => {
+    if (path.startsWith('/')) {
+        return path.substr(1);
+    }
+    return path;
+};
+const inner = (path) => {
+    if (window.remotion_staticBase) {
+        return `${window.remotion_staticBase}/${trimLeadingSlash(path)}`;
+    }
+    return `/${trimLeadingSlash(path)}`;
+};
+const staticFile = (path) => {
+    const preparsed = inner(path);
+    if (!preparsed.startsWith('/')) {
+        return `/${preparsed}`;
+    }
+    return preparsed;
+};
+exports.staticFile = staticFile;
+//# sourceMappingURL=static-file.js.map

package/dist/static-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-file.js","sourceRoot":"","sources":["../src/static-file.ts"],"names":[],"mappings":";;;AAAA,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QACzB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACtB;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,IAAY,EAAU,EAAE;IACtC,IAAI,MAAM,CAAC,mBAAmB,EAAE;QAC/B,OAAO,GAAG,MAAM,CAAC,mBAAmB,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;KACjE;IAED,OAAO,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;AACrC,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9B,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC/B,OAAO,IAAI,SAAS,EAAE,CAAC;KACvB;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAPW,QAAA,UAAU,cAOrB"}

package/dist/timeline-position-state.d.ts

@@ -1,4 +1,8 @@
 import { MutableRefObject } from 'react';
+export declare type PlayableMediaTag = {
+    play: () => void;
+    id: string;
+};
 export declare type TimelineContextValue = {
     frame: number;
     playing: boolean;
@@ -6,6 +10,7 @@ export declare type TimelineContextValue = {
     playbackRate: number;
     imperativePlaying: MutableRefObject<boolean>;
     setPlaybackRate: (u: React.SetStateAction<number>) => void;
+    audioAndVideoTags: MutableRefObject<PlayableMediaTag[]>;
 };
 export declare type SetTimelineContextValue = {
     setFrame: (u: React.SetStateAction<number>) => void;

package/dist/timeline-position-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-position-state.d.ts","sourceRoot":"","sources":["../src/timeline-position-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,gBAAgB,EAAsB,MAAM,OAAO,CAAC;AAE3E,oBAAY,oBAAoB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,eAAe,+CAW1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,kDAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAAO,MAGtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAC5B,MAAM,cAAc,CAAC,MAAM,CAAC,KAC3B,IAGJ,CAAC;AAEF,aAAK,iBAAiB,GAAG,SAAS;IACjC,OAAO;IACP,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI;IAC1C,gBAAgB,CAAC,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAQ3B,CAAC"}
+{"version":3,"file":"timeline-position-state.d.ts","sourceRoot":"","sources":["../src/timeline-position-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,gBAAgB,EAAsB,MAAM,OAAO,CAAC;AAE3E,oBAAY,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3D,iBAAiB,EAAE,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAC;CACxD,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,eAAe,+CAY1B,CAAC;AAEH,eAAO,MAAM,kBAAkB,kDAO7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAAO,MAGtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAC5B,MAAM,cAAc,CAAC,MAAM,CAAC,KAC3B,IAGJ,CAAC;AAEF,aAAK,iBAAiB,GAAG,SAAS;IACjC,OAAO;IACP,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI;IAC1C,gBAAgB,CAAC,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAQ3B,CAAC"}

package/dist/timeline-position-state.js

@@ -13,6 +13,7 @@ exports.TimelineContext = (0, react_1.createContext)({
     setPlaybackRate: () => {
         throw new Error('default');
     },
+    audioAndVideoTags: { current: [] },
 });
 exports.SetTimelineContext = (0, react_1.createContext)({
     setFrame: () => {

package/dist/timeline-position-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-position-state.js","sourceRoot":"","sources":["../src/timeline-position-state.ts"],"names":[],"mappings":";;;AAAA,iCAA2E;AAgB9D,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAuB;IAClE,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,EAAE;IACV,iBAAiB,EAAE;QAClB,OAAO,EAAE,KAAK;KACd;IACD,eAAe,EAAE,GAAG,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACD,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B;IACxE,QAAQ,EAAE,GAAG,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACD,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAG,GAAW,EAAE;IAC/C,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IAC1C,OAAO,KAAK,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B;AAEK,MAAM,mBAAmB,GAAG,GAExB,EAAE;IACZ,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAClD,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B;AAQK,MAAM,eAAe,GAAG,GAAsB,EAAE;IACtD,MAAM,EAAC,OAAO,EAAE,iBAAiB,EAAC,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IACjE,MAAM,EAAC,UAAU,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EACb,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC9C,CAAC,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CACxC,CAAC;AACH,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B"}
+{"version":3,"file":"timeline-position-state.js","sourceRoot":"","sources":["../src/timeline-position-state.ts"],"names":[],"mappings":";;;AAAA,iCAA2E;AAsB9D,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAuB;IAClE,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,EAAE;IACV,iBAAiB,EAAE;QAClB,OAAO,EAAE,KAAK;KACd;IACD,eAAe,EAAE,GAAG,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,iBAAiB,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;CAChC,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAA0B;IACxE,QAAQ,EAAE,GAAG,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;CACD,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAG,GAAW,EAAE;IAC/C,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IAC1C,OAAO,KAAK,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC;AAHW,QAAA,mBAAmB,uBAG9B;AAEK,MAAM,mBAAmB,GAAG,GAExB,EAAE;IACZ,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAClD,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B;AAQK,MAAM,eAAe,GAAG,GAAsB,EAAE;IACtD,MAAM,EAAC,OAAO,EAAE,iBAAiB,EAAC,GAAG,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAC;IACjE,MAAM,EAAC,UAAU,EAAC,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAEpD,OAAO,IAAA,eAAO,EACb,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC9C,CAAC,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CACxC,CAAC;AACH,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B"}

package/dist/timeout.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_PUPPETEER_TIMEOUT = 30000;
+export declare const PUPPETEER_TIMEOUT_KEY = "remotion.puppeteerTimeout";
+export declare const setupPuppeteerTimeout: () => void;
+//# sourceMappingURL=timeout.d.ts.map

package/dist/timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.d.ts","sourceRoot":"","sources":["../src/timeout.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAE/C,eAAO,MAAM,qBAAqB,8BAA8B,CAAC;AAOjE,eAAO,MAAM,qBAAqB,YAEjC,CAAC"}

package/dist/timeout.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupPuppeteerTimeout = exports.PUPPETEER_TIMEOUT_KEY = exports.DEFAULT_PUPPETEER_TIMEOUT = void 0;
+exports.DEFAULT_PUPPETEER_TIMEOUT = 30000;
+exports.PUPPETEER_TIMEOUT_KEY = 'remotion.puppeteerTimeout';
+const getPuppeteerTimeout = () => {
+    const param = localStorage.getItem(exports.PUPPETEER_TIMEOUT_KEY);
+    return param ? Number(param) : exports.DEFAULT_PUPPETEER_TIMEOUT;
+};
+const setupPuppeteerTimeout = () => {
+    window.remotion_puppeteerTimeout = getPuppeteerTimeout();
+};
+exports.setupPuppeteerTimeout = setupPuppeteerTimeout;
+//# sourceMappingURL=timeout.js.map

package/dist/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../src/timeout.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG,KAAK,CAAC;AAElC,QAAA,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,MAAM,mBAAmB,GAAG,GAAW,EAAE;IACxC,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,6BAAqB,CAAC,CAAC;IAC1D,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAyB,CAAC;AAC1D,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACzC,MAAM,CAAC,yBAAyB,GAAG,mBAAmB,EAAE,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}

package/dist/use-current-src.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare const useCurrentSrc: (mediaElement: RefObject<HTMLAudioElement | HTMLVideoElement>) => string | null;
+//# sourceMappingURL=use-current-src.d.ts.map

package/dist/use-current-src.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-current-src.d.ts","sourceRoot":"","sources":["../src/use-current-src.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,aAAa,iBACX,UAAU,gBAAgB,GAAG,gBAAgB,CAAC,kBAuB5D,CAAC"}

package/dist/use-current-src.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrentSrc = void 0;
+const react_1 = require("react");
+const useCurrentSrc = (mediaElement) => {
+    var _a, _b;
+    const currentSrc = (_b = (_a = mediaElement.current) === null || _a === void 0 ? void 0 : _a.currentSrc) !== null && _b !== void 0 ? _b : null;
+    const [currentCurrentSrc, setCurrentCurrentSrc] = (0, react_1.useState)(currentSrc !== null && currentSrc !== void 0 ? currentSrc : null);
+    (0, react_1.useEffect)(() => {
+        const check = () => {
+            if (currentCurrentSrc !== currentSrc) {
+                setCurrentCurrentSrc(currentSrc);
+            }
+        };
+        const interval = setInterval(check, 100);
+        return () => {
+            clearInterval(interval);
+        };
+    }, [currentCurrentSrc, currentSrc]);
+    return currentCurrentSrc;
+};
+exports.useCurrentSrc = useCurrentSrc;
+//# sourceMappingURL=use-current-src.js.map

package/dist/use-current-src.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-current-src.js","sourceRoot":"","sources":["../src/use-current-src.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAE9C,MAAM,aAAa,GAAG,CAC5B,YAA4D,EAC3D,EAAE;;IACH,MAAM,UAAU,GAAG,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,UAAU,mCAAI,IAAI,CAAC;IAE5D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EACzD,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,CAClB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,KAAK,GAAG,GAAG,EAAE;YAClB,IAAI,iBAAiB,KAAK,UAAU,EAAE;gBACrC,oBAAoB,CAAC,UAAU,CAAC,CAAC;aACjC;QACF,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzC,OAAO,GAAG,EAAE;YACX,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,iBAAiB,CAAC;AAC1B,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

package/dist/use-current-time.d.ts

@@ -0,0 +1,2 @@
+export declare const useCurrentTime: () => number;
+//# sourceMappingURL=use-current-time.d.ts.map

package/dist/use-current-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-current-time.d.ts","sourceRoot":"","sources":["../src/use-current-time.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,QAAO,MAKjC,CAAC"}

package/dist/use-current-time.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrentTime = void 0;
+const use_frame_1 = require("./use-frame");
+const use_video_config_1 = require("./use-video-config");
+const useCurrentTime = () => {
+    const { fps } = (0, use_video_config_1.useVideoConfig)();
+    const currentFrame = (0, use_frame_1.useCurrentFrame)();
+    return 1000 * (currentFrame / fps);
+};
+exports.useCurrentTime = useCurrentTime;
+//# sourceMappingURL=use-current-time.js.map

package/dist/use-current-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-current-time.js","sourceRoot":"","sources":["../src/use-current-time.ts"],"names":[],"mappings":";;;AAAA,2CAA4C;AAC5C,yDAAkD;AAE3C,MAAM,cAAc,GAAG,GAAW,EAAE;IAC1C,MAAM,EAAC,GAAG,EAAC,GAAG,IAAA,iCAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEvC,OAAO,IAAI,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC;AACpC,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB"}

package/dist/use-media-in-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-in-timeline.d.ts","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA2C,MAAM,OAAO,CAAC;AAQ1E,OAAO,EAAiB,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzD,eAAO,MAAM,kBAAkB;YAOtB,UAAU,GAAG,SAAS;iBACjB,MAAM;cACT,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;UAkF5B,CAAC"}
+{"version":3,"file":"use-media-in-timeline.d.ts","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA2C,MAAM,OAAO,CAAC;AAS1E,OAAO,EAAiB,UAAU,EAAC,MAAM,eAAe,CAAC;AAazD,eAAO,MAAM,kBAAkB;YAOtB,UAAU,GAAG,SAAS;iBACjB,MAAM;cACT,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;UA4G5B,CAAC"}

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

@@ -6,13 +6,22 @@ const use_audio_frame_1 = require("./audio/use-audio-frame");
 const CompositionManager_1 = require("./CompositionManager");
 const get_asset_file_name_1 = require("./get-asset-file-name");
 const nonce_1 = require("./nonce");
+const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
 const sequencing_1 = require("./sequencing");
 const timeline_position_state_1 = require("./timeline-position-state");
 const use_video_config_1 = require("./use-video-config");
 const volume_prop_1 = require("./volume-prop");
+const didWarn = {};
+const warnOnce = (message) => {
+    if (didWarn[message]) {
+        return;
+    }
+    console.warn(message);
+    didWarn[message] = true;
+};
 const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, }) => {
     const videoConfig = (0, use_video_config_1.useVideoConfig)();
-    const { rootId } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
+    const { rootId, audioAndVideoTags } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
     const parentSequence = (0, react_1.useContext)(sequencing_1.SequenceContext);
     const actualFrom = parentSequence
         ? parentSequence.relativeFrom + parentSequence.cumulatedFrom
@@ -20,6 +29,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
     const startsAt = (0, use_audio_frame_1.useMediaStartsAt)();
     const { registerSequence, unregisterSequence } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
     const [id] = (0, react_1.useState)(() => String(Math.random()));
+    const [initialVolume] = (0, react_1.useState)(() => volume);
     const nonce = (0, nonce_1.useNonce)();
     const duration = (() => {
         return parentSequence
@@ -42,6 +52,11 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
         })
             .join(',');
     }, [duration, startsAt, volume, mediaVolume]);
+    (0, react_1.useEffect)(() => {
+        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`);
+        }
+    }, [initialVolume, mediaType, src, volume]);
     (0, react_1.useEffect)(() => {
         var _a;
         if (!mediaRef.current) {
@@ -58,7 +73,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
             duration,
             from: 0,
             parent: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _a !== void 0 ? _a : null,
-            displayName: (0, get_asset_file_name_1.getAssetFileName)(src),
+            displayName: (0, get_asset_file_name_1.getAssetDisplayName)(src),
             rootId,
             volume: volumes,
             showInTimeline: true,
@@ -67,7 +82,9 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
             doesVolumeChange,
             showLoopTimesInTimeline: undefined,
         });
-        return () => unregisterSequence(id);
+        return () => {
+            unregisterSequence(id);
+        };
     }, [
         actualFrom,
         duration,
@@ -85,6 +102,16 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
         mediaType,
         startsAt,
     ]);
+    (0, react_1.useEffect)(() => {
+        const tag = {
+            id,
+            play: () => (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType),
+        };
+        audioAndVideoTags.current.push(tag);
+        return () => {
+            audioAndVideoTags.current = audioAndVideoTags.current.filter((a) => a.id !== id);
+        };
+    }, [audioAndVideoTags, id, mediaRef, mediaType]);
 };
 exports.useMediaInTimeline = useMediaInTimeline;
 //# sourceMappingURL=use-media-in-timeline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-media-in-timeline.js","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-media-in-timeline.js","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;AAkCvD,eAAO,MAAM,gBAAgB;cAMlB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;kBACd,MAAM;UAwEpB,CAAC"}
+{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;AASvD,eAAO,MAAM,gBAAgB;cAMlB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;kBACd,MAAM;UA2EpB,CAAC"}

package/dist/use-media-playback.js

@@ -3,31 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMediaPlayback = void 0;
 const react_1 = require("react");
 const use_audio_frame_1 = require("./audio/use-audio-frame");
+const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
 const timeline_position_state_1 = require("./timeline-position-state");
 const use_frame_1 = require("./use-frame");
 const use_video_config_1 = require("./use-video-config");
 const get_current_time_1 = require("./video/get-current-time");
 const warn_about_non_seekable_media_1 = require("./warn-about-non-seekable-media");
-const playAndHandleNotAllowedError = (mediaRef, mediaType) => {
-    const { current } = mediaRef;
-    const prom = current === null || current === void 0 ? void 0 : current.play();
-    if (prom === null || prom === void 0 ? void 0 : prom.catch) {
-        prom === null || prom === void 0 ? void 0 : prom.catch((err) => {
-            if (!current) {
-                return;
-            }
-            if (err.message.includes('request was interrupted by a call to pause')) {
-                return;
-            }
-            console.log(`Could not play ${mediaType} due to following error: `, err);
-            if (!current.muted) {
-                console.log(`The video will be muted and we'll retry playing it.`, err);
-                current.muted = true;
-                current.play();
-            }
-        });
-    }
-};
 const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, }) => {
     const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
     const frame = (0, use_frame_1.useCurrentFrame)();
@@ -37,12 +18,9 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
     const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
     const playbackRate = localPlaybackRate * globalPlaybackRate;
     (0, react_1.useEffect)(() => {
-        var _a, _b;
-        if (playing && !((_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.ended)) {
-            playAndHandleNotAllowedError(mediaRef, mediaType);
-        }
-        else {
-            (_b = mediaRef.current) === null || _b === void 0 ? void 0 : _b.pause();
+        var _a;
+        if (!playing) {
+            (_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.pause();
         }
     }, [mediaRef, mediaType, playing]);
     (0, react_1.useEffect)(() => {
@@ -64,7 +42,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         const isTime = mediaRef.current.currentTime;
         const timeShift = Math.abs(shouldBeTime - isTime);
         if (timeShift > 0.45 && !mediaRef.current.ended) {
-            console.log('Time has shifted by', timeShift, 'sec. Fixing...');
+            console.log('Time has shifted by', timeShift, 'sec. Fixing...', `(isTime=${isTime},shouldBeTime=${shouldBeTime})`);
             // If scrubbing around, adjust timing
             // or if time shift is bigger than 0.2sec
             mediaRef.current.currentTime = shouldBeTime;
@@ -76,7 +54,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         if (mediaRef.current.paused && !mediaRef.current.ended && playing) {
             const { current } = mediaRef;
             current.currentTime = shouldBeTime;
-            playAndHandleNotAllowedError(mediaRef, mediaType);
+            (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
         }
     }, [
         absoluteFrame,

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

@@ -1 +1 @@
-{"version":3,"file":"use-media-playback.js","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-media-playback.js","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AACvD,6DAAyD;AACzD,2FAAiF;AACjF,uEAA2E;AAC3E,2CAAqE;AACrE,yDAAkD;AAClD,+DAAsD;AACtD,mFAA0E;AAEnE,MAAM,gBAAgB,GAAG,CAAC,EAChC,QAAQ,EACR,GAAG,EACH,SAAS,EACT,YAAY,EAAE,iBAAiB,GAM/B,EAAE,EAAE;IACJ,MAAM,EAAC,YAAY,EAAE,kBAAkB,EAAC,GAAG,IAAA,kBAAU,EAAC,yCAAe,CAAC,CAAC;IACvE,MAAM,KAAK,GAAG,IAAA,2BAAe,GAAE,CAAC;IAChC,MAAM,aAAa,GAAG,IAAA,mCAAuB,GAAE,CAAC;IAChD,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,yCAAe,GAAE,CAAC;IACpC,MAAM,EAAC,GAAG,EAAC,GAAG,IAAA,iCAAc,GAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,IAAA,kCAAgB,GAAE,CAAC;IAEzC,MAAM,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACd,IAAI,CAAC,OAAO,EAAE;YACb,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC1B;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,CAAC;SAC7C;QAED,IAAI,CAAC,GAAG,EAAE;YACT,MAAM,IAAI,KAAK,CACd,wCAAwC,OAAO,WAAW,CAC1D,CAAC;SACF;QAED,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QAE1D,MAAM,YAAY,GAAG,IAAA,+BAAY,EAAC;YACjC,GAAG;YACH,KAAK;YACL,GAAG;YACH,YAAY,EAAE,iBAAiB;YAC/B,SAAS,EAAE,CAAC,aAAa;SACzB,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC;QAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC;QAClD,IAAI,SAAS,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;YAChD,OAAO,CAAC,GAAG,CACV,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,WAAW,MAAM,iBAAiB,YAAY,GAAG,CACjD,CAAC;YACF,qCAAqC;YACrC,yCAAyC;YACzC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC;YAC5C,IAAA,yDAAyB,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC5C;QAED,IAAI,CAAC,OAAO,IAAI,aAAa,KAAK,CAAC,EAAE;YACpC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC;SAC5C;QAED,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,EAAE;YAClE,MAAM,EAAC,OAAO,EAAC,GAAG,QAAQ,CAAC;YAC3B,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC;YACnC,IAAA,gEAA4B,EAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;SAClD;IACF,CAAC,EAAE;QACF,aAAa;QACb,GAAG;QACH,YAAY;QACZ,KAAK;QACL,QAAQ;QACR,SAAS;QACT,OAAO;QACP,GAAG;QACH,aAAa;QACb,iBAAiB;KACjB,CAAC,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,gBAAgB,oBAoF3B"}

package/dist/use-time.d.ts

@@ -0,0 +1,2 @@
+export declare const useCurrentTime: () => number;
+//# sourceMappingURL=use-time.d.ts.map

package/dist/use-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time.d.ts","sourceRoot":"","sources":["../src/use-time.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,QAAO,MASjC,CAAC"}

package/dist/use-time.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrentTime = void 0;
+const use_frame_1 = require("./use-frame");
+const use_video_1 = require("./use-video");
+const useCurrentTime = () => {
+    const video = (0, use_video_1.useVideo)();
+    const currentFrame = (0, use_frame_1.useCurrentFrame)();
+    if ((video === null || video === void 0 ? void 0 : video.fps) && currentFrame) {
+        return 1000 * (currentFrame / video.fps);
+    }
+    return 0;
+};
+exports.useCurrentTime = useCurrentTime;
+//# sourceMappingURL=use-time.js.map

package/dist/use-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time.js","sourceRoot":"","sources":["../src/use-time.ts"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,2CAAuC;AAEhC,MAAM,cAAc,GAAG,GAAW,EAAE;IACzC,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,2BAAe,GAAE,CAAC;IAErC,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,KAAI,YAAY,EAAE;QAC9B,OAAO,IAAI,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;KAC1C;IAED,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB"}

package/dist/use-video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mEAOpB,CAAC"}
+{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mEASpB,CAAC"}