remotion 3.3.52 → 3.3.53

package/dist/spring/measure-spring.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.measureSpring = void 0;
-const validate_fps_1 = require("../validation/validate-fps");
-const spring_utils_1 = require("./spring-utils");
-function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1, }) {
-    if (typeof threshold !== 'number') {
-        throw new TypeError(`threshold must be a number, got ${threshold} of type ${typeof threshold}`);
-    }
-    if (threshold === 0) {
-        return Infinity;
-    }
-    if (threshold === 1) {
-        return 0;
-    }
-    if (isNaN(threshold)) {
-        throw new TypeError('Threshold is NaN');
-    }
-    if (!Number.isFinite(threshold)) {
-        throw new TypeError('Threshold is not finite');
-    }
-    if (threshold < 0) {
-        throw new TypeError('Threshold is below 0');
-    }
-    (0, validate_fps_1.validateFps)(fps, 'to the measureSpring() function', false);
-    const range = Math.abs(from - to);
-    let frame = 0;
-    let finishedFrame = 0;
-    const calc = () => {
-        return (0, spring_utils_1.springCalculation)({
-            fps,
-            frame,
-            config,
-            from,
-            to,
-        });
-    };
-    let animation = calc();
-    const calcDifference = () => {
-        return (Math.abs(animation.current - animation.toValue) /
-            (range === 0 ? 1 : range));
-    };
-    let difference = calcDifference();
-    while (difference >= threshold) {
-        frame++;
-        animation = calc();
-        difference = calcDifference();
-    }
-    // Since spring is bouncy, just because it's under the threshold we
-    // cannot be sure it's done. We need to animate further until it stays in the
-    // threshold for, say, 20 frames.
-    finishedFrame = frame;
-    for (let i = 0; i < 20; i++) {
-        frame++;
-        animation = calc();
-        difference = calcDifference();
-        if (difference >= threshold) {
-            i = 0;
-            finishedFrame = frame + 1;
-        }
-    }
-    return finishedFrame;
-}
-exports.measureSpring = measureSpring;

package/dist/spring/spring-utils.d.ts

@@ -1,21 +0,0 @@
-declare type AnimationNode = {
-    lastTimestamp: number;
-    toValue: number;
-    current: number;
-    velocity: number;
-    prevPosition?: number;
-};
-export declare type SpringConfig = {
-    damping: number;
-    mass: number;
-    stiffness: number;
-    overshootClamping: boolean;
-};
-export declare function springCalculation({ from, to, frame, fps, config, }: {
-    from?: number;
-    to?: number;
-    frame: number;
-    fps: number;
-    config?: Partial<SpringConfig>;
-}): AnimationNode;
-export {};

