@remotion/player 4.0.488 → 4.0.490

package/dist/cjs/SharedPlayerContext.js

@@ -61,7 +61,10 @@ const SharedPlayerContexts = ({ children, timelineContext, playbackRateContext,
             mediaVolume,
         };
     }, [playerMuted, mediaVolume]);
-    const shouldCreateAudioContext = audioEnabled && !playerMuted && mediaVolume > 0;
+    const audioContextWasCreated = (0, react_1.useRef)(false);
+    const shouldCreateAudioContext = audioContextWasCreated.current ||
+        (audioEnabled && !playerMuted && mediaVolume > 0);
+    audioContextWasCreated.current = shouldCreateAudioContext;
     const setMediaVolumeAndPersist = (0, react_1.useCallback)((vol) => {
         setMediaVolume(vol);
         if (persistVolumeToStorage) {

package/dist/esm/index.mjs

@@ -1324,7 +1324,7 @@ import {
   useImperativeHandle as useImperativeHandle2,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo14,
-  useRef as useRef11,
+  useRef as useRef12,
   useState as useState13
 } from "react";
 import { Composition, Internals as Internals15 } from "remotion";
@@ -3017,7 +3017,7 @@ var PlayerUI = ({
 var PlayerUI_default = forwardRef(PlayerUI);
 
 // src/SharedPlayerContext.tsx
-import { useCallback as useCallback11, useMemo as useMemo13, useState as useState12 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo13, useRef as useRef11, useState as useState12 } from "react";
 import { Internals as Internals13 } from "remotion";
 
 // src/volume-persistence.ts
@@ -3119,7 +3119,9 @@ var SharedPlayerContexts = ({
       mediaVolume
     };
   }, [playerMuted, mediaVolume]);
-  const shouldCreateAudioContext = audioEnabled && !playerMuted && mediaVolume > 0;
+  const audioContextWasCreated = useRef11(false);
+  const shouldCreateAudioContext = audioContextWasCreated.current || audioEnabled && !playerMuted && mediaVolume > 0;
+  audioContextWasCreated.current = shouldCreateAudioContext;
   const setMediaVolumeAndPersist = useCallback11((vol) => {
     setMediaVolume(vol);
     if (persistVolumeToStorage) {
@@ -3388,9 +3390,9 @@ var PlayerFn = ({
   }));
   const [playing, setPlaying] = useState13(false);
   const [rootId] = useState13("player-comp");
-  const rootRef = useRef11(null);
-  const audioAndVideoTags = useRef11([]);
-  const imperativePlaying = useRef11(false);
+  const rootRef = useRef12(null);
+  const audioAndVideoTags = useRef12([]);
+  const imperativePlaying = useRef12(false);
   const [currentPlaybackRate, setCurrentPlaybackRate] = useState13(playbackRate);
   if (typeof compositionHeight !== "number") {
     throw new TypeError(`'compositionHeight' must be a number but got '${typeof compositionHeight}' instead`);
@@ -3568,7 +3570,7 @@ import {
   useImperativeHandle as useImperativeHandle4,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo17,
-  useRef as useRef13,
+  useRef as useRef14,
   useState as useState14
 } from "react";
 import { Internals as Internals17, random as random2 } from "remotion";
@@ -3580,7 +3582,7 @@ import React13, {
   useCallback as useCallback12,
   useImperativeHandle as useImperativeHandle3,
   useMemo as useMemo16,
-  useRef as useRef12
+  useRef as useRef13
 } from "react";
 import { Internals as Internals16 } from "remotion";
 
@@ -3618,7 +3620,7 @@ var ThumbnailUI = ({
 }, ref) => {
   const config = Internals16.useUnsafeVideoConfig();
   const video = Internals16.useVideo();
-  const container = useRef12(null);
+  const container = useRef13(null);
   const canvasSize = useElementSize(container, {
     triggerOnWindowResize: false,
     shouldApplyCssTransforms: false
@@ -3747,7 +3749,7 @@ var ThumbnailFn = ({
     }, []);
   }
   const [thumbnailId] = useState14(() => String(random2(null)));
-  const rootRef = useRef13(null);
+  const rootRef = useRef14(null);
   const timelineState = useMemo17(() => {
     const value = {
       playing: false,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
 	},
 	"name": "@remotion/player",
-	"version": "4.0.488",
+	"version": "4.0.490",
 	"description": "React component for embedding a Remotion preview into your app",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 	],
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"remotion": "4.0.488"
+		"remotion": "4.0.490"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -49,7 +49,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.488",
+		"@remotion/eslint-config-internal": "4.0.490",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},