@remotion/player 3.1.8 → 3.2.0

package/dist/PlayerUI.js

@@ -119,6 +119,32 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             document.exitFullscreen();
         }
     }, []);
+    (0, react_1.useEffect)(() => {
+        const { current } = container;
+        if (!current) {
+            return;
+        }
+        const fullscreenChange = () => {
+            var _a;
+            const element = (_a = document.webkitFullscreenElement) !== null && _a !== void 0 ? _a : document.fullscreenElement;
+            if (element && element === container.current) {
+                player.emitter.dispatchFullscreenChangeUpdate({
+                    isFullscreen: true,
+                });
+            }
+            else {
+                player.emitter.dispatchFullscreenChangeUpdate({
+                    isFullscreen: false,
+                });
+            }
+        };
+        current.addEventListener('webkitfullscreenchange', fullscreenChange);
+        current.addEventListener('fullscreenchange', fullscreenChange);
+        return () => {
+            current.removeEventListener('webkitfullscreenchange', fullscreenChange);
+            current.removeEventListener('fullscreenchange', fullscreenChange);
+        };
+    }, [player.emitter]);
     const durationInFrames = (_a = config === null || config === void 0 ? void 0 : config.durationInFrames) !== null && _a !== void 0 ? _a : 1;
     (0, react_1.useImperativeHandle)(ref, () => {
         const methods = {

package/dist/event-emitter.d.ts

@@ -10,6 +10,9 @@ declare type TimeUpdateEventPayload = {
 declare type RateChangeEventPayload = {
     playbackRate: number;
 };
+declare type FullscreenChangeEventPayload = {
+    isFullscreen: boolean;
+};
 declare type StateEventMap = {
     seeked: SeekPayload;
     pause: undefined;
@@ -18,6 +21,7 @@ declare type StateEventMap = {
     ended: undefined;
     error: ErrorPayload;
     timeupdate: TimeUpdateEventPayload;
+    fullscreenchange: FullscreenChangeEventPayload;
 };
 export declare type EventTypes = keyof StateEventMap;
 export declare type CallbackListener<T extends EventTypes> = (data: {
@@ -38,5 +42,6 @@ export declare class PlayerEmitter {
     dispatchRatechange(playbackRate: number): void;
     dispatchError(error: Error): void;
     dispatchTimeUpdate(event: TimeUpdateEventPayload): void;
+    dispatchFullscreenChangeUpdate(event: FullscreenChangeEventPayload): void;
 }
 export {};

package/dist/event-emitter.js

@@ -11,6 +11,7 @@ class PlayerEmitter {
             ratechange: [],
             seeked: [],
             timeupdate: [],
+            fullscreenchange: [],
         };
     }
     addEventListener(name, callback) {
@@ -51,5 +52,8 @@ class PlayerEmitter {
     dispatchTimeUpdate(event) {
         this.dispatchEvent('timeupdate', event);
     }
+    dispatchFullscreenChangeUpdate(event) {
+        this.dispatchEvent('fullscreenchange', event);
+    }
 }
 exports.PlayerEmitter = PlayerEmitter;

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export declare const PlayerInternals: {
         frameBack: (frames: number) => void;
         frameForward: (frames: number) => void;
         isLastFrame: boolean;
+        isFirstFrame: boolean;
         emitter: PlayerEmitter;
         playing: boolean;
         play: (e?: import("react").SyntheticEvent<Element, Event> | undefined) => void;

package/dist/use-player.d.ts

@@ -4,6 +4,7 @@ declare type UsePlayerMethods = {
     frameBack: (frames: number) => void;
     frameForward: (frames: number) => void;
     isLastFrame: boolean;
+    isFirstFrame: boolean;
     emitter: PlayerEmitter;
     playing: boolean;
     play: (e?: SyntheticEvent) => void;

package/dist/use-player.js

@@ -20,6 +20,7 @@ const usePlayer = () => {
     const emitter = (0, react_1.useContext)(emitter_context_1.PlayerEventEmitterContext);
     const lastFrame = ((_a = config === null || config === void 0 ? void 0 : config.durationInFrames) !== null && _a !== void 0 ? _a : 1) - 1;
     const isLastFrame = frame === lastFrame;
+    const isFirstFrame = frame === 0;
     if (!emitter) {
         throw new TypeError('Expected Player event emitter context');
     }
@@ -104,21 +105,23 @@ const usePlayer = () => {
             play,
             pause,
             seek,
+            isFirstFrame,
             getCurrentFrame: () => frameRef.current,
             isPlaying: () => imperativePlaying.current,
             pauseAndReturnToPlayStart,
         };
     }, [
-        emitter,
         frameBack,
         frameForward,
-        imperativePlaying,
         isLastFrame,
-        pause,
-        play,
+        emitter,
         playing,
-        pauseAndReturnToPlayStart,
+        play,
+        pause,
         seek,
+        isFirstFrame,
+        pauseAndReturnToPlayStart,
+        imperativePlaying,
     ]);
     return returnValue;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/player",
-	"version": "3.1.8",
+	"version": "3.2.0",
 	"description": "Remotion Player",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -28,7 +28,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "3.1.8"
+		"remotion": "3.2.0"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -63,5 +63,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "57f34a02b0f830053f92af426a6b70b6824f887e"
+	"gitHead": "47b188161a9e922a247eaa998e72d37af9137707"
 }

package/dist/utils/browser-supports-fullscreen.d.ts

@@ -1,11 +0,0 @@
-declare global {
-    interface Document {
-        webkitFullscreenEnabled?: boolean;
-        webkitFullscreenElement?: Element;
-        webkitExitFullscreen?: Document['exitFullscreen'];
-    }
-    interface HTMLDivElement {
-        webkitRequestFullScreen: HTMLDivElement['requestFullscreen'];
-    }
-}
-export declare const browserSupportsFullscreen: boolean | undefined;

package/dist/utils/browser-supports-fullscreen.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.browserSupportsFullscreen = void 0;
-exports.browserSupportsFullscreen = typeof document !== 'undefined' &&
-    (document.fullscreenEnabled || document.webkitFullscreenEnabled);