remotion/dist/cjs/use-request-video-callback-time.js

Make videos programmatically

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useRequestVideoCallbackTime = void 0;
const react_1 = require("react");
const useRequestVideoCallbackTime = ({ mediaRef, mediaType, lastSeek, onVariableFpsVideoDetected, }) => {
    const currentTime = (0, react_1.useRef)(null);
    (0, react_1.useEffect)(() => {
        const { current } = mediaRef;
        if (current) {
            currentTime.current = {
                time: current.currentTime,
                lastUpdate: performance.now(),
            };
        }
        else {
            currentTime.current = null;
            return;
        }
        if (mediaType !== 'video') {
            currentTime.current = null;
            return;
        }
        const videoTag = current;
        if (!videoTag.requestVideoFrameCallback) {
            return;
        }
        let cancel = () => undefined;
        const request = () => {
            if (!videoTag) {
                return;
            }
            const cb = videoTag.requestVideoFrameCallback((_, info) => {
                if (currentTime.current !== null) {
                    const difference = Math.abs(currentTime.current.time - info.mediaTime);
                    const differenceToLastSeek = Math.abs(lastSeek.current === null
                        ? Infinity
                        : info.mediaTime - lastSeek.current);
                    // If a video suddenly jumps to a position much further than previously
                    // and there was no relevant seek
                    // Case to be seen with 66a4a49b0862333a56c7d03c.mp4 and autoPlay and pauseWhenBuffering
                    if (difference > 0.5 &&
                        differenceToLastSeek > 0.5 &&
                        info.mediaTime > currentTime.current.time) {
                        onVariableFpsVideoDetected();
                    }
                }
                currentTime.current = {
                    time: info.mediaTime,
                    lastUpdate: performance.now(),
                };
                request();
            });
            cancel = () => {
                videoTag.cancelVideoFrameCallback(cb);
                cancel = () => undefined;
            };
        };
        request();
        return () => {
            cancel();
        };
    }, [lastSeek, mediaRef, mediaType, onVariableFpsVideoDetected]);
    return currentTime;
};
exports.useRequestVideoCallbackTime = useRequestVideoCallbackTime;