@remotion/web-renderer 4.0.383 → 4.0.384

package/dist/add-sample.d.ts

@@ -0,0 +1,3 @@
+import type { AudioSampleSource, VideoSampleSource } from 'mediabunny';
+export declare const addVideoSampleAndCloseFrame: (frameToEncode: VideoFrame, videoSampleSource: VideoSampleSource) => Promise<void>;
+export declare const addAudioSample: (audio: AudioData, audioSampleSource: AudioSampleSource) => Promise<void>;

package/dist/add-sample.js

@@ -0,0 +1,20 @@
+import { AudioSample, VideoSample } from 'mediabunny';
+export const addVideoSampleAndCloseFrame = async (frameToEncode, videoSampleSource) => {
+    const sample = new VideoSample(frameToEncode);
+    try {
+        await videoSampleSource.add(sample);
+    }
+    finally {
+        sample.close();
+        frameToEncode.close();
+    }
+};
+export const addAudioSample = async (audio, audioSampleSource) => {
+    const sample = new AudioSample(audio);
+    try {
+        await audioSampleSource.add(sample);
+    }
+    finally {
+        sample.close();
+    }
+};

package/dist/artifact.d.ts

@@ -13,12 +13,11 @@ export type OnArtifact = (asset: EmittedArtifact) => void;
 export type ArtifactsRef = React.RefObject<{
     collectAssets: () => TRenderAsset[];
 } | null>;
-export declare const handleArtifacts: ({ ref, onArtifact, }: {
-    ref: ArtifactsRef;
-    onArtifact: OnArtifact | null;
-}) => {
-    handle: ({ imageData, frame, }: {
+export declare const handleArtifacts: () => {
+    handle: ({ imageData, frame, assets: artifactAssets, onArtifact, }: {
         imageData: Blob | OffscreenCanvas | null;
         frame: number;
+        assets: TRenderAsset[];
+        onArtifact: OnArtifact;
     }) => Promise<void>;
 };

package/dist/artifact.js

@@ -36,23 +36,20 @@ export const onlyArtifact = async ({ assets, frameBuffer, }) => {
     }
     return result.filter(NoReactInternals.truthy);
 };
-export const handleArtifacts = ({ ref, onArtifact, }) => {
+export const handleArtifacts = () => {
     const previousArtifacts = [];
-    const handle = async ({ imageData, frame, }) => {
-        const artifactAssets = ref.current.collectAssets();
-        if (onArtifact) {
-            const artifacts = await onlyArtifact({
-                assets: artifactAssets,
-                frameBuffer: imageData,
-            });
-            for (const artifact of artifacts) {
-                const previousArtifact = previousArtifacts.find((a) => a.filename === artifact.filename);
-                if (previousArtifact) {
-                    throw new Error(`An artifact with output "${artifact.filename}" was already registered at frame ${previousArtifact.frame}, but now registered again at frame ${frame}. Artifacts must have unique names. https://remotion.dev/docs/artifacts`);
-                }
-                onArtifact(artifact);
-                previousArtifacts.push({ frame, filename: artifact.filename });
+    const handle = async ({ imageData, frame, assets: artifactAssets, onArtifact, }) => {
+        const artifacts = await onlyArtifact({
+            assets: artifactAssets,
+            frameBuffer: imageData,
+        });
+        for (const artifact of artifacts) {
+            const previousArtifact = previousArtifacts.find((a) => a.filename === artifact.filename);
+            if (previousArtifact) {
+                throw new Error(`An artifact with output "${artifact.filename}" was already registered at frame ${previousArtifact.frame}, but now registered again at frame ${frame}. Artifacts must have unique names. https://remotion.dev/docs/artifacts`);
             }
+            onArtifact(artifact);
+            previousArtifacts.push({ frame, filename: artifact.filename });
         }
     };
     return { handle };

package/dist/audio.d.ts

@@ -0,0 +1,2 @@
+import type { TRenderAsset } from 'remotion';
+export declare const onlyInlineAudio: (assets: TRenderAsset[]) => AudioData | null;

package/dist/audio.js

@@ -0,0 +1,45 @@
+const TARGET_NUMBER_OF_CHANNELS = 2;
+const TARGET_SAMPLE_RATE = 48000;
+function mixAudio(waves, length) {
+    if (waves.length === 1) {
+        return waves[0];
+    }
+    const mixed = new Int16Array(length);
+    for (let i = 0; i < length; i++) {
+        const sum = waves.reduce((acc, wave) => acc + wave[i], 0);
+        // Clamp to Int16 range
+        mixed[i] = Math.max(-32768, Math.min(32767, sum));
+    }
+    return mixed;
+}
+export const onlyInlineAudio = (assets) => {
+    const inlineAudio = assets.filter((asset) => asset.type === 'inline-audio');
+    let length = null;
+    for (const asset of inlineAudio) {
+        if (asset.toneFrequency !== 1) {
+            throw new Error('Setting the toneFrequency is not supported yet in web rendering.');
+        }
+        if (length === null) {
+            length = asset.audio.length;
+            // 1 frame offset may happen due to rounding, it is safe to truncate the last sample
+        }
+        else if (Math.abs(length - asset.audio.length) > TARGET_NUMBER_OF_CHANNELS) {
+            throw new Error('All inline audio must have the same length');
+        }
+        else {
+            length = Math.min(length, asset.audio.length);
+        }
+    }
+    if (length === null) {
+        return null;
+    }
+    const mixedAudio = mixAudio(inlineAudio.map((asset) => asset.audio), length);
+    return new AudioData({
+        data: mixedAudio,
+        format: 's16',
+        numberOfChannels: TARGET_NUMBER_OF_CHANNELS,
+        numberOfFrames: length / TARGET_NUMBER_OF_CHANNELS,
+        sampleRate: TARGET_SAMPLE_RATE,
+        timestamp: inlineAudio[0].timestamp,
+    });
+};