package/dist/spring/spring-utils.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.springCalculation = void 0;
-const defaultSpringConfig = {
-    damping: 10,
-    mass: 1,
-    stiffness: 100,
-    overshootClamping: false,
-};
-const advanceCache = {};
-function advance({ animation, now, config, }) {
-    const { toValue, lastTimestamp, current, velocity } = animation;
-    const deltaTime = Math.min(now - lastTimestamp, 64);
-    const c = config.damping;
-    const m = config.mass;
-    const k = config.stiffness;
-    const cacheKey = [
-        toValue,
-        lastTimestamp,
-        current,
-        velocity,
-        c,
-        m,
-        k,
-        now,
-    ].join('-');
-    if (advanceCache[cacheKey]) {
-        return advanceCache[cacheKey];
-    }
-    const v0 = -velocity;
-    const x0 = toValue - current;
-    const zeta = c / (2 * Math.sqrt(k * m)); // damping ratio
-    const omega0 = Math.sqrt(k / m); // undamped angular frequency of the oscillator (rad/ms)
-    const omega1 = omega0 * Math.sqrt(1 - zeta ** 2); // exponential decay
-    const t = deltaTime / 1000;
-    const sin1 = Math.sin(omega1 * t);
-    const cos1 = Math.cos(omega1 * t);
-    // under damped
-    const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
-    const underDampedFrag1 = underDampedEnvelope *
-        (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
-    const underDampedPosition = toValue - underDampedFrag1;
-    // This looks crazy -- it's actually just the derivative of the oscillation function
-    const underDampedVelocity = zeta * omega0 * underDampedFrag1 -
-        underDampedEnvelope *
-            (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
-    // critically damped
-    const criticallyDampedEnvelope = Math.exp(-omega0 * t);
-    const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
-    const criticallyDampedVelocity = criticallyDampedEnvelope *
-        (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
-    const animationNode = {
-        toValue,
-        prevPosition: current,
-        lastTimestamp: now,
-        current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
-        velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity,
-    };
-    advanceCache[cacheKey] = animationNode;
-    return animationNode;
-}
-const calculationCache = {};
-function springCalculation({ from = 0, to = 1, frame, fps, config = {}, }) {
-    const cacheKey = [
-        from,
-        to,
-        frame,
-        fps,
-        config.damping,
-        config.mass,
-        config.overshootClamping,
-        config.stiffness,
-    ].join('-');
-    if (calculationCache[cacheKey]) {
-        return calculationCache[cacheKey];
-    }
-    let animation = {
-        lastTimestamp: 0,
-        current: from,
-        toValue: to,
-        velocity: 0,
-        prevPosition: 0,
-    };
-    const frameClamped = Math.max(0, frame);
-    const unevenRest = frameClamped % 1;
-    for (let f = 0; f <= Math.floor(frameClamped); f++) {
-        if (f === Math.floor(frameClamped)) {
-            f += unevenRest;
-        }
-        const time = (f / fps) * 1000;
-        animation = advance({
-            animation,
-            now: time,
-            config: {
-                ...defaultSpringConfig,
-                ...config,
-            },
-        });
-    }
-    calculationCache[cacheKey] = animation;
-    return animation;
-}
-exports.springCalculation = springCalculation;

package/dist/static-file.d.ts

@@ -1,5 +0,0 @@
-/**
- * Reference a file from the public/ folder.
- * If the file does not appear in the autocomplete, type the path manually.
- */
-export declare const staticFile: (path: string) => string;

package/dist/static-file.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.staticFile = void 0;
-const trimLeadingSlash = (path) => {
-    if (path.startsWith('/')) {
-        return trimLeadingSlash(path.substr(1));
-    }
-    return path;
-};
-const inner = (path) => {
-    if (typeof window !== 'undefined' && window.remotion_staticBase) {
-        return `${window.remotion_staticBase}/${trimLeadingSlash(path)}`;
-    }
-    return `/${trimLeadingSlash(path)}`;
-};
-/**
- * Reference a file from the public/ folder.
- * If the file does not appear in the autocomplete, type the path manually.
- */
-const staticFile = (path) => {
-    if (path.startsWith('http://') || path.startsWith('https://')) {
-        throw new TypeError(`staticFile() does not support remote URLs - got "${path}". Instead, pass the URL without wrapping it in staticFile(). See: https://remotion.dev/docs/staticfile-remote-urls`);
-    }
-    if (path.startsWith('..') || path.startsWith('./')) {
-        throw new TypeError(`staticFile() does not support relative paths - got "${path}". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths`);
-    }
-    const preparsed = inner(path);
-    if (!preparsed.startsWith('/')) {
-        return `/${preparsed}`;
-    }
-    return preparsed;
-};
-exports.staticFile = staticFile;

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

@@ -1,29 +0,0 @@
-import type { MutableRefObject } from 'react';
-export declare type PlayableMediaTag = {
-    play: () => void;
-    id: string;
-};
-export declare type TimelineContextValue = {
-    frame: number;
-    playing: boolean;
-    rootId: string;
-    playbackRate: number;
-    imperativePlaying: MutableRefObject<boolean>;
-    setPlaybackRate: (u: React.SetStateAction<number>) => void;
-    audioAndVideoTags: MutableRefObject<PlayableMediaTag[]>;
-};
-export declare type SetTimelineContextValue = {
-    setFrame: (u: React.SetStateAction<number>) => void;
-    setPlaying: (u: React.SetStateAction<boolean>) => void;
-};
-export declare const TimelineContext: import("react").Context<TimelineContextValue>;
-export declare const SetTimelineContext: import("react").Context<SetTimelineContextValue>;
-export declare const useTimelinePosition: () => number;
-export declare const useTimelineSetFrame: () => (u: React.SetStateAction<number>) => void;
-declare type PlayingReturnType = readonly [
-    boolean,
-    (u: React.SetStateAction<boolean>) => void,
-    MutableRefObject<boolean>
-];
-export declare const usePlayingState: () => PlayingReturnType;
-export {};

package/dist/timeline-position-state.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePlayingState = exports.useTimelineSetFrame = exports.useTimelinePosition = exports.SetTimelineContext = exports.TimelineContext = void 0;
-const react_1 = require("react");
-exports.TimelineContext = (0, react_1.createContext)({
-    frame: 0,
-    playing: false,
-    playbackRate: 1,
-    rootId: '',
-    imperativePlaying: {
-        current: false,
-    },
-    setPlaybackRate: () => {
-        throw new Error('default');
-    },
-    audioAndVideoTags: { current: [] },
-});
-exports.SetTimelineContext = (0, react_1.createContext)({
-    setFrame: () => {
-        throw new Error('default');
-    },
-    setPlaying: () => {
-        throw new Error('default');
-    },
-});
-const useTimelinePosition = () => {
-    const state = (0, react_1.useContext)(exports.TimelineContext);
-    return state.frame;
-};
-exports.useTimelinePosition = useTimelinePosition;
-const useTimelineSetFrame = () => {
-    const { setFrame } = (0, react_1.useContext)(exports.SetTimelineContext);
-    return setFrame;
-};
-exports.useTimelineSetFrame = useTimelineSetFrame;
-const usePlayingState = () => {
-    const { playing, imperativePlaying } = (0, react_1.useContext)(exports.TimelineContext);
-    const { setPlaying } = (0, react_1.useContext)(exports.SetTimelineContext);
-    return (0, react_1.useMemo)(() => [playing, setPlaying, imperativePlaying], [imperativePlaying, playing, setPlaying]);
-};
-exports.usePlayingState = usePlayingState;

package/dist/truthy.d.ts

@@ -1,3 +0,0 @@
-declare type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
-export declare function truthy<T>(value: T): value is Truthy<T>;
-export {};

package/dist/truthy.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.truthy = void 0;
-function truthy(value) {
-    return Boolean(value);
-}
-exports.truthy = truthy;

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

@@ -1,6 +0,0 @@
-/**
- * Get the current frame of the video.
- * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @link https://www.remotion.dev/docs/use-current-frame
- */
-export declare const useCurrentFrame: () => number;

package/dist/use-current-frame.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCurrentFrame = void 0;
-const react_1 = require("react");
-const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
-const Sequence_1 = require("./Sequence");
-const timeline_position_state_1 = require("./timeline-position-state");
-/**
- * Get the current frame of the video.
- * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @link https://www.remotion.dev/docs/use-current-frame
- */
-const useCurrentFrame = () => {
-    const canUseRemotionHooks = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
-    if (!canUseRemotionHooks) {
-        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
-            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
-        }
-        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
-    }
-    const frame = (0, timeline_position_state_1.useTimelinePosition)();
-    const context = (0, react_1.useContext)(Sequence_1.SequenceContext);
-    const contextOffset = context
-        ? context.cumulatedFrom + context.relativeFrom
-        : 0;
-    return frame - contextOffset;
-};
-exports.useCurrentFrame = useCurrentFrame;

package/dist/use-lazy-component.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentPropsWithRef, ComponentType, ExoticComponent } from 'react';
-import type { CompProps } from './internals';
-declare type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
-    readonly _result: T;
-};
-export declare const useLazyComponent: <T>(compProps: CompProps<T>) => LazyExoticComponent<ComponentType<T>>;
-export {};

