@remotion/media-utils 3.0.11 → 3.0.15

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

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

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

@@ -1,29 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSmoothSvgPath = void 0;
-const createSmoothSvgPath = (points) => {
-    return points.reduce((acc, point, i, a) => {
+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 ${point[0]},${point[1]}`;
-        }
-        const p0 = a[i - 2] || a[i - 1];
-        const x0 = p0[0];
-        const y0 = p0[1];
-        const p1 = a[i - 1];
-        const x1 = p1[0];
-        const y1 = p1[1];
-        const x = point[0];
-        const y = point[1];
-        const cp1x = (2 * x0 + x1) / 3;
-        const cp1y = (2 * y0 + y1) / 3;
-        const cp2x = (x0 + 2 * x1) / 3;
-        const cp2y = (y0 + 2 * y1) / 3;
-        const cp3x = (x0 + 4 * x1 + x) / 6;
-        const cp3y = (y0 + 4 * y1 + y) / 6;
-        if (i === a.length - 1) {
-            return `${acc} C ${cp1x},${cp1y} ${cp2x},${cp2y} ${cp3x},${cp3y} C${x},${y} ${x},${y} ${x},${y}`;
+            return `M ${current[0]},${current[1]}`;
         }
-        return `${acc} C ${cp1x},${cp1y} ${cp2x},${cp2y} ${cp3x},${cp3y}`;
+        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.createSmoothSvgPath = createSmoothSvgPath;
+exports.smoothenSvgPath = smoothenSvgPath;

package/dist/get-video-metadata.js

@@ -19,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

@@ -5,6 +5,7 @@ declare type FnParameters = {
     fps: number;
     windowInSeconds: number;
     numberOfSamples: number;
+    channel: number;
 };
 export declare const visualizeAudioWaveform: ({ ...parameters }: FnParameters) => number[];
 export {};

package/dist/visualize-audio-waveform.js

@@ -3,7 +3,7 @@ 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, }) => {
+const visualizeAudioWaveformFrame = ({ audioData, frame, fps, numberOfSamples, windowInSeconds, channel, }) => {
     if (windowInSeconds * audioData.sampleRate < numberOfSamples) {
         throw new TypeError(windowInSeconds +
             's audiodata does not have ' +
@@ -15,15 +15,14 @@ const visualizeAudioWaveformFrame = ({ audioData, frame, fps, numberOfSamples, w
         return cache[cacheKey];
     }
     const time = frame / fps;
-    const max = audioData.durationInSeconds - windowInSeconds / 2;
-    const min = windowInSeconds / 2;
-    const startTimeInSeconds = Math.min(max, Math.max(min, time - windowInSeconds / 2));
+    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 }) => {

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": "3.0.11",
+	"version": "3.0.15",
 	"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": "3.0.11"
+		"remotion": "3.0.15"
 	},
 	"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": "7bdd2de3305f669cefecfdbda7f555df1480d9c9"
+	"gitHead": "955b43714a53713963f862d3e9aec86de85f1ebd"
 }