remotion 4.0.271 → 4.0.273

package/dist/cjs/audio/Audio.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RemotionMainAudioProps } from './props.js';
-export declare const Audio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "nonce" | "onEnded" | "onResize" | "onResizeCapture" | "autoPlay" | "controls"> & {
+export declare const Audio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "nonce" | "onEnded" | "onResize" | "onResizeCapture" | "controls" | "autoPlay"> & {
     name?: string;
     volume?: import("../volume-prop.js").VolumeProp;
     playbackRate?: number;

package/dist/cjs/buffer-until-first-frame.js

@@ -4,6 +4,10 @@ exports.useBufferUntilFirstFrame = void 0;
 const react_1 = require("react");
 const playback_logging_1 = require("./playback-logging");
 const use_buffer_state_1 = require("./use-buffer-state");
+const isWebkit = () => {
+    const isAppleWebKit = /AppleWebKit/.test(window.navigator.userAgent);
+    return isAppleWebKit;
+};
 const useBufferUntilFirstFrame = ({ mediaRef, mediaType, onVariableFpsVideoDetected, pauseWhenBuffering, logLevel, mountTime, }) => {
     const bufferingRef = (0, react_1.useRef)(false);
     const { delayPlayback } = (0, use_buffer_state_1.useBufferState)();
@@ -19,7 +23,13 @@ const useBufferUntilFirstFrame = ({ mediaRef, mediaType, onVariableFpsVideoDetec
         if (!current) {
             return;
         }
-        if (current.readyState >= current.HAVE_ENOUGH_DATA) {
+        (0, playback_logging_1.playbackLogging)({
+            logLevel,
+            message: `Checking if should buffer until first frame, ${current.readyState}`,
+            mountTime,
+            tag: 'buffer',
+        });
+        if (current.readyState >= current.HAVE_ENOUGH_DATA && !isWebkit()) {
             return;
         }
         if (!current.requestVideoFrameCallback) {

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

@@ -151,7 +151,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
                 mountTime,
             });
             lastSeekDueToShift.current = lastSeek.current;
-            if (playing && !isVariableFpsVideo) {
+            if (playing) {
                 if (playbackRate > 0) {
                     bufferUntilFirstFrame(shouldBeTime);
                 }

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.271";
+export declare const VERSION = "4.0.273";

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.271';
+exports.VERSION = '4.0.273';

package/dist/cjs/video/Video.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RemotionMainVideoProps } from './props';
-export declare const Video: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "nonce" | "onError" | "onEnded" | "autoPlay" | "controls" | "disableRemotePlayback"> & {
+export declare const Video: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "nonce" | "onError" | "onEnded" | "controls" | "disableRemotePlayback" | "autoPlay"> & {
     name?: string;
     volume?: import("../volume-prop.js").VolumeProp;
     playbackRate?: number;

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.271";
+var VERSION = "4.0.273";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -2896,6 +2896,10 @@ var useBufferState = () => {
 };
 
 // src/buffer-until-first-frame.ts
+var isWebkit = () => {
+  const isAppleWebKit = /AppleWebKit/.test(window.navigator.userAgent);
+  return isAppleWebKit;
+};
 var useBufferUntilFirstFrame = ({
   mediaRef,
   mediaType,
@@ -2917,7 +2921,13 @@ var useBufferUntilFirstFrame = ({
     if (!current) {
       return;
     }
-    if (current.readyState >= current.HAVE_ENOUGH_DATA) {
+    playbackLogging({
+      logLevel,
+      message: `Checking if should buffer until first frame, ${current.readyState}`,
+      mountTime,
+      tag: "buffer"
+    });
+    if (current.readyState >= current.HAVE_ENOUGH_DATA && !isWebkit()) {
       return;
     }
     if (!current.requestVideoFrameCallback) {
@@ -3572,7 +3582,7 @@ var useMediaPlayback = ({
         mountTime
       });
       lastSeekDueToShift.current = lastSeek.current;
-      if (playing && !isVariableFpsVideo) {
+      if (playing) {
         if (playbackRate > 0) {
           bufferUntilFirstFrame(shouldBeTime);
         }

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.271";
+var VERSION = "4.0.273";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.271",
+  "version": "4.0.273",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.271"
+    "@remotion/eslint-config-internal": "4.0.273"
   },
   "keywords": [
     "remotion",