@remotion/media 4.0.496 → 4.0.497

package/dist/audio/audio.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { type InteractivitySchema } from 'remotion';
+export declare const audioSchema: InteractivitySchema;
 export declare const Audio: React.ComponentType<{
     src: string;
     trimBefore?: number | undefined;

package/dist/audio-iterator-manager.d.ts

@@ -5,6 +5,8 @@ import { type AudioBufferSlice } from './make-iterator-with-priming';
 import type { Nonce } from './nonce-manager';
 import type { SharedAudioContextForMediaPlayer } from './shared-audio-context-for-media-player';
 type ScheduleAudioNode = (node: AudioBufferSourceNode, mediaTimestamp: number, originalUnloopedMediaTimestamp: number, sourceOffsetInSeconds: number, sourceDurationInSeconds: number) => ScheduleAudioNodeResult;
+export declare const MINIMUM_AUDIO_BUFFERING_TIME_SECONDS = 0.1;
+export declare const hasEnoughAudioToStartPlayback: (bufferedDuration: number) => boolean;
 export type AudioIteratorAnchor = {
     unloopedStartInSeconds: number;
     mediaStartInSeconds: number;

package/dist/esm/index.mjs

@@ -415,6 +415,10 @@ async function* makeLoopingIterator({
 }
 
 // src/audio-iterator-manager.ts
+var MINIMUM_AUDIO_BUFFERING_TIME_SECONDS = 0.1;
+var hasEnoughAudioToStartPlayback = (bufferedDuration) => {
+  return bufferedDuration >= MINIMUM_AUDIO_BUFFERING_TIME_SECONDS;
+};
 var anchorToContinuousTime = ({
   anchor,
   unloopedTimeInSeconds,
@@ -597,7 +601,7 @@ var audioIteratorManager = ({
           onDone();
           return;
         }
-        onScheduled(result.value.timelineTimestamp);
+        onScheduled(result.value.sourceDurationInSeconds);
         notifyNodeScheduled();
         onAudioChunk({
           buffer: result.value,
@@ -679,24 +683,32 @@ var audioIteratorManager = ({
     });
     audioIteratorsCreated++;
     audioBufferIterator = iterator;
-    let chunksScheduled = 0;
+    let bufferedDuration = 0;
+    let hasUnblockedPlayback = false;
+    const unblockPlayback = () => {
+      if (hasUnblockedPlayback) {
+        return;
+      }
+      hasUnblockedPlayback = true;
+      delayHandle.unblock();
+    };
     proceedScheduling({
       iterator,
       nonce,
       getTargetTime,
       playbackRate,
       scheduleAudioNode,
-      onScheduled: () => {
-        chunksScheduled++;
-        if (chunksScheduled === 6) {
-          delayHandle.unblock();
+      onScheduled: (sourceDurationInSeconds) => {
+        bufferedDuration += sourceDurationInSeconds;
+        if (hasEnoughAudioToStartPlayback(bufferedDuration)) {
+          unblockPlayback();
         }
       },
       onDestroyed: () => {
-        delayHandle.unblock();
+        unblockPlayback();
       },
       onDone: () => {
-        delayHandle.unblock();
+        unblockPlayback();
       },
       logLevel,
       currentTime: sharedAudioContext.audioContext.currentTime,
@@ -5893,7 +5905,6 @@ var videoSchema = {
   },
   ...Internals22.baseSchema,
   ...Internals22.premountSchema,
-  ...Internals22.premountStyleSchema,
   volume: {
     type: "number",
     min: 0,
@@ -5914,7 +5925,9 @@ var videoSchema = {
   },
   muted: { type: "boolean", default: false, description: "Muted" },
   loop: { type: "boolean", default: false, description: "Loop" },
-  ...Internals22.transformSchema
+  ...Internals22.transformSchema,
+  ...Interactive2.backgroundSchema,
+  ...Interactive2.borderSchema
 };
 var InnerVideo = ({
   src,

package/dist/video/video.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { type InteractivitySchema } from 'remotion';
+export declare const videoSchema: InteractivitySchema;
 export declare const Video: React.ComponentType<{
     src: string;
 } & Partial<{

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.496",
+	"version": "4.0.497",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"mediabunny": "1.50.8",
-		"remotion": "4.0.496",
+		"remotion": "4.0.497",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -31,8 +31,8 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.496",
-		"@remotion/player": "4.0.496",
+		"@remotion/eslint-config-internal": "4.0.497",
+		"@remotion/player": "4.0.497",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",