@remotion/media 4.0.387 → 4.0.390

package/dist/video/new-video-for-preview.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect, useRef, useState } from 'react';
-import { Internals, useBufferState, useCurrentFrame } from 'remotion';
-import { MediaPlayer } from './media-player';
-const { useUnsafeVideoConfig, Timeline, SharedAudioContext } = Internals;
-export const NewVideoForPreview = ({ src, style, playbackRate = 1, logLevel = 'info', }) => {
-    const canvasRef = useRef(null);
-    const videoConfig = useUnsafeVideoConfig();
-    const frame = useCurrentFrame();
-    const mediaPlayerRef = useRef(null);
-    const [mediaPlayerReady, setMediaPlayerReady] = useState(false);
-    const [playing] = Timeline.usePlayingState();
-    const sharedAudioContext = useContext(SharedAudioContext);
-    const buffer = useBufferState();
-    const delayHandleRef = useRef(null);
-    if (!videoConfig) {
-        throw new Error('No video config found');
-    }
-    if (!src) {
-        throw new TypeError('No `src` was passed to <NewVideoForPreview>.');
-    }
-    const actualFps = videoConfig.fps / playbackRate;
-    const currentTime = frame / actualFps;
-    const [initialTimestamp] = useState(currentTime);
-    useEffect(() => {
-        if (!canvasRef.current)
-            return;
-        if (!sharedAudioContext)
-            return;
-        if (!sharedAudioContext.audioContext)
-            return;
-        try {
-            const player = new MediaPlayer({
-                canvas: canvasRef.current,
-                src,
-                logLevel,
-                sharedAudioContext: sharedAudioContext.audioContext,
-            });
-            mediaPlayerRef.current = player;
-            player
-                .initialize(initialTimestamp)
-                .then(() => {
-                setMediaPlayerReady(true);
-                Internals.Log.trace({ logLevel, tag: '@remotion/media' }, `[NewVideoForPreview] MediaPlayer initialized successfully`);
-            })
-                .catch((error) => {
-                Internals.Log.error({ logLevel, tag: '@remotion/media' }, '[NewVideoForPreview] Failed to initialize MediaPlayer', error);
-            });
-        }
-        catch (error) {
-            Internals.Log.error({ logLevel, tag: '@remotion/media' }, '[NewVideoForPreview] MediaPlayer initialization failed', error);
-        }
-        return () => {
-            if (delayHandleRef.current) {
-                delayHandleRef.current.unblock();
-                delayHandleRef.current = null;
-            }
-            if (mediaPlayerRef.current) {
-                Internals.Log.trace({ logLevel, tag: '@remotion/media' }, `[NewVideoForPreview] Disposing MediaPlayer`);
-                mediaPlayerRef.current.dispose();
-                mediaPlayerRef.current = null;
-            }
-            setMediaPlayerReady(false);
-        };
-    }, [src, logLevel, sharedAudioContext, initialTimestamp]);
-    // sync play/pause state with Remotion timeline (like old VideoForPreview video does)
-    useEffect(() => {
-        const mediaPlayer = mediaPlayerRef.current;
-        if (!mediaPlayer)
-            return;
-        if (playing) {
-            mediaPlayer.play().catch((error) => {
-                Internals.Log.error({ logLevel, tag: '@remotion/media' }, '[NewVideoForPreview] Failed to play', error);
-            });
-        }
-        else {
-            mediaPlayer.pause();
-        }
-    }, [playing, logLevel, mediaPlayerReady]);
-    // sync target time with MediaPlayer
-    useEffect(() => {
-        const mediaPlayer = mediaPlayerRef.current;
-        if (!mediaPlayer || !mediaPlayerReady)
-            return;
-        mediaPlayer.seekTo(currentTime);
-        Internals.Log.trace({ logLevel, tag: '@remotion/media' }, `[NewVideoForPreview] Updating target time to ${currentTime.toFixed(3)}s`);
-    }, [currentTime, logLevel, mediaPlayerReady]);
-    // sync MediaPlayer buffering with Remotion buffering
-    useEffect(() => {
-        const mediaPlayer = mediaPlayerRef.current;
-        if (!mediaPlayer || !mediaPlayerReady)
-            return;
-        mediaPlayer.onBufferingChange((newBufferingState) => {
-            if (newBufferingState && !delayHandleRef.current) {
-                // Start blocking Remotion playback
-                delayHandleRef.current = buffer.delayPlayback();
-                Internals.Log.trace({ logLevel, tag: '@remotion/media' }, '[NewVideoForPreview] MediaPlayer buffering - blocking Remotion playback');
-            }
-            else if (!newBufferingState && delayHandleRef.current) {
-                // Unblock Remotion playback
-                delayHandleRef.current.unblock();
-                delayHandleRef.current = null;
-                Internals.Log.trace({ logLevel, tag: '@remotion/media' }, '[NewVideoForPreview] MediaPlayer unbuffering - unblocking Remotion playback');
-            }
-        });
-    }, [mediaPlayerReady, buffer, logLevel]);
-    return (_jsx("canvas", { ref: canvasRef, width: videoConfig.width, height: videoConfig.height, style: style }));
-};