package/dist/use-lazy-component.js

@@ -1,49 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLazyComponent = void 0;
-const react_1 = __importStar(require("react"));
-// Expected, it can be any component props
-const useLazyComponent = (compProps) => {
-    const lazy = (0, react_1.useMemo)(() => {
-        if ('lazyComponent' in compProps) {
-            return react_1.default.lazy(compProps.lazyComponent);
-        }
-        if ('component' in compProps) {
-            // In SSR, suspense is not yet supported, we cannot use React.lazy
-            if (typeof document === 'undefined') {
-                return compProps.component;
-            }
-            return react_1.default.lazy(() => Promise.resolve({ default: compProps.component }));
-        }
-        throw new Error("You must pass either 'component' or 'lazyComponent'");
-        // Very important to leave the dependencies as they are, or instead
-        // the player will remount on every frame.
-        // @ts-expect-error
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [compProps.component, compProps.lazyComponent]);
-    return lazy;
-};
-exports.useLazyComponent = useLazyComponent;

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

@@ -1,10 +0,0 @@
-import type { RefObject } from 'react';
-import type { VolumeProp } from './volume-prop';
-export declare const useMediaInTimeline: ({ volume, mediaVolume, mediaRef, src, mediaType, playbackRate, }: {
-    volume: VolumeProp | undefined;
-    mediaVolume: number;
-    mediaRef: RefObject<HTMLAudioElement | HTMLVideoElement>;
-    src: string | undefined;
-    mediaType: 'audio' | 'video';
-    playbackRate: number;
-}) => void;

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

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaInTimeline = void 0;
-const react_1 = require("react");
-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 get_environment_1 = require("./get-environment");
-const nonce_1 = require("./nonce");
-const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
-const Sequence_1 = require("./Sequence");
-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, playbackRate, }) => {
-    const videoConfig = (0, use_video_config_1.useVideoConfig)();
-    const { rootId, audioAndVideoTags } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
-    const parentSequence = (0, react_1.useContext)(Sequence_1.SequenceContext);
-    const actualFrom = parentSequence
-        ? parentSequence.relativeFrom + parentSequence.cumulatedFrom
-        : 0;
-    const [playing] = (0, timeline_position_state_1.usePlayingState)();
-    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 = parentSequence
-        ? Math.min(parentSequence.durationInFrames, videoConfig.durationInFrames)
-        : videoConfig.durationInFrames;
-    const doesVolumeChange = typeof volume === 'function';
-    const environment = (0, get_environment_1.useRemotionEnvironment)();
-    const volumes = (0, react_1.useMemo)(() => {
-        if (typeof volume === 'number') {
-            return volume;
-        }
-        return new Array(Math.max(0, duration + startsAt))
-            .fill(true)
-            .map((_, i) => {
-            return (0, volume_prop_1.evaluateVolume)({
-                frame: i + startsAt,
-                volume,
-                mediaVolume,
-                allowAmplificationDuringRender: false,
-            });
-        })
-            .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) {
-            return;
-        }
-        if (!src) {
-            throw new Error('No src passed');
-        }
-        if (environment !== 'preview' && process.env.NODE_ENV !== 'test') {
-            return;
-        }
-        registerSequence({
-            type: mediaType,
-            src,
-            id,
-            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.getAssetDisplayName)(src),
-            rootId,
-            volume: volumes,
-            showInTimeline: true,
-            nonce,
-            startMediaFrom: 0 - startsAt,
-            doesVolumeChange,
-            showLoopTimesInTimeline: undefined,
-            playbackRate,
-        });
-        return () => {
-            unregisterSequence(id);
-        };
-    }, [
-        actualFrom,
-        duration,
-        id,
-        parentSequence,
-        src,
-        registerSequence,
-        rootId,
-        unregisterSequence,
-        videoConfig,
-        volumes,
-        doesVolumeChange,
-        nonce,
-        mediaRef,
-        mediaType,
-        startsAt,
-        playbackRate,
-        environment,
-    ]);
-    (0, react_1.useEffect)(() => {
-        const tag = {
-            id,
-            play: () => {
-                if (!playing) {
-                    // Don't play if for example in a <Freeze> state.
-                    return;
-                }
-                return (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, playing]);
-};
-exports.useMediaInTimeline = useMediaInTimeline;

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

@@ -1,10 +0,0 @@
-import type { RefObject } from 'react';
-export declare const DEFAULT_ACCEPTABLE_TIMESHIFT = 0.45;
-export declare const useMediaPlayback: ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, }: {
-    mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>;
-    src: string | undefined;
-    mediaType: 'audio' | 'video';
-    playbackRate: number;
-    onlyWarnForMediaSeekingError: boolean;
-    acceptableTimeshift: number;
-}) => void;

