remotion 3.3.82 → 3.3.83

package/dist/cjs/config.d.ts

@@ -139,6 +139,11 @@ declare global {
              * Default: 'swangle' in Lambda, null elsewhere.
              */
             readonly setChromiumOpenGlRenderer: (renderer: 'swangle' | 'angle' | 'egl' | 'swiftshader') => void;
+            /**
+             * Set the user agent for Chrome. Only works during rendering.
+             * Default:
+             */
+            readonly setChromiumUserAgent: (userAgent: string | null) => void;
         };
         /**
          * @deprecated New flat config format: You can now replace `Config.Rendering.` with `Config.`

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.82";
+export declare const VERSION = "3.3.83";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '3.3.82';
+exports.VERSION = '3.3.83';

package/dist/cjs/video/get-current-time.js

@@ -13,19 +13,20 @@ const getMediaTime = ({ fps, frame, src, playbackRate, startFrom, mediaType, })
         playbackRate,
         startFrom,
     });
-    if (src.endsWith('webm')) {
-        // For WebM videos, we need to add a little bit of shift to get the right frame.
-        const msPerFrame = 1000 / fps;
-        const msShift = msPerFrame / 2;
-        return (expectedFrame * msPerFrame + msShift) / 1000;
-    }
-    if (mediaType === 'video') {
+    const isChrome = typeof window !== 'undefined' &&
+        window.navigator.userAgent.match(/Chrome\/([0-9]+)/);
+    if (isChrome &&
+        Number(isChrome[1]) < 112 &&
+        mediaType === 'video' &&
+        src.endsWith('.mp4')) {
         // In Chrome, for MP4s, if 30fps, the first frame is still displayed at 0.033333
         // even though after that it increases by 0.033333333 each.
         // So frame = 0 in Remotion is like frame = 1 for the browser
         return (expectedFrame + 1) / fps;
     }
-    // For audio, we don't do any shift correction
-    return expectedFrame / fps;
+    // For WebM videos, we need to add a little bit of shift to get the right frame.
+    const msPerFrame = 1000 / fps;
+    const msShift = msPerFrame / 2;
+    return (expectedFrame * msPerFrame + msShift) / 1000;
 };
 exports.getMediaTime = getMediaTime;

package/dist/cjs/z-color.d.ts

@@ -0,0 +1,9 @@
+import { z } from 'zod';
+export declare const REMOTION_COLOR_BRAND = "__remotion-color";
+export declare const parseColor: (value: string) => {
+    a: number;
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const zColor: () => z.ZodEffects<z.ZodString, string, string>;

package/dist/cjs/z-color.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zColor = exports.parseColor = exports.REMOTION_COLOR_BRAND = void 0;
+const zod_1 = require("zod");
+const interpolate_colors_js_1 = require("./interpolate-colors.js");
+exports.REMOTION_COLOR_BRAND = '__remotion-color';
+const parseColor = (value) => {
+    const colored = (0, interpolate_colors_js_1.processColor)(value).toString(16).padStart(8, '0');
+    const opacity = parseInt(colored.slice(0, 2), 16);
+    const r = parseInt(colored.slice(2, 4), 16);
+    const g = parseInt(colored.slice(4, 6), 16);
+    const b = parseInt(colored.slice(6, 8), 16);
+    return { a: opacity, r, g, b };
+};
+exports.parseColor = parseColor;
+const zColor = () => zod_1.z
+    .string()
+    .refine((value) => {
+    try {
+        (0, exports.parseColor)(value);
+        return true;
+    }
+    catch (err) {
+        return false;
+    }
+}, { message: 'Invalid color' })
+    .describe(exports.REMOTION_COLOR_BRAND);
+exports.zColor = zColor;

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '3.3.82';
+const VERSION = '3.3.83';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -1197,20 +1197,21 @@ const getMediaTime = ({ fps, frame, src, playbackRate, startFrom, mediaType, })
         playbackRate,
         startFrom,
     });
-    if (src.endsWith('webm')) {
-        // For WebM videos, we need to add a little bit of shift to get the right frame.
-        const msPerFrame = 1000 / fps;
-        const msShift = msPerFrame / 2;
-        return (expectedFrame * msPerFrame + msShift) / 1000;
-    }
-    if (mediaType === 'video') {
+    const isChrome = typeof window !== 'undefined' &&
+        window.navigator.userAgent.match(/Chrome\/([0-9]+)/);
+    if (isChrome &&
+        Number(isChrome[1]) < 112 &&
+        mediaType === 'video' &&
+        src.endsWith('.mp4')) {
         // In Chrome, for MP4s, if 30fps, the first frame is still displayed at 0.033333
         // even though after that it increases by 0.033333333 each.
         // So frame = 0 in Remotion is like frame = 1 for the browser
         return (expectedFrame + 1) / fps;
     }
-    // For audio, we don't do any shift correction
-    return expectedFrame / fps;
+    // For WebM videos, we need to add a little bit of shift to get the right frame.
+    const msPerFrame = 1000 / fps;
+    const msShift = msPerFrame / 2;
+    return (expectedFrame * msPerFrame + msShift) / 1000;
 };
 
 const alreadyWarned = {};

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '3.3.82';
+const VERSION = '3.3.83';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "3.3.82",
+  "version": "3.3.83",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",