package/dist/video/timeout-utils.d.ts

@@ -1,2 +0,0 @@
-export declare const sleep: (ms: number) => Promise<unknown>;
-export declare function withTimeout<T>(promise: Promise<T>, timeoutMs: number, errorMessage?: string): Promise<T>;

package/dist/video/timeout-utils.js

@@ -1,18 +0,0 @@
-/* eslint-disable no-promise-executor-return */
-export const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-export function withTimeout(promise, timeoutMs, errorMessage = 'Operation timed out') {
-    let timeoutId = null;
-    const timeoutPromise = new Promise((_, reject) => {
-        timeoutId = window.setTimeout(() => {
-            reject(new Error(errorMessage));
-        }, timeoutMs);
-    });
-    return Promise.race([
-        promise.finally(() => {
-            if (timeoutId) {
-                clearTimeout(timeoutId);
-            }
-        }),
-        timeoutPromise,
-    ]);
-}

package/dist/video-extraction/media-player.d.ts

@@ -1,64 +0,0 @@
-import { type LogLevel } from '../log';
-export declare class MediaPlayer {
-    private canvas;
-    private context;
-    private src;
-    private logLevel;
-    private canvasSink;
-    private videoFrameIterator;
-    private nextFrame;
-    private audioSink;
-    private audioBufferIterator;
-    private queuedAudioNodes;
-    private gainNode;
-    private expectedAudioTime;
-    private sharedAudioContext;
-    private mediaTimeOffset;
-    private playing;
-    private animationFrameId;
-    private asyncId;
-    private initialized;
-    private totalDuration;
-    private actualFps;
-    private isStalled;
-    private onStalledChangeCallback?;
-    private lastAudioProgressAtMs;
-    private lastNetworkActivityAtMs;
-    private isNetworkActive;
-    private isSeeking;
-    private canStartAudio;
-    constructor({ canvas, src, logLevel, sharedAudioContext, }: {
-        canvas: HTMLCanvasElement;
-        src: string;
-        logLevel: LogLevel;
-        sharedAudioContext?: AudioContext | null;
-    });
-    initialize(startTime?: number): Promise<void>;
-    seekTo(time: number): void;
-    drawInitialFrame(time?: number): Promise<void>;
-    play(): Promise<void>;
-    pause(): void;
-    dispose(): void;
-    get currentTime(): number;
-    private getPlaybackTime;
-    get duration(): number;
-    get isPlaying(): boolean;
-    get stalled(): boolean;
-    onStalledChange(callback: (isStalled: boolean) => void): void;
-    private renderSingleFrame;
-    private startRenderLoop;
-    private stopRenderLoop;
-    private render;
-    private startVideoIterator;
-    private updateNextFrame;
-    private tryStartAudio;
-    private getCurrentTimeMs;
-    private resetAudioProgressStopwatch;
-    private getAudioLookaheadSec;
-    private calculateAudioStallThresholdSec;
-    private isNetworkStalled;
-    private checkVideoStall;
-    private checkIfStalled;
-    private updateStalledState;
-    private runAudioIterator;
-}