@remotion/media-utils 4.0.0-preload.13 → 4.0.0-spawn.13

package/dist/create-smooth-svg-path.d.ts

@@ -0,0 +1,4 @@
+export declare const smoothenSvgPath: (points: [
+    number,
+    number
+][]) => string;

package/dist/create-smooth-svg-path.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.smoothenSvgPath = void 0;
+const line = (pointA, pointB) => {
+    const lengthX = pointB[0] - pointA[0];
+    const lengthY = pointB[1] - pointA[1];
+    return {
+        length: Math.sqrt(lengthX ** 2 + lengthY ** 2),
+        angle: Math.atan2(lengthY, lengthX),
+    };
+};
+const controlPoint = (current, previous, next, reverse) => {
+    const p = previous || current;
+    const n = next || current;
+    // The smoothing ratio
+    const smoothing = 0.2;
+    // Properties of the opposed-line
+    const o = line(p, n);
+    const angle = o.angle + (reverse ? Math.PI : 0);
+    const length = o.length * smoothing;
+    const x = current[0] + Math.cos(angle) * length;
+    const y = current[1] + Math.sin(angle) * length;
+    return [x, y];
+};
+const smoothenSvgPath = (points) => {
+    return points.reduce((acc, current, i, a) => {
+        if (i === 0) {
+            return `M ${current[0]},${current[1]}`;
+        }
+        const [x, y] = current;
+        const previous = a[i - 1];
+        const twoPrevious = a[i - 2];
+        const next = a[i + 1];
+        const [cp1x, cp1y] = controlPoint(previous, twoPrevious, current, false);
+        const [cp2x, cp2y] = controlPoint(current, previous, next, true);
+        return `${acc} C ${cp1x},${cp1y} ${cp2x},${cp2y} ${x},${y}`;
+    }, '');
+};
+exports.smoothenSvgPath = smoothenSvgPath;

package/dist/fft/fft-freq.d.ts

@@ -1,4 +1 @@
-export declare const fftFreq: (fftBins: [
-    number,
-    number
-][], sampleRate: number) => number[];
+export declare const fftFreq: (fftBins: [number, number][], sampleRate: number) => number[];

package/dist/fft/fft.d.ts

@@ -1,4 +1 @@
-export declare const fft: (vector: Int16Array) => [
-    number,
-    number
-][];
+export declare const fft: (vector: Int16Array) => [number, number][];

package/dist/fft/mag.d.ts

@@ -1,4 +1 @@
-export declare const fftMag: (fftBins: [
-    number,
-    number
-][]) => number[];
+export declare const fftMag: (fftBins: [number, number][]) => number[];

package/dist/get-audio-data.js

