remotion 4.0.7 → 4.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -96,6 +96,6 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
96
96
  if (initialShouldPreMountAudioElements) {
97
97
  return null;
98
98
  }
99
- return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...propsToPass });
99
+ return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, preload: "metadata", ...propsToPass });
100
100
  };
101
101
  exports.AudioForDevelopment = (0, react_1.forwardRef)(AudioForDevelopmentForwardRefFunction);
@@ -193,7 +193,11 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component })
193
193
  };
194
194
  }, [component, resetAudio]);
195
195
  return ((0, jsx_runtime_1.jsxs)(exports.SharedAudioContext.Provider, { value: value, children: [refs.map(({ id, ref }) => {
196
- return (0, jsx_runtime_1.jsx)("audio", { ref: ref, src: EMPTY_AUDIO }, id);
196
+ return (
197
+ // Without preload="metadata", iOS will seek the time internally
198
+ // but not actually with sound. Adding `preload="metadata"` helps here.
199
+ // https://discord.com/channels/809501355504959528/817306414069710848/1130519583367888906
200
+ (0, jsx_runtime_1.jsx)("audio", { ref: ref, preload: "metadata", src: EMPTY_AUDIO }, id));
197
201
  }), children] }));
198
202
  };
199
203
  exports.SharedAudioContextProvider = SharedAudioContextProvider;
@@ -1 +1 @@
1
- export declare const VERSION = "4.0.7";
1
+ export declare const VERSION = "4.0.10";
@@ -2,4 +2,4 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.VERSION = void 0;
4
4
  // Automatically generated on publish
5
- exports.VERSION = '4.0.7';
5
+ exports.VERSION = '4.0.10';
@@ -35,6 +35,7 @@ const OffthreadVideo = (props) => {
35
35
  if (environment === 'rendering') {
36
36
  return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { ...otherProps });
37
37
  }
38
- return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
38
+ const { transparent, ...withoutTransparent } = otherProps;
39
+ return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...withoutTransparent }));
39
40
  };
40
41
  exports.OffthreadVideo = OffthreadVideo;
@@ -59,7 +59,7 @@ function truthy(value) {
59
59
  }
60
60
 
61
61
  // Automatically generated on publish
62
- const VERSION = '4.0.7';
62
+ const VERSION = '4.0.10';
63
63
 
64
64
  const checkMultipleRemotionVersions = () => {
65
65
  if (typeof globalThis === 'undefined') {
@@ -2065,7 +2065,11 @@ const SharedAudioContextProvider = ({ children, numberOfAudioTags, component })
2065
2065
  };
2066
2066
  }, [component, resetAudio]);
2067
2067
  return (jsxs(SharedAudioContext.Provider, { value: value, children: [refs.map(({ id, ref }) => {
2068
- return jsx("audio", { ref: ref, src: EMPTY_AUDIO }, id);
2068
+ return (
2069
+ // Without preload="metadata", iOS will seek the time internally
2070
+ // but not actually with sound. Adding `preload="metadata"` helps here.
2071
+ // https://discord.com/channels/809501355504959528/817306414069710848/1130519583367888906
2072
+ jsx("audio", { ref: ref, preload: "metadata", src: EMPTY_AUDIO }, id));
2069
2073
  }), children] }));
2070
2074
  };
2071
2075
  const useSharedAudio = (aud, audioId) => {
@@ -2193,7 +2197,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
2193
2197
  if (initialShouldPreMountAudioElements) {
2194
2198
  return null;
2195
2199
  }
2196
- return jsx("audio", { ref: audioRef, ...propsToPass });
2200
+ return jsx("audio", { ref: audioRef, preload: "metadata", ...propsToPass });
2197
2201
  };
2198
2202
  const AudioForDevelopment = forwardRef(AudioForDevelopmentForwardRefFunction);
2199
2203
 
@@ -4437,7 +4441,8 @@ const OffthreadVideo = (props) => {
4437
4441
  if (environment === 'rendering') {
4438
4442
  return jsx(OffthreadVideoForRendering, { ...otherProps });
4439
4443
  }
4440
- return (jsx(VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...otherProps }));
4444
+ const { transparent, ...withoutTransparent } = otherProps;
4445
+ return (jsx(VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...withoutTransparent }));
4441
4446
  };
4442
4447
 
4443
4448
  const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, ...props }, ref) => {
@@ -1,4 +1,4 @@
1
1
  // Automatically generated on publish
2
- const VERSION = '4.0.7';
2
+ const VERSION = '4.0.10';
3
3
 
4
4
  export { VERSION };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "remotion",
3
- "version": "4.0.7",
3
+ "version": "4.0.10",
4
4
  "description": "Render videos in React",
5
5
  "main": "dist/cjs/index.js",
6
6
  "types": "dist/cjs/index.d.ts",