package/dist/use-media-playback.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaPlayback = exports.DEFAULT_ACCEPTABLE_TIMESHIFT = 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_current_frame_1 = require("./use-current-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");
-exports.DEFAULT_ACCEPTABLE_TIMESHIFT = 0.45;
-const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, }) => {
-    const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
-    const frame = (0, use_current_frame_1.useCurrentFrame)();
-    const absoluteFrame = (0, timeline_position_state_1.useTimelinePosition)();
-    const [playing] = (0, timeline_position_state_1.usePlayingState)();
-    const { fps } = (0, use_video_config_1.useVideoConfig)();
-    const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
-    const playbackRate = localPlaybackRate * globalPlaybackRate;
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (!playing) {
-            (_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-        }
-    }, [mediaRef, mediaType, playing]);
-    (0, react_1.useEffect)(() => {
-        const tagName = mediaType === 'audio' ? '<Audio>' : '<Video>';
-        if (!mediaRef.current) {
-            throw new Error(`No ${mediaType} ref found`);
-        }
-        if (!src) {
-            throw new Error(`No 'src' attribute was passed to the ${tagName} element.`);
-        }
-        mediaRef.current.playbackRate = Math.max(0, playbackRate);
-        const shouldBeTime = (0, get_current_time_1.getMediaTime)({
-            fps,
-            frame,
-            src,
-            playbackRate: localPlaybackRate,
-            startFrom: -mediaStartsAt,
-            mediaType,
-        });
-        const isTime = mediaRef.current.currentTime;
-        const timeShift = Math.abs(shouldBeTime - isTime);
-        if (timeShift > acceptableTimeshift && !mediaRef.current.ended) {
-            // If scrubbing around, adjust timing
-            // or if time shift is bigger than 0.2sec
-            mediaRef.current.currentTime = shouldBeTime;
-            if (!onlyWarnForMediaSeekingError) {
-                (0, warn_about_non_seekable_media_1.warnAboutNonSeekableMedia)(mediaRef.current, onlyWarnForMediaSeekingError ? 'console-warning' : 'console-error');
-            }
-        }
-        if (!playing || absoluteFrame === 0) {
-            mediaRef.current.currentTime = shouldBeTime;
-        }
-        if (mediaRef.current.paused && !mediaRef.current.ended && playing) {
-            const { current } = mediaRef;
-            current.currentTime = shouldBeTime;
-            (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
-        }
-    }, [
-        absoluteFrame,
-        fps,
-        playbackRate,
-        frame,
-        mediaRef,
-        mediaType,
-        playing,
-        src,
-        mediaStartsAt,
-        localPlaybackRate,
-        onlyWarnForMediaSeekingError,
-        acceptableTimeshift,
-    ]);
-};
-exports.useMediaPlayback = useMediaPlayback;

package/dist/use-media-tag-volume.d.ts

@@ -1,2 +0,0 @@
-import type { RefObject } from 'react';
-export declare const useMediaTagVolume: (mediaRef: RefObject<HTMLVideoElement | HTMLAudioElement>) => number;