remotion
Version:
Make videos programmatically
38 lines (37 loc) • 1.84 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useBufferState = void 0;
const react_1 = require("react");
const buffering_1 = require("./buffering");
const log_1 = require("./log");
const log_level_context_1 = require("./log-level-context");
const useBufferState = () => {
const buffer = (0, react_1.useContext)(buffering_1.BufferingContextReact);
const logLevel = (0, log_level_context_1.useLogLevel)();
// Allows <Img> tag to be rendered without a context
// https://github.com/remotion-dev/remotion/issues/4007
const addBlock = buffer ? buffer.addBlock : null;
return (0, react_1.useMemo)(() => ({
delayPlayback: () => {
if (!addBlock) {
throw new Error('Tried to enable the buffering state, but a Remotion context was not found. This API can only be called in a component that was passed to the Remotion Player or a <Composition>. Or you might have experienced a version mismatch - run `npx remotion versions` and ensure all packages have the same version. This error is thrown by the buffer state https://remotion.dev/docs/player/buffer-state');
}
log_1.Log.trace({ logLevel, tag: '[buffer-state]' }, 'Adding buffer handle', new Error().stack);
const { unblock } = addBlock({
id: String(Math.random()),
});
let unblocked = false;
return {
unblock: () => {
if (unblocked) {
return;
}
unblocked = true;
log_1.Log.trace({ logLevel, tag: '[buffer-state]' }, 'Removing buffer handle');
unblock();
},
};
},
}), [addBlock, logLevel]);
};
exports.useBufferState = useBufferState;