remotion 4.0.340 → 4.0.342

package/dist/cjs/use-media-playback.js

@@ -14,6 +14,7 @@ const seek_js_1 = require("./seek.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const use_current_frame_js_1 = require("./use-current-frame.js");
 const use_media_buffering_js_1 = require("./use-media-buffering.js");
+const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_request_video_callback_time_js_1 = require("./use-request-video-callback-time.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 const get_current_time_js_1 = require("./video/get-current-time.js");
@@ -128,6 +129,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         playing,
         isPostmounting,
     ]);
+    const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     // This must be a useLayoutEffect, because afterwards, useVolume() looks at the playbackRate
     // and it is also in a useLayoutEffect.
     (0, react_1.useLayoutEffect)(() => {
@@ -186,6 +188,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
                         logLevel,
                         mountTime,
                         reason: 'player is playing but media tag is paused, and just seeked',
+                        isPlayer: env.isPlayer,
                     });
                 }
             }
@@ -241,6 +244,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
                 logLevel,
                 mountTime,
                 reason: `player is playing and ${reason}`,
+                isPlayer: env.isPlayer,
             });
             if (!isVariableFpsVideo && playbackRate > 0) {
                 bufferUntilFirstFrame(shouldBeTime);
@@ -268,6 +272,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         pauseWhenBuffering,
         mountTime,
         mediaTagCurrentTime,
+        env.isPlayer,
     ]);
 };
 exports.useMediaPlayback = useMediaPlayback;

package/dist/cjs/use-remotion-environment.d.ts

@@ -0,0 +1,6 @@
+import { type RemotionEnvironment } from './get-remotion-environment';
+/**
+ * @description A React hook that provides information about the current Remotion Environment. This is the preferred way to access environment information in React components as it will support future scoped contexts.
+ * @see [Documentation](https://remotion.dev/docs/use-remotion-environment)
+ */
+export declare const useRemotionEnvironment: () => RemotionEnvironment;

package/dist/cjs/use-remotion-environment.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRemotionEnvironment = void 0;
+const react_1 = require("react");
+const get_remotion_environment_1 = require("./get-remotion-environment");
+/**
+ * @description A React hook that provides information about the current Remotion Environment. This is the preferred way to access environment information in React components as it will support future scoped contexts.
+ * @see [Documentation](https://remotion.dev/docs/use-remotion-environment)
+ */
+const useRemotionEnvironment = () => {
+    const [env] = (0, react_1.useState)(() => (0, get_remotion_environment_1.getRemotionEnvironment)());
+    return env;
+};
+exports.useRemotionEnvironment = useRemotionEnvironment;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.340";
+export declare const VERSION = "4.0.342";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.340';
+exports.VERSION = '4.0.342';

package/dist/cjs/video/OffthreadVideo.js

@@ -4,7 +4,7 @@ exports.OffthreadVideo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Sequence_js_1 = require("../Sequence.js");
-const get_remotion_environment_js_1 = require("../get-remotion-environment.js");
+const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
 const validate_media_props_js_1 = require("../validate-media-props.js");
 const validate_start_from_props_js_1 = require("../validate-start-from-props.js");
 const OffthreadVideoForRendering_js_1 = require("./OffthreadVideoForRendering.js");
@@ -17,7 +17,7 @@ const OffthreadVideo = (props) => {
     // Should only destruct `startFrom` and `endAt` from props,
     // rest gets drilled down
     const { startFrom, endAt, trimBefore, trimAfter, name, pauseWhenBuffering, stack, showInTimeline, ...otherProps } = props;
-    const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();
+    const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     const onDuration = (0, react_1.useCallback)(() => undefined, []);
     if (typeof props.src !== 'string') {
         throw new TypeError(`The \`<OffthreadVideo>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);

package/dist/cjs/video/Video.js

@@ -8,9 +8,9 @@ const Sequence_js_1 = require("../Sequence.js");
 const absolute_src_js_1 = require("../absolute-src.js");
 const calculate_loop_js_1 = require("../calculate-loop.js");
 const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
-const get_remotion_environment_js_1 = require("../get-remotion-environment.js");
 const index_js_1 = require("../loop/index.js");
 const prefetch_js_1 = require("../prefetch.js");
+const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
 const use_video_config_js_1 = require("../use-video-config.js");
 const validate_media_props_js_1 = require("../validate-media-props.js");
 const validate_start_from_props_js_1 = require("../validate-start-from-props.js");
@@ -22,7 +22,7 @@ const VideoForwardingFunction = (props, ref) => {
     const { startFrom, endAt, trimBefore, trimAfter, name, pauseWhenBuffering, stack, _remotionInternalNativeLoopPassed, showInTimeline, onAutoPlayError, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
-    const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();
+    const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     const { durations, setDurations } = (0, react_1.useContext)(duration_state_js_1.DurationsContext);
     if (typeof ref === 'string') {
         throw new Error('string refs are not supported');

package/dist/cjs/video/VideoForRendering.js

@@ -8,12 +8,12 @@ const SequenceContext_js_1 = require("../SequenceContext.js");
 const absolute_src_js_1 = require("../absolute-src.js");
 const use_audio_frame_js_1 = require("../audio/use-audio-frame.js");
 const delay_render_js_1 = require("../delay-render.js");
-const get_remotion_environment_js_1 = require("../get-remotion-environment.js");
 const is_approximately_the_same_js_1 = require("../is-approximately-the-same.js");
 const log_level_context_js_1 = require("../log-level-context.js");
 const random_js_1 = require("../random.js");
 const timeline_position_state_js_1 = require("../timeline-position-state.js");
 const use_current_frame_js_1 = require("../use-current-frame.js");
+const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
 const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const get_current_time_js_1 = require("./get-current-time.js");
@@ -26,7 +26,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
     const videoRef = (0, react_1.useRef)(null);
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const mediaStartsAt = (0, use_audio_frame_js_1.useMediaStartsAt)();
-    const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();
+    const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     const logLevel = (0, log_level_context_js_1.useLogLevel)();
     const mountTime = (0, log_level_context_js_1.useMountTime)();
     const { registerRenderAsset, unregisterRenderAsset } = (0, react_1.useContext)(RenderAssetManager_js_1.RenderAssetManager);