@remotion/media 4.0.373 → 4.0.374

package/dist/esm/index.mjs

@@ -994,11 +994,6 @@ class MediaPlayer {
     if (currentPlaybackTime === newTime) {
       return;
     }
-    const newAudioSyncAnchor = this.sharedAudioContext.currentTime - newTime / (this.playbackRate * this.globalPlaybackRate);
-    const diff = Math.abs(newAudioSyncAnchor - this.audioSyncAnchor);
-    if (diff > 0.04) {
-      this.setPlaybackTime(newTime, this.playbackRate * this.globalPlaybackRate);
-    }
     await this.videoIteratorManager?.seek({
       newTime,
       nonce

package/dist/media-player.js

@@ -228,12 +228,6 @@ export class MediaPlayer {
         if (currentPlaybackTime === newTime) {
             return;
         }
-        const newAudioSyncAnchor = this.sharedAudioContext.currentTime -
-            newTime / (this.playbackRate * this.globalPlaybackRate);
-        const diff = Math.abs(newAudioSyncAnchor - this.audioSyncAnchor);
-        if (diff > 0.04) {
-            this.setPlaybackTime(newTime, this.playbackRate * this.globalPlaybackRate);
-        }
         await this.videoIteratorManager?.seek({
             newTime,
             nonce,

package/dist/video-extraction/rotate-frame.d.ts

@@ -0,0 +1,4 @@
+export declare const rotateFrame: ({ frame, rotation, }: {
+    frame: VideoFrame;
+    rotation: number;
+}) => Promise<ImageBitmap>;

package/dist/video-extraction/rotate-frame.js

@@ -0,0 +1,34 @@
+export const rotateFrame = async ({ frame, rotation, }) => {
+    if (rotation === 0) {
+        const directBitmap = await createImageBitmap(frame);
+        frame.close();
+        return directBitmap;
+    }
+    const width = rotation === 90 || rotation === 270
+        ? frame.displayHeight
+        : frame.displayWidth;
+    const height = rotation === 90 || rotation === 270
+        ? frame.displayWidth
+        : frame.displayHeight;
+    const canvas = new OffscreenCanvas(width, height);
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+        throw new Error('Could not get 2d context');
+    }
+    canvas.width = width;
+    canvas.height = height;
+    if (rotation === 90) {
+        ctx.translate(width, 0);
+    }
+    else if (rotation === 180) {
+        ctx.translate(width, height);
+    }
+    else if (rotation === 270) {
+        ctx.translate(0, height);
+    }
+    ctx.rotate(rotation * (Math.PI / 180));
+    ctx.drawImage(frame, 0, 0);
+    const bitmap = await createImageBitmap(canvas);
+    frame.close();
+    return bitmap;
+};

package/dist/video-extraction/to-video-frame-fixed-rotation.d.ts

@@ -0,0 +1,14 @@
+import type { VideoSample } from 'mediabunny';
+/**
+ * Once we convert a VideoSample to a VideoFrame, we lose the rotation
+ * https://github.com/Vanilagy/mediabunny/pull/212
+ * This will be fixed in Mediabunny v2, but for now, we need to manually fix it.
+ *
+ * I'm actually wondering if your PR is actually a breaking change
+  I would say it kinda is actually
+  Because, previously only the VideoSample had rotation but the video frame you got from .toVideoFrame() was unrotated. Now, the resulting VideoFrame will be rotated, so drawing it to a canvas will behave differently. To me, this is a breaking change
+  People's old code that manually handled the rotation will break here
+  So I think this is actually a PR for v2
+  And for Remotion, you can do a temporary workaround fix by cloning the VideoFrame and overriding rotation that way, then closing the old frame, then transferring the cloned frame
+ */
+export declare const toVideoFrameFixedRotation: (videoSample: VideoSample) => VideoFrame;

package/dist/video-extraction/to-video-frame-fixed-rotation.js

@@ -0,0 +1,41 @@
+/**
+ * Once we convert a VideoSample to a VideoFrame, we lose the rotation
+ * https://github.com/Vanilagy/mediabunny/pull/212
+ * This will be fixed in Mediabunny v2, but for now, we need to manually fix it.
+ *
+ * I'm actually wondering if your PR is actually a breaking change
+  I would say it kinda is actually
+  Because, previously only the VideoSample had rotation but the video frame you got from .toVideoFrame() was unrotated. Now, the resulting VideoFrame will be rotated, so drawing it to a canvas will behave differently. To me, this is a breaking change
+  People's old code that manually handled the rotation will break here
+  So I think this is actually a PR for v2
+  And for Remotion, you can do a temporary workaround fix by cloning the VideoFrame and overriding rotation that way, then closing the old frame, then transferring the cloned frame
+ */
+export const toVideoFrameFixedRotation = (videoSample) => {
+    const frame = videoSample.toVideoFrame();
+    if (videoSample.rotation === 0) {
+        return frame;
+    }
+    const canvas = new OffscreenCanvas(width, height);
+    const ctx = canvas.getContext('2d');
+    if (!ctx) {
+        throw new Error('Could not get 2d context');
+    }
+    canvas.width = width;
+    canvas.height = height;
+    if (canvasRotationToApply === 90) {
+        ctx.translate(width, 0);
+    }
+    else if (canvasRotationToApply === 180) {
+        ctx.translate(width, height);
+    }
+    else if (canvasRotationToApply === 270) {
+        ctx.translate(0, height);
+    }
+    console.log('sample rotation', videoSample.rotation);
+    // @ts-expect-error - rotation is not a known property of VideoFrameInit
+    const fixedFrame = new VideoFrame(frame, { rotation: videoSample.rotation });
+    frame.close();
+    // @ts-expect-error - rotation is not a known property of VideoFrameInit
+    console.log('fixed frame rotation', fixedFrame.rotation);
+    return fixedFrame;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.373",
+	"version": "4.0.374",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -22,14 +22,14 @@
 	},
 	"dependencies": {
 		"mediabunny": "1.24.3",
-		"remotion": "4.0.373"
+		"remotion": "4.0.374"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.373",
+		"@remotion/eslint-config-internal": "4.0.374",
 		"@vitest/browser-webdriverio": "4.0.7",
 		"eslint": "9.19.0",
 		"react": "19.0.0",