@@ -28,6 +28,9 @@ const fn = async (src) => {
     if (metadataCache[src]) {
         return metadataCache[src];
     }
+    if (typeof document === 'undefined') {
+        throw new Error('getAudioData() is only available in the browser.');
+    }
     const audioContext = new AudioContext();
     const response = await fetchWithCorsCatch(src);
     const arrayBuffer = await response.arrayBuffer();

package/dist/get-audio-duration.js

@@ -8,6 +8,9 @@ const fn = (src) => {
     if (metadataCache[src]) {
         return Promise.resolve(metadataCache[src]);
     }
+    if (typeof document === 'undefined') {
+        throw new Error('getAudioDuration() is only available in the browser.');
+    }
     const audio = document.createElement('audio');
     audio.src = src;
     return new Promise((resolve, reject) => {

package/dist/get-video-metadata.js

@@ -9,6 +9,9 @@ const fn = (src) => {
     if (cache[src]) {
         return Promise.resolve(cache[src]);
     }
+    if (typeof document === 'undefined') {
+        throw new Error('getVideoMetadata() is only available in the browser.');
+    }
     const video = document.createElement('video');
     video.src = src;
     return new Promise((resolve, reject) => {
@@ -16,6 +19,11 @@ const fn = (src) => {
             reject(video.error);
             cleanup();
         };
+        const pixels = video.videoHeight * video.videoWidth;
+        if (pixels === 0) {
+            reject(new Error('Unable to determine video metadata'));
+            return;
+        }
         const onLoadedMetadata = () => {
             const metadata = {
                 durationInSeconds: video.duration,

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/validate-channel.d.ts

@@ -0,0 +1 @@
+export declare const validateChannel: (channel: unknown, numberOfChannels: number) => void;

package/dist/validate-channel.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateChannel = void 0;
+const validateChannel = (channel, numberOfChannels) => {
+    if (typeof channel !== 'number') {
+        throw new TypeError(`"channel" must be a number`);
+    }
+    if (channel % 1 !== 0) {
+        throw new TypeError(`"channel" must an integer, got ${channel}`);
+    }
+    if (Number.isNaN(channel)) {
+        throw new TypeError(`The channel parameter is NaN.`);
+    }
+    if (channel < 0) {
+        throw new TypeError('"channel" cannot be negative');
+    }
+    if (channel > numberOfChannels - 1) {
+        throw new TypeError(`"channel" must be ${numberOfChannels - 1} or lower. The audio has ${numberOfChannels} channels`);
+    }
+};
+exports.validateChannel = validateChannel;

package/dist/visualize-audio-waveform.d.ts

@@ -0,0 +1,11 @@
+import { AudioData } from './types';
+declare type FnParameters = {
+    audioData: AudioData;
+    frame: number;
+    fps: number;
+    windowInSeconds: number;
+    numberOfSamples: number;
+    channel: number;
+};
+export declare const visualizeAudioWaveform: ({ ...parameters }: FnParameters) => number[];
+export {};

package/dist/visualize-audio-waveform.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.visualizeAudioWaveform = void 0;
+const get_waveform_portion_1 = require("./get-waveform-portion");
+const cache = {};
+const visualizeAudioWaveformFrame = ({ audioData, frame, fps, numberOfSamples, windowInSeconds, channel, }) => {
+    if (windowInSeconds * audioData.sampleRate < numberOfSamples) {
+        throw new TypeError(windowInSeconds +
+            's audiodata does not have ' +
+            numberOfSamples +
+            ' bars. Increase windowInSeconds or decrease numberOfSamples');
+    }
+    const cacheKey = audioData.resultId + frame + fps + numberOfSamples + 'waveform';
+    if (cache[cacheKey]) {
+        return cache[cacheKey];
+    }
+    const time = frame / fps;
+    const startTimeInSeconds = time - windowInSeconds / 2;
+    return (0, get_waveform_portion_1.getWaveformPortion)({
+        audioData,
+        startTimeInSeconds,
+        durationInSeconds: windowInSeconds,
+        numberOfSamples,
+        outputRange: 'minus-one-to-one',
+        channel,
+    });
+};
+const visualizeAudioWaveform = ({ ...parameters }) => {
+    const data = visualizeAudioWaveformFrame(parameters);
+    return data.map((value) => value.amplitude);
+};
+exports.visualizeAudioWaveform = visualizeAudioWaveform;

package/dist/visualize-audio.js

@@ -31,7 +31,7 @@ const visualizeAudio = ({ smoothing = true, ...parameters }) => {
     const all = toSmooth.map((s) => {
         return visualizeAudioFrame({ ...parameters, frame: s });
     });
-    return new Array(parameters.numberOfSamples).fill(true).map((x, i) => {
+    return new Array(parameters.numberOfSamples).fill(true).map((_x, i) => {
         return (new Array(toSmooth.length)
             .fill(true)
             .map((_, j) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media-utils",
-	"version": "4.0.0-preload.13+f7b159495",
+	"version": "4.0.0-spawn.13+5f3607e8b",
 	"description": "Utility functions for audio and video",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -18,7 +18,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.0-preload.13+f7b159495"
+		"remotion": "4.0.0-spawn.13+5f3607e8b"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -31,7 +31,7 @@
 		"eslint": "8.13.0",
 		"prettier": "^2.0.5",
 		"prettier-plugin-organize-imports": "^2.3.4",
-		"typescript": "^4.5.5"
+		"typescript": "^4.7.0"
 	},
 	"keywords": [
 		"remotion",
@@ -44,5 +44,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f7b1594951e881444050f2f9d4af8d442bbec942"
+	"gitHead": "5f3607e8b8b958cf0604798639c8d901e9f2a295"
 }