remotion/dist/cjs/buffering.js

Make videos programmatically

"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 () {
    var ownKeys = function(o) {
        ownKeys = Object.getOwnPropertyNames || function (o) {
            var ar = [];
            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
            return ar;
        };
        return ownKeys(o);
    };
    return function (mod) {
        if (mod && mod.__esModule) return mod;
        var result = {};
        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
        __setModuleDefault(result, mod);
        return result;
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.BufferingProvider = exports.BufferingContextReact = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importStar(require("react"));
const log_level_context_1 = require("./log-level-context");
const playback_logging_1 = require("./playback-logging");
const TimelineContext_js_1 = require("./TimelineContext.js");
const use_remotion_environment_1 = require("./use-remotion-environment");
const useBufferManager = (logLevel, mountTime, setBuffering, isBuffering) => {
    const [blockCount, setBlockCount] = (0, react_1.useState)(0);
    const env = (0, use_remotion_environment_1.useRemotionEnvironment)();
    const rendering = env.isRendering;
    const addBlock = (0, react_1.useCallback)(() => {
        if (rendering) {
            return {
                unblock: () => undefined,
            };
        }
        let unblocked = false;
        setBlockCount((count) => count + 1);
        return {
            unblock: () => {
                if (unblocked) {
                    return;
                }
                unblocked = true;
                setBlockCount((count) => count - 1);
            },
        };
    }, [rendering]);
    (0, react_1.useEffect)(() => {
        if (rendering) {
            return;
        }
        // Only fire on the `false -> true` transition: adding a block while
        // already buffering (e.g. a second media element starts loading) must
        // not re-dispatch `waiting` to listeners.
        if (blockCount > 0 && !isBuffering()) {
            setBuffering(true);
            (0, playback_logging_1.playbackLogging)({
                logLevel,
                message: 'Player is entering buffer state',
                mountTime,
                tag: 'player',
            });
        }
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [blockCount]);
    if (typeof window !== 'undefined') {
        // eslint-disable-next-line react-hooks/rules-of-hooks
        (0, react_1.useLayoutEffect)(() => {
            if (rendering) {
                return;
            }
            // Only fire on the `true -> false` transition: the initial mount and
            // a block that was added and removed within the same commit must not
            // dispatch `resume` to listeners.
            if (blockCount === 0 && isBuffering()) {
                setBuffering(false);
                (0, playback_logging_1.playbackLogging)({
                    logLevel,
                    message: 'Player is exiting buffer state',
                    mountTime,
                    tag: 'player',
                });
            }
            // eslint-disable-next-line react-hooks/exhaustive-deps
        }, [blockCount]);
    }
    return (0, react_1.useMemo)(() => ({ addBlock }), [addBlock]);
};
exports.BufferingContextReact = react_1.default.createContext(null);
const BufferingProvider = ({ children }) => {
    const { logLevel, mountTime } = (0, react_1.useContext)(log_level_context_1.LogLevelContext);
    const { isBuffering, setBuffering } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
    const bufferManager = useBufferManager(logLevel !== null && logLevel !== void 0 ? logLevel : 'info', mountTime, setBuffering, isBuffering);
    return (jsx_runtime_1.jsx(exports.BufferingContextReact.Provider, { value: bufferManager, children: children }));
};
exports.BufferingProvider = BufferingProvider;