From e84b58e9115284adb0b8bf13466d43a39d74c45b Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Mon, 16 Feb 2026 18:49:09 +0100 Subject: [PATCH 1/8] fx bug --- .../video-extraction/get-allocation-size.ts | 4 +- .../src/video-extraction/keyframe-bank.ts | 43 ++++++++++++++++--- 2 files changed, 39 insertions(+), 8 deletions(-) diff --git a/packages/media/src/video-extraction/get-allocation-size.ts b/packages/media/src/video-extraction/get-allocation-size.ts index c1f331d2bf5..7d15655cd7b 100644 --- a/packages/media/src/video-extraction/get-allocation-size.ts +++ b/packages/media/src/video-extraction/get-allocation-size.ts @@ -1,6 +1,6 @@ -import type {VideoSample} from 'mediabunny'; +import type {VideoSampleWithoutDuration} from './keyframe-bank'; -export const getAllocationSize = (sample: VideoSample) => { +export const getAllocationSize = (sample: VideoSampleWithoutDuration) => { if (sample.format === null) { return sample.codedHeight * sample.codedWidth * 4; } diff --git a/packages/media/src/video-extraction/keyframe-bank.ts b/packages/media/src/video-extraction/keyframe-bank.ts index 3108cb59007..cc51491ae1e 100644 --- a/packages/media/src/video-extraction/keyframe-bank.ts +++ b/packages/media/src/video-extraction/keyframe-bank.ts @@ -5,12 +5,16 @@ import {roundTo4Digits} from '../helpers/round-to-4-digits'; import {renderTimestampRange} from '../render-timestamp-range'; import {getAllocationSize} from './get-allocation-size'; +// duration can be wrong! we shall not rely on it, but calculate it ourselves +// https://discord.com/channels/@me/1409810025844838481/1470453477217009745 (Rebunny channel) +export type VideoSampleWithoutDuration = Omit; + export type KeyframeBank = { src: string; getFrameFromTimestamp: ( timestamp: number, fps: number, - ) => Promise; + ) => Promise; prepareForDeletion: ( logLevel: LogLevel, reason: string, @@ -53,7 +57,7 @@ export const makeKeyframeBank = async ({ roundTo4Digits(initialTimestampRequest), ); - const frames: Record = {}; + const frames: Record = {}; const frameTimestamps: number[] = []; let hasReachedEndOfVideo = false; @@ -61,6 +65,20 @@ export const makeKeyframeBank = async ({ let lastUsed = Date.now(); let allocationSize = 0; + const getDurationOfFrame = (timestamp: number) => { + const index = frameTimestamps.indexOf(timestamp); + if (index === -1) { + throw new Error(`Frame ${timestamp} not found`); + } + + const nextTimestamp = frameTimestamps[index + 1]; + if (!nextTimestamp) { + return null; + } + + return nextTimestamp - timestamp; + }; + const deleteFrameAtTimestamp = (timestamp: number) => { allocationSize -= getAllocationSize(frames[timestamp]); frameTimestamps.splice(frameTimestamps.indexOf(timestamp), 1); @@ -90,7 +108,10 @@ export const makeKeyframeBank = async ({ continue; } - const {duration} = frames[frameTimestamp]; + const duration = getDurationOfFrame(frameTimestamp); + if (typeof duration !== 'number') { + continue; + } if (frameTimestamp + duration < timestampInSeconds) { deleteFrameAtTimestamp(frameTimestamp); @@ -119,8 +140,10 @@ export const makeKeyframeBank = async ({ return true; } + const duration = getDurationOfFrame(lastFrameTimestamp); + return ( - roundTo4Digits(lastFrame.timestamp + lastFrame.duration) > + roundTo4Digits(lastFrameTimestamp + (duration ?? 0)) > roundTo4Digits(timestamp) ); }; @@ -155,6 +178,7 @@ export const makeKeyframeBank = async ({ if (sample.done) { hasReachedEndOfVideo = true; + break; } @@ -171,7 +195,7 @@ export const makeKeyframeBank = async ({ const getFrameFromTimestamp = async ( timestampInSeconds: number, fps: number, - ): Promise => { + ): Promise => { lastUsed = Date.now(); // If the requested timestamp is before the start of this bank, clamp it to the start. @@ -256,9 +280,16 @@ export const makeKeyframeBank = async ({ const lastTimestamp = frameTimestamps[frameTimestamps.length - 1]!; const lastFrame = frames[lastTimestamp]; + // If we have measured it by already having the next frame, use that. Otherwise, + // resort to what Mediabunny gave us. + const lastFrameDuration = + getDurationOfFrame(lastTimestamp) ?? + (lastFrame as VideoSample).duration ?? + 0; + return { firstTimestamp, - lastTimestamp: lastTimestamp + lastFrame!.duration, + lastTimestamp: lastTimestamp + lastFrameDuration, }; }; From 85b83b1352e128c2178496619bb6faa473707b87 Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Mon, 16 Feb 2026 19:08:32 +0100 Subject: [PATCH 2/8] Update keyframe-bank.ts --- packages/media/src/video-extraction/keyframe-bank.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/media/src/video-extraction/keyframe-bank.ts b/packages/media/src/video-extraction/keyframe-bank.ts index cc51491ae1e..8172610f7aa 100644 --- a/packages/media/src/video-extraction/keyframe-bank.ts +++ b/packages/media/src/video-extraction/keyframe-bank.ts @@ -140,11 +140,12 @@ export const makeKeyframeBank = async ({ return true; } - const duration = getDurationOfFrame(lastFrameTimestamp); + const duration = + getDurationOfFrame(lastFrameTimestamp) ?? + (lastFrame as VideoSample).duration; return ( - roundTo4Digits(lastFrameTimestamp + (duration ?? 0)) > - roundTo4Digits(timestamp) + roundTo4Digits(lastFrameTimestamp + duration) >= roundTo4Digits(timestamp) ); }; From d650dc9c32ef211d89bb13c8320020de4c955722 Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Mon, 16 Feb 2026 19:25:24 +0100 Subject: [PATCH 3/8] ok... --- packages/media/src/video-extraction/keyframe-bank.ts | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/media/src/video-extraction/keyframe-bank.ts b/packages/media/src/video-extraction/keyframe-bank.ts index 8172610f7aa..5ab280a3450 100644 --- a/packages/media/src/video-extraction/keyframe-bank.ts +++ b/packages/media/src/video-extraction/keyframe-bank.ts @@ -108,10 +108,9 @@ export const makeKeyframeBank = async ({ continue; } - const duration = getDurationOfFrame(frameTimestamp); - if (typeof duration !== 'number') { - continue; - } + const duration = + getDurationOfFrame(frameTimestamp) ?? + (frames[frameTimestamp] as VideoSample).duration; if (frameTimestamp + duration < timestampInSeconds) { deleteFrameAtTimestamp(frameTimestamp); From 6b831c8c138c82193c290f6abffb42fbc66c6614 Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Mon, 16 Feb 2026 19:26:04 +0100 Subject: [PATCH 4/8] Update keyframe-bank.ts --- packages/media/src/video-extraction/keyframe-bank.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/media/src/video-extraction/keyframe-bank.ts b/packages/media/src/video-extraction/keyframe-bank.ts index 5ab280a3450..a454506fb72 100644 --- a/packages/media/src/video-extraction/keyframe-bank.ts +++ b/packages/media/src/video-extraction/keyframe-bank.ts @@ -144,7 +144,7 @@ export const makeKeyframeBank = async ({ (lastFrame as VideoSample).duration; return ( - roundTo4Digits(lastFrameTimestamp + duration) >= roundTo4Digits(timestamp) + roundTo4Digits(lastFrameTimestamp + duration) > roundTo4Digits(timestamp) ); }; From 6fdeba91e57938915e3ee54bf23df59b7dc556db Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Mon, 16 Feb 2026 19:38:13 +0100 Subject: [PATCH 5/8] v4.0.423 --- bun.lock | 164 +++++++++--------- packages/animated-emoji/package.json | 2 +- packages/animation-utils/package.json | 2 +- packages/astro-example/package.json | 2 +- packages/babel-loader/package.json | 2 +- packages/bugs/package.json | 2 +- packages/bundler/package.json | 2 +- packages/captions/package.json | 2 +- packages/cli/package.json | 2 +- packages/cloudrun/container/package.json | 2 +- packages/cloudrun/package.json | 2 +- packages/compositor-darwin-arm64/package.json | 2 +- packages/compositor-darwin-x64/package.json | 2 +- .../compositor-linux-arm64-gnu/package.json | 2 +- .../compositor-linux-arm64-musl/package.json | 2 +- .../compositor-linux-x64-gnu/package.json | 2 +- .../compositor-linux-x64-musl/package.json | 2 +- .../compositor-win32-x64-msvc/package.json | 2 +- packages/compositor/package.json | 2 +- packages/convert/package.json | 2 +- packages/core/package.json | 2 +- packages/core/src/version.ts | 2 +- packages/create-video/package.json | 2 +- packages/design/package.json | 2 +- packages/discord-poster/package.json | 2 +- packages/docs/package.json | 2 +- packages/docusaurus-plugin/package.json | 2 +- packages/enable-scss/package.json | 2 +- packages/eslint-config-flat/package.json | 2 +- packages/eslint-config-internal/package.json | 2 +- packages/eslint-config/package.json | 2 +- packages/eslint-plugin/package.json | 2 +- packages/example-videos/package.json | 2 +- packages/example-without-zod/package.json | 2 +- packages/example/package.json | 2 +- packages/fonts/package.json | 2 +- packages/gif/package.json | 2 +- packages/google-fonts/package.json | 2 +- .../scripts/incompatible-fonts.ts | 68 ++++---- packages/install-whisper-cpp/package.json | 2 +- packages/it-tests/package.json | 2 +- packages/lambda-client/package.json | 2 +- packages/lambda-go-example/package.json | 2 +- packages/lambda-go/package.json | 2 +- packages/lambda-go/version.go | 2 +- packages/lambda-php-example/composer.json | 2 +- packages/lambda-php/composer.json | 2 +- packages/lambda-php/composer.lock | 2 +- packages/lambda-php/package.json | 2 +- packages/lambda-php/src/Semantic.php | 2 +- packages/lambda-python/package.json | 2 +- .../lambda-python/remotion_lambda/version.py | 2 +- .../lib/remotion_lambda/version.rb | 2 +- packages/lambda-ruby/package.json | 2 +- packages/lambda-ruby/remotion_lambda.gemspec | 2 +- packages/lambda/package.json | 2 +- packages/layout-utils/package.json | 2 +- packages/licensing/package.json | 2 +- packages/light-leaks/package.json | 2 +- packages/lottie/package.json | 2 +- packages/mcp/package.json | 2 +- packages/media-parser/package.json | 2 +- packages/media-parser/src/version.ts | 2 +- packages/media-utils/package.json | 2 +- packages/media/package.json | 2 +- packages/motion-blur/package.json | 2 +- packages/noise/package.json | 2 +- packages/openai-whisper/package.json | 2 +- packages/paths/package.json | 2 +- packages/player-example/package.json | 2 +- packages/player/package.json | 2 +- packages/preload/package.json | 2 +- packages/promo-pages/package.json | 2 +- packages/react18-tests/package.json | 2 +- packages/renderer/package.json | 2 +- packages/rive/package.json | 2 +- packages/rounded-text-box/package.json | 2 +- packages/serverless-client/package.json | 2 +- packages/serverless/package.json | 2 +- packages/shapes/package.json | 2 +- packages/skia/package.json | 2 +- packages/skills/package.json | 2 +- packages/streaming/package.json | 2 +- packages/studio-server/package.json | 2 +- packages/studio-shared/package.json | 2 +- packages/studio/package.json | 2 +- packages/svg-3d-engine/package.json | 2 +- packages/tailwind-v4/package.json | 2 +- packages/tailwind/package.json | 2 +- packages/test-utils/package.json | 2 +- packages/three/package.json | 2 +- packages/transitions/package.json | 2 +- packages/web-renderer/package.json | 2 +- packages/webcodecs/package.json | 2 +- packages/whisper-web/package.json | 2 +- packages/zod-types/package.json | 2 +- 96 files changed, 210 insertions(+), 210 deletions(-) diff --git a/bun.lock b/bun.lock index a73da23725a..923e2f43f7f 100644 --- a/bun.lock +++ b/bun.lock @@ -21,7 +21,7 @@ }, "packages/animated-emoji": { "name": "@remotion/animated-emoji", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -32,7 +32,7 @@ }, "packages/animation-utils": { "name": "@remotion/animation-utils", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -47,7 +47,7 @@ }, "packages/astro-example": { "name": "@remotion/astro-example", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@astrojs/react": "4.0.0", "@remotion/gif": "workspace:*", @@ -66,7 +66,7 @@ }, "packages/babel-loader": { "name": "@remotion/babel-loader", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@babel/core": "7.23.2", "@babel/plugin-proposal-class-properties": "7.14.5", @@ -89,7 +89,7 @@ }, "packages/bundler": { "name": "@remotion/bundler", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/media-parser": "workspace:*", "@remotion/studio": "workspace:*", @@ -115,7 +115,7 @@ }, "packages/captions": { "name": "@remotion/captions", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -123,7 +123,7 @@ }, "packages/cli": { "name": "@remotion/cli", - "version": "4.0.422", + "version": "4.0.423", "bin": { "remotion": "remotion-cli.js", "remotionb": "remotionb-cli.js", @@ -164,7 +164,7 @@ }, "packages/cloudrun": { "name": "@remotion/cloudrun", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@google-cloud/artifact-registry": "3.5.1", "@google-cloud/functions-framework": "3.4.6", @@ -189,39 +189,39 @@ }, "packages/compositor": { "name": "@remotion/compositor", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-darwin-arm64": { "name": "@remotion/compositor-darwin-arm64", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-darwin-x64": { "name": "@remotion/compositor-darwin-x64", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-linux-arm64-gnu": { "name": "@remotion/compositor-linux-arm64-gnu", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-linux-arm64-musl": { "name": "@remotion/compositor-linux-arm64-musl", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-linux-x64-gnu": { "name": "@remotion/compositor-linux-x64-gnu", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-linux-x64-musl": { "name": "@remotion/compositor-linux-x64-musl", - "version": "4.0.422", + "version": "4.0.423", }, "packages/compositor-win32-x64-msvc": { "name": "@remotion/compositor-win32-x64-msvc", - "version": "4.0.422", + "version": "4.0.423", }, "packages/convert": { "name": "@remotion/convert", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@mediabunny/mp3-encoder": "catalog:", "@mediafox/core": "^1.0.4", @@ -277,7 +277,7 @@ }, "packages/core": { "name": "remotion", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@happy-dom/global-registrator": "14.5.1", "@remotion/eslint-config-internal": "workspace:*", @@ -298,7 +298,7 @@ }, "packages/create-video": { "name": "create-video", - "version": "4.0.422", + "version": "4.0.423", "bin": { "create-video": "bin.js", }, @@ -320,7 +320,7 @@ }, "packages/design": { "name": "@remotion/design", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@radix-ui/react-select": "2.1.1", "@radix-ui/react-tabs": "^1.1.0", @@ -348,11 +348,11 @@ }, "packages/discord-poster": { "name": "@remotion/discord-poster", - "version": "4.0.422", + "version": "4.0.423", }, "packages/docs": { "name": "docs", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@algora/sdk": "^0.1.2", "@aws-sdk/s3-request-presigner": "catalog:", @@ -462,7 +462,7 @@ }, "packages/docusaurus-plugin": { "name": "@remotion/docusaurus-plugin", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@docusaurus/types": "3.6.0", "@types/dom-webcodecs": "catalog:", @@ -480,7 +480,7 @@ }, "packages/enable-scss": { "name": "@remotion/enable-scss", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "css-loader": "5.2.7", "sass-loader": "14.2.1", @@ -497,7 +497,7 @@ }, "packages/eslint-config": { "name": "@remotion/eslint-config", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "@remotion/eslint-plugin": "workspace:*", @@ -513,7 +513,7 @@ }, "packages/eslint-config-flat": { "name": "@remotion/eslint-config-flat", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "typescript-eslint": "8.21.0", }, @@ -531,7 +531,7 @@ }, "packages/eslint-config-internal": { "name": "@remotion/eslint-config-internal", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@eslint/compat": "1.2.2", "@eslint/eslintrc": "3.1.0", @@ -549,7 +549,7 @@ }, "packages/eslint-plugin": { "name": "@remotion/eslint-plugin", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@typescript-eslint/utils": "5.19.0", }, @@ -563,7 +563,7 @@ }, "packages/example": { "name": "@remotion/example", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@mdx-js/loader": "^2.3.0", "@mdx-js/react": "^2.3.0", @@ -647,7 +647,7 @@ }, "packages/example-videos": { "name": "@remotion/example-videos", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "dotenv": "9.0.2", @@ -656,7 +656,7 @@ }, "packages/example-without-zod": { "name": "@remotion/example-without-zod", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/cli": "workspace:*", "react": "catalog:", @@ -666,7 +666,7 @@ }, "packages/fonts": { "name": "@remotion/fonts", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -677,7 +677,7 @@ }, "packages/gif": { "name": "@remotion/gif", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -696,7 +696,7 @@ }, "packages/google-fonts": { "name": "@remotion/google-fonts", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -709,7 +709,7 @@ }, "packages/install-whisper-cpp": { "name": "@remotion/install-whisper-cpp", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/captions": "workspace:*", }, @@ -720,7 +720,7 @@ }, "packages/it-tests": { "name": "@remotion/it-tests", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/bundler": "workspace:*", "@remotion/captions": "workspace:*", @@ -762,7 +762,7 @@ }, "packages/lambda": { "name": "@remotion/lambda", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@aws-sdk/client-cloudwatch-logs": "catalog:", "@aws-sdk/client-iam": "catalog:", @@ -804,7 +804,7 @@ }, "packages/lambda-client": { "name": "@remotion/lambda-client", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@aws-sdk/client-cloudwatch-logs": "catalog:", "@aws-sdk/client-iam": "catalog:", @@ -827,25 +827,25 @@ }, "packages/lambda-go": { "name": "@remotion/lambda-go", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "remotion": "workspace:*", }, }, "packages/lambda-go-example": { "name": "@remotion/lambda-go-example", - "version": "4.0.422", + "version": "4.0.423", }, "packages/lambda-php": { "name": "@remotion/lambda-php", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "remotion": "workspace:*", }, }, "packages/lambda-python": { "name": "@remotion/lambda-python", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "dotenv": "9.0.2", }, @@ -855,14 +855,14 @@ }, "packages/lambda-ruby": { "name": "@remotion/lambda-ruby", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "remotion": "workspace:*", }, }, "packages/layout-utils": { "name": "@remotion/layout-utils", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -870,7 +870,7 @@ }, "packages/licensing": { "name": "@remotion/licensing", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -880,7 +880,7 @@ }, "packages/light-leaks": { "name": "@remotion/light-leaks", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -898,7 +898,7 @@ }, "packages/lottie": { "name": "@remotion/lottie", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -917,7 +917,7 @@ }, "packages/mcp": { "name": "@remotion/mcp", - "version": "4.0.422", + "version": "4.0.423", "bin": { "remotion-mcp": "./dist/esm/index.mjs", }, @@ -933,7 +933,7 @@ }, "packages/media": { "name": "@remotion/media", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@mediabunny/ac3": "catalog:", "mediabunny": "catalog:", @@ -956,7 +956,7 @@ }, "packages/media-parser": { "name": "@remotion/media-parser", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "@remotion/example-videos": "workspace:*", @@ -968,7 +968,7 @@ }, "packages/media-utils": { "name": "@remotion/media-utils", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/media-parser": "workspace:*", "@remotion/webcodecs": "workspace:*", @@ -986,7 +986,7 @@ }, "packages/motion-blur": { "name": "@remotion/motion-blur", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -1004,7 +1004,7 @@ }, "packages/noise": { "name": "@remotion/noise", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", "simplex-noise": "4.0.1", @@ -1016,7 +1016,7 @@ }, "packages/openai-whisper": { "name": "@remotion/openai-whisper", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/captions": "workspace:*", }, @@ -1028,7 +1028,7 @@ }, "packages/paths": { "name": "@remotion/paths", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -1036,7 +1036,7 @@ }, "packages/player": { "name": "@remotion/player", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -1058,7 +1058,7 @@ }, "packages/player-example": { "name": "@remotion/player-example", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/bundler": "workspace:*", "@remotion/eslint-config-flat": "workspace:*", @@ -1079,7 +1079,7 @@ }, "packages/preload": { "name": "@remotion/preload", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -1087,7 +1087,7 @@ }, "packages/promo-pages": { "name": "@remotion/promo-pages", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@mux/upchunk": "^3.5.0", "@remotion/animated-emoji": "workspace:*", @@ -1126,7 +1126,7 @@ }, "packages/react18-tests": { "name": "@remotion/react18-tests", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -1152,7 +1152,7 @@ }, "packages/renderer": { "name": "@remotion/renderer", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/licensing": "workspace:*", "@remotion/streaming": "workspace:*", @@ -1191,7 +1191,7 @@ }, "packages/rive": { "name": "@remotion/rive", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@rive-app/canvas-advanced": "2.31.5", "remotion": "workspace:*", @@ -1209,7 +1209,7 @@ }, "packages/rounded-text-box": { "name": "@remotion/rounded-text-box", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/layout-utils": "workspace:*", "@remotion/paths": "workspace:*", @@ -1221,7 +1221,7 @@ }, "packages/serverless": { "name": "@remotion/serverless", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/bundler": "workspace:*", "@remotion/licensing": "workspace:*", @@ -1235,7 +1235,7 @@ }, "packages/serverless-client": { "name": "@remotion/serverless-client", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "@remotion/renderer": "workspace:*", @@ -1246,7 +1246,7 @@ }, "packages/shapes": { "name": "@remotion/shapes", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/paths": "workspace:*", }, @@ -1265,7 +1265,7 @@ }, "packages/skia": { "name": "@remotion/skia", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -1288,7 +1288,7 @@ }, "packages/skills": { "name": "@remotion/skills", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/bundler": "workspace:*", "@remotion/cli": "workspace:*", @@ -1306,7 +1306,7 @@ }, "packages/streaming": { "name": "@remotion/streaming", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -1314,7 +1314,7 @@ }, "packages/studio": { "name": "@remotion/studio", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/media-utils": "workspace:*", "@remotion/player": "workspace:*", @@ -1344,7 +1344,7 @@ }, "packages/studio-server": { "name": "@remotion/studio-server", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@babel/parser": "7.24.1", "@remotion/bundler": "workspace:*", @@ -1369,7 +1369,7 @@ }, "packages/studio-shared": { "name": "@remotion/studio-shared", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -1381,7 +1381,7 @@ }, "packages/svg-3d-engine": { "name": "@remotion/svg-3d-engine", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/paths": "workspace:*", }, @@ -1392,7 +1392,7 @@ }, "packages/tailwind": { "name": "@remotion/tailwind", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "autoprefixer": "10.4.20", "css-loader": "5.2.7", @@ -1414,7 +1414,7 @@ }, "packages/tailwind-v4": { "name": "@remotion/tailwind-v4", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@tailwindcss/postcss": "4.1.1", "css-loader": "5.2.7", @@ -2161,7 +2161,7 @@ }, "packages/test-utils": { "name": "@remotion/test-utils", - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", @@ -2172,7 +2172,7 @@ }, "packages/three": { "name": "@remotion/three", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, @@ -2198,7 +2198,7 @@ }, "packages/transitions": { "name": "@remotion/transitions", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/paths": "workspace:*", "@remotion/shapes": "workspace:*", @@ -2221,7 +2221,7 @@ }, "packages/web-renderer": { "name": "@remotion/web-renderer", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@mediabunny/ac3": "catalog:", "@remotion/licensing": "workspace:*", @@ -2254,7 +2254,7 @@ }, "packages/webcodecs": { "name": "@remotion/webcodecs", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/media-parser": "workspace:*", }, @@ -2270,7 +2270,7 @@ }, "packages/whisper-web": { "name": "@remotion/whisper-web", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "@remotion/captions": "workspace:*", }, @@ -2281,7 +2281,7 @@ }, "packages/zod-types": { "name": "@remotion/zod-types", - "version": "4.0.422", + "version": "4.0.423", "dependencies": { "remotion": "workspace:*", }, diff --git a/packages/animated-emoji/package.json b/packages/animated-emoji/package.json index 690b4b4bc6d..494f1c09c7b 100644 --- a/packages/animated-emoji/package.json +++ b/packages/animated-emoji/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/animated-emoji", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", "module": "dist/esm/index.mjs", diff --git a/packages/animation-utils/package.json b/packages/animation-utils/package.json index 60f76f76039..67b34b2c6f8 100644 --- a/packages/animation-utils/package.json +++ b/packages/animation-utils/package.json @@ -7,7 +7,7 @@ "name": "Chetan Karwa", "email": "cbkarwa@gmail.com" }, - "version": "4.0.422", + "version": "4.0.423", "description": "Helpers for animating CSS properties", "main": "./dist/index.js", "module": "./dist/index.mjs", diff --git a/packages/astro-example/package.json b/packages/astro-example/package.json index 70738921275..d6c2a3407a5 100644 --- a/packages/astro-example/package.json +++ b/packages/astro-example/package.json @@ -5,7 +5,7 @@ "name": "@remotion/astro-example", "private": true, "type": "module", - "version": "4.0.422", + "version": "4.0.423", "scripts": { "dev": "astro dev", "start": "astro dev", diff --git a/packages/babel-loader/package.json b/packages/babel-loader/package.json index 6f019b637a8..c3718a23756 100644 --- a/packages/babel-loader/package.json +++ b/packages/babel-loader/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/babel-loader" }, "name": "@remotion/babel-loader", - "version": "4.0.422", + "version": "4.0.423", "description": "Babel loader for Remotion", "main": "dist/index.js", "scripts": { diff --git a/packages/bugs/package.json b/packages/bugs/package.json index a98d54f5b6d..a85d659014f 100644 --- a/packages/bugs/package.json +++ b/packages/bugs/package.json @@ -4,5 +4,5 @@ }, "name": "bugs", "private": true, - "version": "4.0.422" + "version": "4.0.423" } diff --git a/packages/bundler/package.json b/packages/bundler/package.json index 4a5c134a1bc..86ecd3a207c 100644 --- a/packages/bundler/package.json +++ b/packages/bundler/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler" }, "name": "@remotion/bundler", - "version": "4.0.422", + "version": "4.0.423", "description": "Bundle Remotion compositions using Webpack", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/captions/package.json b/packages/captions/package.json index 21b60f5c9f0..2e0277b5fe9 100644 --- a/packages/captions/package.json +++ b/packages/captions/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/captions" }, "name": "@remotion/captions", - "version": "4.0.422", + "version": "4.0.423", "description": "Primitives for dealing with captions", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/cli/package.json b/packages/cli/package.json index 5f4576ed50b..c1d78573c23 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/cli" }, "name": "@remotion/cli", - "version": "4.0.422", + "version": "4.0.423", "description": "Control Remotion features using the `npx remotion` command", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/cloudrun/container/package.json b/packages/cloudrun/container/package.json index 1da07949b6b..5dd45e8c713 100644 --- a/packages/cloudrun/container/package.json +++ b/packages/cloudrun/container/package.json @@ -1,6 +1,6 @@ { "name": "cloud-run-render", - "version": "4.0.422", + "version": "4.0.423", "description": "Render media and stills on GCP Cloud Run", "main": "dist/index.js", "scripts": { diff --git a/packages/cloudrun/package.json b/packages/cloudrun/package.json index 23675967b40..f977ac0b44a 100644 --- a/packages/cloudrun/package.json +++ b/packages/cloudrun/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/cloudrun" }, "name": "@remotion/cloudrun", - "version": "4.0.422", + "version": "4.0.423", "description": "Render Remotion videos on Google Cloud Run", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/compositor-darwin-arm64/package.json b/packages/compositor-darwin-arm64/package.json index 6205fb3cb28..831e12d0144 100644 --- a/packages/compositor-darwin-arm64/package.json +++ b/packages/compositor-darwin-arm64/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-darwin-arm64" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-darwin-arm64", "os": [ "darwin" diff --git a/packages/compositor-darwin-x64/package.json b/packages/compositor-darwin-x64/package.json index 46d775cdb0e..8f9df16cb7d 100644 --- a/packages/compositor-darwin-x64/package.json +++ b/packages/compositor-darwin-x64/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-darwin-x64" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-darwin-x64", "os": [ "darwin" diff --git a/packages/compositor-linux-arm64-gnu/package.json b/packages/compositor-linux-arm64-gnu/package.json index 2e9cd5c2148..4a081924b4d 100644 --- a/packages/compositor-linux-arm64-gnu/package.json +++ b/packages/compositor-linux-arm64-gnu/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-arm64-gnu" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-linux-arm64-gnu", "os": [ "linux" diff --git a/packages/compositor-linux-arm64-musl/package.json b/packages/compositor-linux-arm64-musl/package.json index a06e4afaf29..53d3765888c 100644 --- a/packages/compositor-linux-arm64-musl/package.json +++ b/packages/compositor-linux-arm64-musl/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-arm64-musl" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-linux-arm64-musl", "os": [ "linux" diff --git a/packages/compositor-linux-x64-gnu/package.json b/packages/compositor-linux-x64-gnu/package.json index b33ca01cc19..cb6646716b1 100644 --- a/packages/compositor-linux-x64-gnu/package.json +++ b/packages/compositor-linux-x64-gnu/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-x64-gnu" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-linux-x64-gnu", "os": [ "linux" diff --git a/packages/compositor-linux-x64-musl/package.json b/packages/compositor-linux-x64-musl/package.json index 10f45450e28..b3d7d9b33c6 100644 --- a/packages/compositor-linux-x64-musl/package.json +++ b/packages/compositor-linux-x64-musl/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-linux-x64-musl" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-linux-x64-musl", "os": [ "linux" diff --git a/packages/compositor-win32-x64-msvc/package.json b/packages/compositor-win32-x64-msvc/package.json index cd71577b3a8..3c79cf2f384 100644 --- a/packages/compositor-win32-x64-msvc/package.json +++ b/packages/compositor-win32-x64-msvc/package.json @@ -2,7 +2,7 @@ "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor-win32-x64-msvc" }, - "version": "4.0.422", + "version": "4.0.423", "name": "@remotion/compositor-win32-x64-msvc", "os": [ "win32" diff --git a/packages/compositor/package.json b/packages/compositor/package.json index 87d0fa6b19b..2870a9d30fa 100644 --- a/packages/compositor/package.json +++ b/packages/compositor/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/compositor" }, "name": "@remotion/compositor", - "version": "4.0.422", + "version": "4.0.423", "description": "Rust binary for Remotion", "sideEffects": false, "scripts": { diff --git a/packages/convert/package.json b/packages/convert/package.json index 45ec39284a1..10b5b7b6446 100644 --- a/packages/convert/package.json +++ b/packages/convert/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/convert", - "version": "4.0.422", + "version": "4.0.423", "private": true, "sideEffects": false, "type": "module", diff --git a/packages/core/package.json b/packages/core/package.json index 4216d86267c..e5f19b25c8e 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core" }, "name": "remotion", - "version": "4.0.422", + "version": "4.0.423", "description": "Make videos programmatically", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/core/src/version.ts b/packages/core/src/version.ts index bd756bcb30a..3a960be26c0 100644 --- a/packages/core/src/version.ts +++ b/packages/core/src/version.ts @@ -5,4 +5,4 @@ * @see [Documentation](https://remotion.dev/docs/version) * @returns {string} The current version of the remotion package */ -export const VERSION = '4.0.422'; +export const VERSION = '4.0.423'; diff --git a/packages/create-video/package.json b/packages/create-video/package.json index cd1e4db1c65..b847208e0ab 100644 --- a/packages/create-video/package.json +++ b/packages/create-video/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/create-video" }, "name": "create-video", - "version": "4.0.422", + "version": "4.0.423", "description": "Create a new Remotion project", "main": "dist/index.js", "bin": { diff --git a/packages/design/package.json b/packages/design/package.json index ea284e5a972..6f997939b34 100644 --- a/packages/design/package.json +++ b/packages/design/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/design", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "types": "dist/index.d.ts", "module": "dist/esm/index.mjs", diff --git a/packages/discord-poster/package.json b/packages/discord-poster/package.json index 1eda52e514b..bf7057e89b1 100644 --- a/packages/discord-poster/package.json +++ b/packages/discord-poster/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/discord-poster" }, "name": "@remotion/discord-poster", - "version": "4.0.422", + "version": "4.0.423", "license": "SEE LICENSE IN LICENSE.md", "type": "module", "scripts": { diff --git a/packages/docs/package.json b/packages/docs/package.json index fedf87a1803..99b4ece6e65 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -4,7 +4,7 @@ }, "name": "docs", "private": true, - "version": "4.0.422", + "version": "4.0.423", "scripts": { "formatting": "prettier --experimental-cli src --check", "docusaurus": "docusaurus", diff --git a/packages/docusaurus-plugin/package.json b/packages/docusaurus-plugin/package.json index 1c000acff5a..0721830a235 100644 --- a/packages/docusaurus-plugin/package.json +++ b/packages/docusaurus-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/docusaurus-plugin", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "types": "dist/index.d.ts", "sideEffects": false, diff --git a/packages/enable-scss/package.json b/packages/enable-scss/package.json index 003211218be..38634b386f1 100644 --- a/packages/enable-scss/package.json +++ b/packages/enable-scss/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/enable-scss" }, "name": "@remotion/enable-scss", - "version": "4.0.422", + "version": "4.0.423", "description": "Enable SCSS support in Remotion", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/eslint-config-flat/package.json b/packages/eslint-config-flat/package.json index 682fcdb5905..5ef552b0e45 100644 --- a/packages/eslint-config-flat/package.json +++ b/packages/eslint-config-flat/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/eslint-config-flat" }, "name": "@remotion/eslint-config-flat", - "version": "4.0.422", + "version": "4.0.423", "description": "Default configuration for Remotion templates (ESLint >= 9)", "main": "dist/esm/index.mjs", "type": "module", diff --git a/packages/eslint-config-internal/package.json b/packages/eslint-config-internal/package.json index 7fe3d6a4432..76837d4ab54 100644 --- a/packages/eslint-config-internal/package.json +++ b/packages/eslint-config-internal/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/eslint-config-internal" }, "name": "@remotion/eslint-config-internal", - "version": "4.0.422", + "version": "4.0.423", "license": "SEE LICENSE IN LICENSE.md", "main": "dist/index.js", "scripts": { diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json index 81507cb8a23..906741114f3 100644 --- a/packages/eslint-config/package.json +++ b/packages/eslint-config/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/eslint-config" }, "name": "@remotion/eslint-config", - "version": "4.0.422", + "version": "4.0.423", "description": "Default configuration for Remotion templates (ESLint <= 8)", "main": "dist/index.js", "files": [ diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index 36c19cc3954..3f8b61a49a5 100644 --- a/packages/eslint-plugin/package.json +++ b/packages/eslint-plugin/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/eslint-plugin" }, "name": "@remotion/eslint-plugin", - "version": "4.0.422", + "version": "4.0.423", "description": "Rules for writing Remotion code", "scripts": { "test": "node src/tests/execute.mjs", diff --git a/packages/example-videos/package.json b/packages/example-videos/package.json index a95d516e9f6..56a7db27abd 100644 --- a/packages/example-videos/package.json +++ b/packages/example-videos/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/example-videos" }, "name": "@remotion/example-videos", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "types": "dist/index.d.ts", "sideEffects": false, diff --git a/packages/example-without-zod/package.json b/packages/example-without-zod/package.json index 7faed51a90a..71fa1d9b47c 100644 --- a/packages/example-without-zod/package.json +++ b/packages/example-without-zod/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/example-without-zod", "private": true, - "version": "4.0.422", + "version": "4.0.423", "license": "SEE LICENSE IN LICENSE.md", "author": "Jonny Burger", "main": "dist/index.js", diff --git a/packages/example/package.json b/packages/example/package.json index 1e0f5d6682c..453be964268 100644 --- a/packages/example/package.json +++ b/packages/example/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/example", "private": true, - "version": "4.0.422", + "version": "4.0.423", "license": "SEE LICENSE IN LICENSE.md", "author": "Jonny Burger", "main": "dist/index.js", diff --git a/packages/fonts/package.json b/packages/fonts/package.json index 0e04e2d7c3c..480c976b2ed 100644 --- a/packages/fonts/package.json +++ b/packages/fonts/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/fonts" }, "name": "@remotion/fonts", - "version": "4.0.422", + "version": "4.0.423", "description": "Helpers for loading local fonts into Remotion", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/gif/package.json b/packages/gif/package.json index 9056f88d958..2ed250dd142 100644 --- a/packages/gif/package.json +++ b/packages/gif/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/gif" }, "name": "@remotion/gif", - "version": "4.0.422", + "version": "4.0.423", "description": "Embed GIFs in a Remotion video", "sideEffects": false, "bugs": { diff --git a/packages/google-fonts/package.json b/packages/google-fonts/package.json index 4b1affa6195..8c34d61f3a5 100644 --- a/packages/google-fonts/package.json +++ b/packages/google-fonts/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/google-fonts" }, "name": "@remotion/google-fonts", - "version": "4.0.422", + "version": "4.0.423", "description": "Use Google Fonts in Remotion", "main": "dist/cjs/index.js", "module": "dist/esm/index.mjs", diff --git a/packages/google-fonts/scripts/incompatible-fonts.ts b/packages/google-fonts/scripts/incompatible-fonts.ts index 24d8b411a6b..51800eacca0 100644 --- a/packages/google-fonts/scripts/incompatible-fonts.ts +++ b/packages/google-fonts/scripts/incompatible-fonts.ts @@ -1,17 +1,17 @@ export const incompatibleFonts = [ "Chiron GoRound TC", - "Chiron Sung HK", "Chiron Hei HK", + "Chiron Sung HK", "Linefont", - "Material Icons", "Material Icons Outlined", + "Material Icons", "Material Icons Round", "Material Icons Sharp", "Material Icons Two Tone", "Material Symbols", "Material Symbols Outlined", - "Material Symbols Rounded", "Material Symbols Sharp", + "Material Symbols Rounded", "Playwrite AR", "Playwrite AR Guides", "Playwrite AT Guides", @@ -19,102 +19,102 @@ export const incompatibleFonts = [ "Playwrite AU NSW", "Playwrite AU NSW Guides", "Playwrite AU QLD", + "Playwrite AU QLD Guides", "Playwrite AU SA", + "Playwrite AU SA Guides", "Playwrite AU TAS", "Playwrite AU TAS Guides", - "Playwrite AU SA Guides", "Playwrite AU VIC", "Playwrite AU VIC Guides", - "Playwrite BE VLG", - "Playwrite AU QLD Guides", "Playwrite BE VLG Guides", - "Playwrite BR", - "Playwrite BE WAL Guides", + "Playwrite BE VLG", "Playwrite BE WAL", - "Playwrite BR Guides", + "Playwrite BE WAL Guides", + "Playwrite BR", "Playwrite CA", + "Playwrite BR Guides", "Playwrite CA Guides", "Playwrite CL", "Playwrite CL Guides", - "Playwrite CO Guides", "Playwrite CO", - "Playwrite CU Guides", + "Playwrite CO Guides", "Playwrite CU", "Playwrite CZ", + "Playwrite CU Guides", + "Playwrite DE Grund Guides", "Playwrite CZ Guides", "Playwrite DE Grund", - "Playwrite DE Grund Guides", "Playwrite DE LA", "Playwrite DE LA Guides", "Playwrite DE SAS", "Playwrite DE SAS Guides", - "Playwrite DE VA Guides", "Playwrite DE VA", + "Playwrite DE VA Guides", + "Playwrite DK Uloopet", "Playwrite DK Loopet", "Playwrite DK Loopet Guides", "Playwrite DK Uloopet Guides", "Playwrite ES", "Playwrite ES Deco", - "Playwrite ES Deco Guides", "Playwrite ES Guides", "Playwrite FR Moderne", "Playwrite FR Moderne Guides", - "Playwrite DK Uloopet", "Playwrite FR Trad", - "Playwrite GB J", - "Playwrite FR Trad Guides", + "Playwrite ES Deco Guides", "Playwrite GB J Guides", + "Playwrite GB J", "Playwrite GB S", "Playwrite GB S Guides", - "Playwrite HR", "Playwrite HR Guides", "Playwrite HR Lijeva", + "Playwrite HR", + "Playwrite FR Trad Guides", + "Playwrite HR Lijeva Guides", "Playwrite HU", "Playwrite HU Guides", "Playwrite ID", - "Playwrite HR Lijeva Guides", "Playwrite ID Guides", - "Playwrite IE Guides", "Playwrite IE", + "Playwrite IE Guides", "Playwrite IN", "Playwrite IN Guides", "Playwrite IS", - "Playwrite IT Trad", - "Playwrite MX", + "Playwrite IS Guides", "Playwrite IT Moderna", "Playwrite IT Moderna Guides", + "Playwrite IT Trad", "Playwrite IT Trad Guides", - "Playwrite IS Guides", - "Playwrite NG Modern", + "Playwrite MX", "Playwrite MX Guides", "Playwrite NG Modern Guides", + "Playwrite NG Modern", + "Playwrite NL", "Playwrite NO", + "Playwrite NO Guides", "Playwrite NL Guides", - "Playwrite NL", "Playwrite NZ", "Playwrite NZ Basic", "Playwrite NZ Basic Guides", - "Playwrite PL", + "Playwrite PE", "Playwrite NZ Guides", "Playwrite PE Guides", - "Playwrite PE", - "Playwrite NO Guides", + "Playwrite PL", "Playwrite PL Guides", "Playwrite PT", - "Playwrite PT Guides", - "Playwrite RO Guides", "Playwrite RO", + "Playwrite PT Guides", "Playwrite SK", + "Playwrite RO Guides", "Playwrite SK Guides", "Playwrite TZ Guides", "Playwrite US Modern", - "Playwrite TZ", "Playwrite US Modern Guides", - "Playwrite US Trad Guides", "Playwrite US Trad", + "Playwrite TZ", "Playwrite VN", - "Playwrite ZA Guides", - "Playwrite ZA", + "Playwrite US Trad Guides", "Playwrite VN Guides", + "Playwrite ZA", + "Playwrite ZA Guides", "Wavefont" ]; \ No newline at end of file diff --git a/packages/install-whisper-cpp/package.json b/packages/install-whisper-cpp/package.json index 3ba4ff1b343..5383778b71e 100644 --- a/packages/install-whisper-cpp/package.json +++ b/packages/install-whisper-cpp/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/install-whisper-cpp" }, "name": "@remotion/install-whisper-cpp", - "version": "4.0.422", + "version": "4.0.423", "description": "Helpers for installing and using Whisper.cpp", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/it-tests/package.json b/packages/it-tests/package.json index 6b826cbed0d..11e887f7e6e 100644 --- a/packages/it-tests/package.json +++ b/packages/it-tests/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/it-tests" }, "name": "@remotion/it-tests", - "version": "4.0.422", + "version": "4.0.423", "license": "SEE LICENSE IN LICENSE.md", "scripts": { "test": " node --test src/node-version/media-parser.mjs && bun test src/rendering --run", diff --git a/packages/lambda-client/package.json b/packages/lambda-client/package.json index a694774786a..77a09783035 100644 --- a/packages/lambda-client/package.json +++ b/packages/lambda-client/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/lambda-client" }, "name": "@remotion/lambda-client", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/cjs/index.js", "sideEffects": false, "scripts": { diff --git a/packages/lambda-go-example/package.json b/packages/lambda-go-example/package.json index 32952eb5302..9ad72320af0 100644 --- a/packages/lambda-go-example/package.json +++ b/packages/lambda-go-example/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/lambda-go-example", "private": true, - "version": "4.0.422", + "version": "4.0.423", "scripts": { "lint": "node build.mjs" } diff --git a/packages/lambda-go/package.json b/packages/lambda-go/package.json index a53431fa192..5404c36b411 100644 --- a/packages/lambda-go/package.json +++ b/packages/lambda-go/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/lambda-go", "private": true, - "version": "4.0.422", + "version": "4.0.423", "scripts": { "lint": "node build.mjs", "publishprivate": "node publish.mjs" diff --git a/packages/lambda-go/version.go b/packages/lambda-go/version.go index 5a3c3fba006..375477302d9 100644 --- a/packages/lambda-go/version.go +++ b/packages/lambda-go/version.go @@ -1,3 +1,3 @@ package lambda_go_sdk; -const VERSION = "4.0.422" \ No newline at end of file +const VERSION = "4.0.423" \ No newline at end of file diff --git a/packages/lambda-php-example/composer.json b/packages/lambda-php-example/composer.json index 73d75d5cfcd..1a782c5d5d5 100644 --- a/packages/lambda-php-example/composer.json +++ b/packages/lambda-php-example/composer.json @@ -19,6 +19,6 @@ ], "require": { "vlucas/phpdotenv": "^5.5", - "remotion/lambda": "4.0.422" + "remotion/lambda": "4.0.423" } } diff --git a/packages/lambda-php/composer.json b/packages/lambda-php/composer.json index 973d5053e41..333aa86c4d6 100644 --- a/packages/lambda-php/composer.json +++ b/packages/lambda-php/composer.json @@ -1,7 +1,7 @@ { "name": "remotion/lambda", "type": "library", - "version": "4.0.422", + "version": "4.0.423", "description": "A PHP library for working with Remotion Lambda", "license": "proprietary", "autoload": { diff --git a/packages/lambda-php/composer.lock b/packages/lambda-php/composer.lock index 2481373ab2e..082c04db2d9 100644 --- a/packages/lambda-php/composer.lock +++ b/packages/lambda-php/composer.lock @@ -4,7 +4,7 @@ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", "This file is @generated automatically" ], - "content-hash": "9d1d43e4ae99521dc4ddcabc25b230da", + "content-hash": "280ab9c7fda40490fd7afe90f75bda55", "packages": [ { "name": "aws/aws-crt-php", diff --git a/packages/lambda-php/package.json b/packages/lambda-php/package.json index 03c8dee870d..93c7e7d9650 100644 --- a/packages/lambda-php/package.json +++ b/packages/lambda-php/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/lambda-php", "private": true, - "version": "4.0.422", + "version": "4.0.423", "scripts": { "lint": "node build.mjs", "publishprivate": "node publish.mjs" diff --git a/packages/lambda-php/src/Semantic.php b/packages/lambda-php/src/Semantic.php index c8653168164..873b8a90e60 100644 --- a/packages/lambda-php/src/Semantic.php +++ b/packages/lambda-php/src/Semantic.php @@ -4,5 +4,5 @@ class Semantic { - public const VERSION = "4.0.422"; + public const VERSION = "4.0.423"; } \ No newline at end of file diff --git a/packages/lambda-python/package.json b/packages/lambda-python/package.json index ba6b4489bdc..5e34b5d6e91 100644 --- a/packages/lambda-python/package.json +++ b/packages/lambda-python/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/lambda-python", "private": true, - "version": "4.0.422", + "version": "4.0.423", "scripts": { "lint": "node build.mjs", "publishprivate": "node publish.mjs" diff --git a/packages/lambda-python/remotion_lambda/version.py b/packages/lambda-python/remotion_lambda/version.py index e1323550d05..b0e2c524186 100644 --- a/packages/lambda-python/remotion_lambda/version.py +++ b/packages/lambda-python/remotion_lambda/version.py @@ -1,2 +1,2 @@ # pylint: disable=missing-module-docstring, missing-final-newline -VERSION = "4.0.422" \ No newline at end of file +VERSION = "4.0.423" \ No newline at end of file diff --git a/packages/lambda-ruby/lib/remotion_lambda/version.rb b/packages/lambda-ruby/lib/remotion_lambda/version.rb index cbf3a4927c5..170513e3858 100644 --- a/packages/lambda-ruby/lib/remotion_lambda/version.rb +++ b/packages/lambda-ruby/lib/remotion_lambda/version.rb @@ -1 +1 @@ -VERSION = "4.0.422" \ No newline at end of file +VERSION = "4.0.423" \ No newline at end of file diff --git a/packages/lambda-ruby/package.json b/packages/lambda-ruby/package.json index fcd4ddc3656..a2497a55fec 100644 --- a/packages/lambda-ruby/package.json +++ b/packages/lambda-ruby/package.json @@ -4,7 +4,7 @@ }, "name": "@remotion/lambda-ruby", "private": true, - "version": "4.0.422", + "version": "4.0.423", "scripts": { "publishprivate": "bun publish.ts" }, diff --git a/packages/lambda-ruby/remotion_lambda.gemspec b/packages/lambda-ruby/remotion_lambda.gemspec index 310a4661069..444de1cef57 100644 --- a/packages/lambda-ruby/remotion_lambda.gemspec +++ b/packages/lambda-ruby/remotion_lambda.gemspec @@ -1,6 +1,6 @@ Gem::Specification.new do |s| s.name = "remotion_lambda" - s.version = "4.0.422" + s.version = "4.0.423" s.summary = "Remotion Lambda SDK" s.description = "A Ruby SDK for Remotion Lambda" s.authors = ["Jonny Burger"] diff --git a/packages/lambda/package.json b/packages/lambda/package.json index 33f185d3db0..c00160be629 100644 --- a/packages/lambda/package.json +++ b/packages/lambda/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/lambda" }, "name": "@remotion/lambda", - "version": "4.0.422", + "version": "4.0.423", "description": "Render Remotion videos on AWS Lambda", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/layout-utils/package.json b/packages/layout-utils/package.json index 5a4b5ed2af0..93baacf7638 100644 --- a/packages/layout-utils/package.json +++ b/packages/layout-utils/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/layout-utils" }, "name": "@remotion/layout-utils", - "version": "4.0.422", + "version": "4.0.423", "description": "Utilities for working with layouts", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/licensing/package.json b/packages/licensing/package.json index 7e444461dc8..8019c2e91c1 100644 --- a/packages/licensing/package.json +++ b/packages/licensing/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/licensing" }, "name": "@remotion/licensing", - "version": "4.0.422", + "version": "4.0.423", "description": "Manage your Remotion.pro license", "main": "dist", "sideEffects": false, diff --git a/packages/light-leaks/package.json b/packages/light-leaks/package.json index 3577687f3a3..c6fb001c6ba 100644 --- a/packages/light-leaks/package.json +++ b/packages/light-leaks/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/light-leaks", - "version": "4.0.422", + "version": "4.0.423", "description": "Light leak effects for Remotion", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/packages/lottie/package.json b/packages/lottie/package.json index 784cf7dcb90..77a386b299e 100644 --- a/packages/lottie/package.json +++ b/packages/lottie/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/lottie" }, "name": "@remotion/lottie", - "version": "4.0.422", + "version": "4.0.423", "description": "Include Lottie animations in Remotion", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/mcp/package.json b/packages/mcp/package.json index e1401b12fe5..ef67b3c3ebd 100644 --- a/packages/mcp/package.json +++ b/packages/mcp/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/mcp" }, "name": "@remotion/mcp", - "version": "4.0.422", + "version": "4.0.423", "description": "Remotion's Model Context Protocol", "main": "dist/esm/index.mjs", "sideEffects": false, diff --git a/packages/media-parser/package.json b/packages/media-parser/package.json index b4ae6ca80bb..4bd65d054e9 100644 --- a/packages/media-parser/package.json +++ b/packages/media-parser/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/media-parser" }, "name": "@remotion/media-parser", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "sideEffects": false, "scripts": { diff --git a/packages/media-parser/src/version.ts b/packages/media-parser/src/version.ts index 2db7a1aa4e6..31d01b4e7f0 100644 --- a/packages/media-parser/src/version.ts +++ b/packages/media-parser/src/version.ts @@ -1,2 +1,2 @@ // Automatically generated on publish -export const VERSION = '4.0.422'; +export const VERSION = '4.0.423'; diff --git a/packages/media-utils/package.json b/packages/media-utils/package.json index 7e44babd756..cb64082016c 100644 --- a/packages/media-utils/package.json +++ b/packages/media-utils/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/media-utils" }, "name": "@remotion/media-utils", - "version": "4.0.422", + "version": "4.0.423", "description": "Utilities for working with media files", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/media/package.json b/packages/media/package.json index efe25d21889..6d7e878b01b 100644 --- a/packages/media/package.json +++ b/packages/media/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/media", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "types": "dist/index.d.ts", "module": "dist/esm/index.mjs", diff --git a/packages/motion-blur/package.json b/packages/motion-blur/package.json index 38aff315f92..421e68057fb 100644 --- a/packages/motion-blur/package.json +++ b/packages/motion-blur/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/motion-blur" }, "name": "@remotion/motion-blur", - "version": "4.0.422", + "version": "4.0.423", "description": "Motion blur effect for Remotion", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/noise/package.json b/packages/noise/package.json index b7b333fd119..844c428dba4 100644 --- a/packages/noise/package.json +++ b/packages/noise/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/noise" }, "name": "@remotion/noise", - "version": "4.0.422", + "version": "4.0.423", "description": "Noise generation functions", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/openai-whisper/package.json b/packages/openai-whisper/package.json index 8b742102591..4072ed70688 100644 --- a/packages/openai-whisper/package.json +++ b/packages/openai-whisper/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/openai-whisper" }, "name": "@remotion/openai-whisper", - "version": "4.0.422", + "version": "4.0.423", "description": "Work with the output of the OpenAI Whisper API", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/paths/package.json b/packages/paths/package.json index 8c98fe2b89a..0ed6f59b5a0 100644 --- a/packages/paths/package.json +++ b/packages/paths/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/paths" }, "name": "@remotion/paths", - "version": "4.0.422", + "version": "4.0.423", "description": "Utilities for working with SVG paths", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/packages/player-example/package.json b/packages/player-example/package.json index f1ee5df64cd..696823bd040 100644 --- a/packages/player-example/package.json +++ b/packages/player-example/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/player-example" }, "name": "@remotion/player-example", - "version": "4.0.422", + "version": "4.0.423", "private": true, "author": "Jonny Burger ", "maintainers": [ diff --git a/packages/player/package.json b/packages/player/package.json index 67290ad5459..16ba9446d18 100644 --- a/packages/player/package.json +++ b/packages/player/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/player" }, "name": "@remotion/player", - "version": "4.0.422", + "version": "4.0.423", "description": "React component for embedding a Remotion preview into your app", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/preload/package.json b/packages/preload/package.json index 3653c6ea2af..b8f6c190d97 100644 --- a/packages/preload/package.json +++ b/packages/preload/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/preload" }, "name": "@remotion/preload", - "version": "4.0.422", + "version": "4.0.423", "description": "Preloads assets for use in Remotion", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/packages/promo-pages/package.json b/packages/promo-pages/package.json index 48914485fea..65cd55146bf 100644 --- a/packages/promo-pages/package.json +++ b/packages/promo-pages/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/promo-pages", - "version": "4.0.422", + "version": "4.0.423", "publishConfig": { "access": "public" }, diff --git a/packages/react18-tests/package.json b/packages/react18-tests/package.json index 428782b7bb9..b0a7ea5cd25 100644 --- a/packages/react18-tests/package.json +++ b/packages/react18-tests/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/react18-tests" }, "name": "@remotion/react18-tests", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "sideEffects": false, "scripts": { diff --git a/packages/renderer/package.json b/packages/renderer/package.json index 80cd6ec6271..13b1322a66c 100644 --- a/packages/renderer/package.json +++ b/packages/renderer/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer" }, "name": "@remotion/renderer", - "version": "4.0.422", + "version": "4.0.423", "description": "Render Remotion videos using Node.js or Bun", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/packages/rive/package.json b/packages/rive/package.json index 3a077ea04d9..09322d2d2a2 100644 --- a/packages/rive/package.json +++ b/packages/rive/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/rive" }, "name": "@remotion/rive", - "version": "4.0.422", + "version": "4.0.423", "description": "Embed Rive animations in a Remotion video", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/rounded-text-box/package.json b/packages/rounded-text-box/package.json index d375d13eebb..391efcb4623 100644 --- a/packages/rounded-text-box/package.json +++ b/packages/rounded-text-box/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/rounded-text-box" }, "name": "@remotion/rounded-text-box", - "version": "4.0.422", + "version": "4.0.423", "description": "Create a TikTok-like multiline text box SVG path with rounded corners", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/serverless-client/package.json b/packages/serverless-client/package.json index 10ffd4c4d55..2862b43ea14 100644 --- a/packages/serverless-client/package.json +++ b/packages/serverless-client/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/serverless-client" }, "name": "@remotion/serverless-client", - "version": "4.0.422", + "version": "4.0.423", "main": "dist", "sideEffects": false, "scripts": { diff --git a/packages/serverless/package.json b/packages/serverless/package.json index 722a8c7fd91..49e0b3dac51 100644 --- a/packages/serverless/package.json +++ b/packages/serverless/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/serverless" }, "name": "@remotion/serverless", - "version": "4.0.422", + "version": "4.0.423", "description": "A runtime for distributed rendering", "main": "dist", "sideEffects": false, diff --git a/packages/shapes/package.json b/packages/shapes/package.json index c80298cf51d..fcc99ac5fe0 100644 --- a/packages/shapes/package.json +++ b/packages/shapes/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/shapes" }, "name": "@remotion/shapes", - "version": "4.0.422", + "version": "4.0.423", "description": "Generate SVG shapes", "main": "dist/index.js", "sideEffects": false, diff --git a/packages/skia/package.json b/packages/skia/package.json index afc91728a49..8a851e38d88 100644 --- a/packages/skia/package.json +++ b/packages/skia/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/skia" }, "name": "@remotion/skia", - "version": "4.0.422", + "version": "4.0.423", "description": "Include React Native Skia components in a Remotion video", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/skills/package.json b/packages/skills/package.json index 915f8ddc32e..7f56c105605 100644 --- a/packages/skills/package.json +++ b/packages/skills/package.json @@ -7,7 +7,7 @@ }, "name": "@remotion/skills", "private": true, - "version": "4.0.422", + "version": "4.0.423", "devDependencies": { "@remotion/eslint-config-internal": "workspace:*", "eslint": "catalog:", diff --git a/packages/streaming/package.json b/packages/streaming/package.json index 68a5a1874a9..d61e4d47d8c 100644 --- a/packages/streaming/package.json +++ b/packages/streaming/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/streaming" }, "name": "@remotion/streaming", - "version": "4.0.422", + "version": "4.0.423", "description": "Utilities for streaming data between programs", "main": "dist", "sideEffects": false, diff --git a/packages/studio-server/package.json b/packages/studio-server/package.json index f9370790f9e..377effd2189 100644 --- a/packages/studio-server/package.json +++ b/packages/studio-server/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server" }, "name": "@remotion/studio-server", - "version": "4.0.422", + "version": "4.0.423", "description": "Run a Remotion Studio with a server backend", "main": "dist", "sideEffects": false, diff --git a/packages/studio-shared/package.json b/packages/studio-shared/package.json index 4075e20461d..81782dae3ba 100644 --- a/packages/studio-shared/package.json +++ b/packages/studio-shared/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared" }, "name": "@remotion/studio-shared", - "version": "4.0.422", + "version": "4.0.423", "description": "Internal package for shared objects between the Studio backend and frontend", "main": "dist", "sideEffects": false, diff --git a/packages/studio/package.json b/packages/studio/package.json index 099fd06f81f..3927e1fb3d6 100644 --- a/packages/studio/package.json +++ b/packages/studio/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio" }, "name": "@remotion/studio", - "version": "4.0.422", + "version": "4.0.423", "description": "APIs for interacting with the Remotion Studio", "main": "dist", "sideEffects": false, diff --git a/packages/svg-3d-engine/package.json b/packages/svg-3d-engine/package.json index 1902e8ab251..c7bec829fbf 100644 --- a/packages/svg-3d-engine/package.json +++ b/packages/svg-3d-engine/package.json @@ -23,7 +23,7 @@ "require": "./dist/cjs/index.js" } }, - "version": "4.0.422", + "version": "4.0.423", "repository": { "url": "https://github.com/remotion-dev/remotion/tree/main/packages/svg-3d-engine" }, diff --git a/packages/tailwind-v4/package.json b/packages/tailwind-v4/package.json index 7491bdad574..6382c4b1815 100644 --- a/packages/tailwind-v4/package.json +++ b/packages/tailwind-v4/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/tailwind-v4" }, "name": "@remotion/tailwind-v4", - "version": "4.0.422", + "version": "4.0.423", "description": "Enable TailwindCSS support in Remotion (TailwindCSS v4)", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/tailwind/package.json b/packages/tailwind/package.json index 9a756ae1f10..592c3026d44 100644 --- a/packages/tailwind/package.json +++ b/packages/tailwind/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/tailwind" }, "name": "@remotion/tailwind", - "version": "4.0.422", + "version": "4.0.423", "description": "Enable TailwindCSS support in Remotion (TailwindCSS v3)", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json index d5931d9b862..770626265ac 100644 --- a/packages/test-utils/package.json +++ b/packages/test-utils/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/test-utils" }, "name": "@remotion/test-utils", - "version": "4.0.422", + "version": "4.0.423", "main": "dist", "sideEffects": false, "scripts": { diff --git a/packages/three/package.json b/packages/three/package.json index ab1d46e2625..db84a802492 100644 --- a/packages/three/package.json +++ b/packages/three/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/three" }, "name": "@remotion/three", - "version": "4.0.422", + "version": "4.0.423", "description": "Include React Three Fiber components in a Remotion video", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", diff --git a/packages/transitions/package.json b/packages/transitions/package.json index 219e549d23a..062c0f39e31 100644 --- a/packages/transitions/package.json +++ b/packages/transitions/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions" }, "name": "@remotion/transitions", - "version": "4.0.422", + "version": "4.0.423", "description": "Library for creating transitions in Remotion", "sideEffects": false, "main": "dist/esm/index.mjs", diff --git a/packages/web-renderer/package.json b/packages/web-renderer/package.json index 936bd556762..00c5f4b2c34 100644 --- a/packages/web-renderer/package.json +++ b/packages/web-renderer/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/web-renderer" }, "name": "@remotion/web-renderer", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "type": "module", "sideEffects": false, diff --git a/packages/webcodecs/package.json b/packages/webcodecs/package.json index 7c64cc0e300..8e38433ce05 100644 --- a/packages/webcodecs/package.json +++ b/packages/webcodecs/package.json @@ -1,6 +1,6 @@ { "name": "@remotion/webcodecs", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "types": "dist/index.d.ts", "module": "dist/esm/index.mjs", diff --git a/packages/whisper-web/package.json b/packages/whisper-web/package.json index dc714d03fe6..681bd5f9eeb 100644 --- a/packages/whisper-web/package.json +++ b/packages/whisper-web/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/whisper-web" }, "name": "@remotion/whisper-web", - "version": "4.0.422", + "version": "4.0.423", "main": "dist/index.js", "sideEffects": false, "scripts": { diff --git a/packages/zod-types/package.json b/packages/zod-types/package.json index c8d81b06458..c8422f25f5d 100644 --- a/packages/zod-types/package.json +++ b/packages/zod-types/package.json @@ -3,7 +3,7 @@ "url": "https://github.com/remotion-dev/remotion/tree/main/packages/zod-types" }, "name": "@remotion/zod-types", - "version": "4.0.422", + "version": "4.0.423", "description": "Zod types for Remotion", "main": "dist/cjs/index.js", "types": "dist/cjs/index.d.ts", From 31259ef7763e80d0bdd1f679c8913d7e962fbc8c Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Mon, 16 Feb 2026 20:43:38 +0100 Subject: [PATCH 6/8] Fix typo: change 'Vizualise' to 'Visualize' --- packages/docs/src/data/showcase-videos.tsx | 1914 +------------------- 1 file changed, 5 insertions(+), 1909 deletions(-) diff --git a/packages/docs/src/data/showcase-videos.tsx b/packages/docs/src/data/showcase-videos.tsx index f1c2cdb9ace..12243f50eca 100644 --- a/packages/docs/src/data/showcase-videos.tsx +++ b/packages/docs/src/data/showcase-videos.tsx @@ -1,1913 +1,9 @@ -import {random} from 'remotion'; - -export type ShowcaseLink = 'tutorial' | 'source_code' | 'website' | 'video'; - -export type ShowcaseVideo = { - title: string; - description: string; - height: number; - width: number; - links: { - url: string; - type: ShowcaseLink; - }[]; - submittedOn: Date; - type: 'mux_video'; - time?: string | null; - muxId: string; - author?: { - name: string; - url: string; - }; -}; - -export const showcaseVideos: ShowcaseVideo[] = [ - { - title: 'Hackreels - Animate your code', - type: 'mux_video', - time: '0', - muxId: 'IOSwIZiNUsdfcg9ccN3E2vqzen92L99VgoP3Q5p9On8', - description: - 'Create effortlessly beautiful code animations in seconds. Hackreels detects code changes automatically and makes stunning animations based on those changes. ', - height: 1080, - width: 1920, - submittedOn: new Date('04-22-2024'), - links: [ - { - type: 'video', - url: 'https://twitter.com/dparksdev/status/1715725060324073582', - }, - { - type: 'website', - url: 'https://www.hackreels.com/', - }, - ], - author: { - url: 'https://davidparks.dev/', - name: 'David Parks', - }, - }, - { - title: 'MUX - Vizualise video stats', - type: 'mux_video', - time: '3', - muxId: 'DDgXb2KfPk7xdvxEoyPkrl7GcybohNon', - description: - 'An article on how to showcase your video stats by creating a dynamic animated video using Remotion and the Mux Data API.', - height: 270, - width: 480, - submittedOn: new Date('19-01-2022'), - links: [ - { - type: 'source_code', - url: 'https://github.com/davekiss/mux-remotion-demo/', - }, - { - type: 'video', - url: 'https://twitter.com/MuxHQ/status/1483514610380644357', - }, - { - type: 'tutorial', - url: 'https://mux.com/blog/visualize-mux-data-with-remotion/', - }, - ], - author: { - url: 'https://davekiss.com/', - name: 'Dave Kiss', - }, - }, - { - title: 'Next.js - Video tutorial', - type: 'mux_video', - time: '10', - muxId: 'dWxzp02gvlUM42a6GSQ02g006qiW2T43QGeuszqimY0200AE', - description: - "Delba Oliveira visually explains Vercel's Next.js and the concept of React.", - height: 1080, - width: 1920, - submittedOn: new Date('10-09-2023'), - links: [ - { - type: 'video', - url: 'https://twitter.com/delba_oliveira/status/1707439537054535867', - }, - { - type: 'website', - url: 'https://www.youtube.com/@Delba', - }, - ], - author: { - url: 'https://delba.dev/', - name: 'Delba Oliveira', - }, - }, - { - title: 'GitHub Unwrapped - Campaign', - type: 'mux_video', - time: '6', - muxId: 'OwQFvqomOR00q6yj5SWwaA7DBg01NaCPKcOvczoZqCty00', - description: - 'A year-in-review video campaign for GitHub, where each user gets a personalized video based on their GitHub activity.', - height: 1080, - width: 1080, - submittedOn: new Date('04-23-2024'), - links: [ - { - type: 'website', - url: 'https://githubunwrapped.com/', - }, - { - type: 'source_code', - url: 'https://github.com/remotion-dev/github-unwrapped', - }, - ], - author: { - url: 'https://www.remotion.dev/', - name: 'Remotion', - }, - }, - { - title: 'Revid - Storytelling social media videos', - type: 'mux_video', - time: '13', - muxId: 'AQJeyQ00njF88JNevZ2Xf00KGOX01zBLBa4Xisvu9M00ynM', - description: - 'Revid allows creators to turn ideas into social media videos in minutes. It is an AI-powered platform to generate short-form storytelling. Remotion is build to preview andrender the videos on the platform.', - height: 1152, - width: 2048, - submittedOn: new Date('04-24-2024'), - links: [ - { - type: 'website', - url: 'https://www.revid.ai/', - }, - ], - author: { - url: 'https://twitter.com/tibo_maker', - name: 'Tibo', - }, - }, - { - title: 'AnimStats - Animated statistics', - type: 'mux_video', - time: '8', - muxId: 'DudsRLermQWA5JMpF6Z49AwuAjrvO00vxmsgSyS00neo00', - description: - 'With AnimStats, you can transform your statistics into captivating animated GIFs and Videos within minutes.', - height: 1152, - width: 2048, - submittedOn: new Date('04-24-2024'), - links: [ - { - type: 'website', - url: 'https://www.animstats.com/', - }, - ], - author: { - url: 'https://twitter.com/audiencon', - name: 'Audiencon', - }, - }, - { - title: 'Banger Show - Music visuals', - type: 'mux_video', - time: '0', - muxId: 'nDU01DSCFdvie6l9Z8u557TwSvJMsnhO3pfTqqXDuPbQ', - description: - 'High quality music visuals without learning 3D or video editing software.', - height: 1080, - width: 1920, - submittedOn: new Date('04-24-2024'), - links: [ - { - type: 'website', - url: 'https://banger.show/', - }, - ], - }, - { - title: 'Watercolor Map - Animated map', - type: 'mux_video', - time: '1', - muxId: 'Wd02W8GdZsjQ3JSKUsOjKtpEGxXBNbXRg8hiwmYx7cTM', - description: - 'A travel animation showing the journey on a map, with watercolor effects. Perfect for adding b-roll footage to travel video projects.', - height: 1080, - width: 1080, - submittedOn: new Date('04-23-2024'), - links: [ - { - type: 'source_code', - url: 'https://www.remotion.pro/watercolor-map', - }, - ], - author: { - url: 'https://www.remotion.dev/', - name: 'Remotion', - }, - }, - { - title: 'Submagic - Viral shorts', - type: 'mux_video', - time: '0', - muxId: 'CjBZygWogZoMptDHSOgYFZ9019oQMIkQqliQlgpWpyP4', - description: - 'Make your short-form videos more captivating with Captions, B-Rolls, Zooms and Sound Effects.', - height: 1080, - width: 1920, - submittedOn: new Date('04-25-2024'), - links: [ - { - type: 'video', - url: 'https://www.youtube.com/watch?v=hNKola6xpqQ', - }, - ], - author: { - url: 'https://www.submagic.co/', - name: 'Submagic', - }, - }, - { - title: 'HeyGen - Video Agent', - type: 'mux_video', - time: '75.5', - muxId: 'pKHRj00yo6eV1nHaXWSsjzvP1rBjQkey68qAp8gFy8Wk', - description: - "Fully made with HeyGen's Video Agent, powered by Remotion. Avatar, script, motion graphics, and final edits were all created just by prompting.", - height: 1080, - width: 1920, - submittedOn: new Date('01-29-2026'), - links: [ - { - type: 'website', - url: 'https://www.heygen.com/', - }, - { - type: 'video', - url: 'https://x.com/joshua_xu_/status/2016714990242439600', - }, - ], - author: { - url: 'https://x.com/joshua_xu_', - name: 'Joshua Xu', - }, - }, - { - title: 'Hello Météo - Weather app', - type: 'mux_video', - time: '5', - muxId: '6ZdkFhso67CenQGpVtjTf300VsYMD01gvag6G6hV6UD00M', - description: - 'A weather report generator, which gets OpenWeather data and renders a video with the forecast on a daily basis. It also creates a story on social media.', - height: 1920, - width: 1080, - submittedOn: new Date('04-25-2024'), - links: [ - { - type: 'website', - url: 'https://www.instagram.com/hellometeo/', - }, - ], - author: { - url: 'https://www.pergoud.com/', - name: 'Florent Pergoud', - }, - }, - { - title: 'Electricity Maps - Data visualization', - type: 'mux_video', - time: '2.9', - muxId: '63euRVDpjG02pCGuf02LDJXKLzLrGW3j400GE3kVZRYDgI', - description: - 'A visualization of heavy electricity data in Europe. It shows fluctuations in grid emissions on the map, as well as the daily country variations in a chart.', - height: 1080, - width: 1920, - submittedOn: new Date('04-26-2024'), - links: [ - { - type: 'video', - url: 'https://www.youtube.com/watch?v=5m48kkhak-M', - }, - { - type: 'website', - url: 'https://www.electricitymaps.com/electricity-mapped', - }, - ], - author: { - url: 'https://www.electricitymaps.com/', - name: 'Electricity Maps', - }, - }, - { - title: 'Remotion Recorder - Screencast videos', - type: 'mux_video', - time: '0', - muxId: 'HCA9phm4tUVjYm9dFWj1GpYTwIGrse00yg01SwaM2PbJU', - description: - 'Fully featured screen recording software built with Remotion. Record your screen, webcam, and audio. Edit and render the video for multiple platforms quickly in the same tool.', - height: 1080, - width: 1920, - submittedOn: new Date('04-26-2024'), - links: [ - { - type: 'website', - url: 'https://www.remotion.dev/recorder', - }, - ], - author: { - url: 'https://www.remotion.dev', - name: 'Remotion', - }, - }, - { - title: 'Fluidmotion - Animated video backgrounds', - type: 'mux_video', - time: '0', - muxId: 'eLyQruncRGvNahd3n9hB44OuziMYqGgS8R1xyhbz02s4', - description: - 'Create beautiful animated background for apps, videos or presentations.', - height: 1080, - width: 1920, - submittedOn: new Date('05-15-2024'), - links: [ - { - type: 'website', - url: 'https://fluidmotion.app/', - }, - ], - }, - { - title: 'MyKaraoke - Karaoke video maker', - type: 'mux_video', - time: '5', - muxId: 'Fr8PlMVQRTEaoVRC0025r00WY0100JiDgbf1BoNsLYtu88o', - description: - 'MyKaraoke is a tool that effortlessly creates karaoke and lyric videos with AI-powered vocal removal and automatic lyric syncing, all without downloads or installations.', - height: 1080, - width: 1920, - submittedOn: new Date('09-27-2024'), - links: [ - { - type: 'website', - url: 'https://www.mykaraoke.video/', - }, - ], - author: { - url: 'https://www.linkedin.com/in/emiliano-parizzi-18744ba4/', - name: 'Emiliano Parizzi', - }, - }, - { - title: 'Relay.app - Automation tool', - type: 'mux_video', - time: '0', - muxId: '02eNw8AHyNFvm300xvExVndO01oEvUI1kYXK00W02ITkeldM', - description: - 'Remotion was utilized to create dynamic, programmatically generated instructional videos, ensuring explainer content remained consistent with the brand standards.', - height: 1080, - width: 1920, - submittedOn: new Date('10-11-2024'), - links: [ - { - type: 'video', - url: 'https://youtube.com/playlist?list=PLLIj5N3yKeySGj9Cm3dqNtcVCPAd22yLo&si=cuKFXXpEPMFBF6Gm', - }, - { - type: 'website', - url: 'https://www.relay.app/', - }, - ], - }, - { - title: 'Vibrantsnap - Fast screenrecording', - type: 'mux_video', - time: '0', - muxId: 'QGqk00IyzHuEBm6hRPMLkl00hgf9zeFWEAeHqStVQ02wiI', - description: - 'Create product demos, training videos, and youtube tutorials with auto layouts, captions, intelligent zoom, and 4K export.', - height: 1080, - width: 1920, - submittedOn: new Date('11-10-2025'), - links: [ - { - type: 'video', - url: 'https://www.youtube.com/watch?v=_N-vW_eBrUQ', - }, - { - type: 'website', - url: 'https://vibrantsnap.com/', - }, - ], - author: { - url: 'https://x.com/healsha', - name: 'Philippe Tedajo', - }, - }, - { - title: 'AdmoveAI - Ecommerce ads', - type: 'mux_video', - time: '1', - muxId: 'GXqObO58UMM4P7ny9QH4kbVHpZ9A83tJCys94rjgsGM', - description: - 'Admove is an automated advertising platform to create, launch and grow high-performing eCommerce campaigns. Remotion is used to build and render videos on the platfrom.', - height: 1080, - width: 1920, - submittedOn: new Date('29-01-2026'), - links: [ - { - type: 'video', - url: 'https://www.youtube.com/watch?v=5fGW_rQtobY', - }, - { - type: 'website', - url: 'https://admove.ai/', - }, - ], - }, - { - title: 'SuperMotion - Product Videos', - type: 'mux_video', - time: '3', - muxId: 'g1G2V4b7QEqzSJSUywGaq6cDZfvAtEo500Bt9ltkOrTg', - description: - 'Create engaging product promo videos from screen recordings or screenshots. Add device mockups, zooms animations, annotations, and transitions. SuperMotion uses Remotion to render videos in the cloud.', - height: 1124, - width: 2000, - submittedOn: new Date('02-15-2026'), - links: [ - { - type: 'website', - url: 'https://www.supermotion.co', - }, - ], - author: { - url: 'https://x.com/d__raptis', - name: 'Jim Raptis', - }, - }, - /* - { - title: 'Clippulse - Animated social media videos', - type: 'mux_video', - time: '4.5', - muxId: 'vQSX6I8lo5SPIEj02jcw6OVKb01V8WcYwB01GUC02PqMHxI', - description: - 'Clippulse is a dynamic tool to easily produce fully customizable videos for brands, without any prior video editing experience required.', - height: 1080, - width: 1920, - submittedOn: new Date('04-24-2024'), - links: [ - { - type: 'website', - url: 'https://www.clippulse.com/', - }, - ], - author: { - url: 'https://twitter.com/andrei_terteci', - name: 'Andrei Terteci', - }, - }, - { - title: "Exemplary AI - Viral shorts", - type: "mux_video", - time: "0", - muxId: "tiOY02dEjo4LJpDMUf7qQFjqewupJH3C7jbxDbm9blUQ", - description: - "Repurpose your existing video into multiple viral short clips.", - height: 1080, - width: 1920, - submittedOn: new Date("05-06-2024"), - links: [], - author: { - url: "https://exemplary.ai/", - name: "Exemplary AI", - }, - }, - { - title: "Podopi - Convert a blog to podcast", - type: "mux_video", - time: "6", - muxId: "wvTZmoaRnhpGuc93nd39vz4MpSeOkXjnS5XFzOK01Lco", - description: - "This promo video is done by using Remotion. It shows you how easily you can extend your blog to a podcast.", - height: 720, - width: 1280, - submittedOn: new Date("09-10-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=yYbBVCo0BVw", - }, - { - type: "website", - url: "https://www.podopi.com/", - }, - ], - author: { - url: "https://twitter.com/Miickel", - name: "Mickel Andersson", - }, - }, - { - title: "Funeral Collage - Animated memories", - type: "mux_video", - time: "42", - muxId: "3ZOyZm01dqewQjVUNP02MzqWooJlYJ00cVSLX9WjSwuYjs", - description: - "Online memorial photo slideshow maker. Create a fitting tribute video for your loved one.", - height: 1080, - width: 1920, - submittedOn: new Date("11-29-2022"), - links: [ - { - type: "video", - url: "https://firebasestorage.googleapis.com/v0/b/funeral-collage.appspot.com/o/demo%2Fjoanna-bloggs-demo.mp4?alt=media&token=ed4dff7d-396d-4b97-9f95-85c58d669277", - }, - { - type: "website", - url: "https://funeralcollage.com/", - }, - ], - author: { - url: "https://funeralcollage.com/", - name: "Funeral Collage/Slideshow", - }, - }, - { - title: "Music Player", - type: "mux_video", - time: "4", - muxId: "7NZ41UEioG00jZygP02NXji01wr7HE02R8m3puh19V8IlZw", - description: - "A music player visualization for teasing tracks on Instagram.", - width: 720, - height: 720, - submittedOn: new Date("29-05-2021"), - links: [ - { - type: "website", - url: "https://www.instagram.com/tripmusic.online/", - }, - { - type: "video", - url: "https://twitter.com/kanzitelli/status/1398296728059666432", - }, - ], - author: { - name: "Batyr", - url: "https://twitter.com/kanzitelli", - }, - }, - { - title: "The math behind animations", - type: "mux_video", - time: "5", - muxId: "IDMyruXHia3rmOllIi13uy01hHgN4UxkAZT4BcgwiN00E", - description: - "William Candillon explains the fundamentals of how trigonometry is used for user interfaces. Full video available on YouTube.", - height: 360, - width: 640, - submittedOn: new Date("08-03-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=-lF7sSTelOg&t=8s&pp=sAQA", - }, - { - type: "website", - url: "https://start-react-native.dev/", - }, - ], - author: { - url: "https://twitter.com/wcandillon", - name: "William Candillon", - }, - }, - { - title: "Video Animation - Liquid Swipe", - type: "mux_video", - time: "21", - muxId: "01h4QMewhXr0249p1k8buxKgcN86hmS3VgRDPenY6Yyr4", - description: - "This intro warms you up for an awesome React Native tutorial on how to recreate a Liquid Swipe animation.", - height: 360, - width: 640, - submittedOn: new Date("08-03-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=6jxy5wfNpk0", - }, - { - type: "website", - url: "https://start-react-native.dev/", - }, - ], - author: { - url: "https://twitter.com/wcandillon", - name: "William Candillon", - }, - }, - { - title: "Remotion Web Summit Talk", - type: "mux_video", - time: "4", - muxId: "fWKVFtHn4bIEcPlqhsHcf69t0100SkUE6WXB600NcENQww", - description: - "A talk about Remotion given at React Summit 2021, fully written in React", - height: 720, - width: 1280, - submittedOn: new Date("08-05-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/JonnyBurger/react-summit-talk", - }, - { - type: "video", - url: "https://www.youtube.com/watch?v=316oZDqOyEg", - }, - ], - author: { - url: "https://twitter.com/jnybgr", - name: "Jonny Burger", - }, - }, - { - title: "Piano Teacher", - type: "mux_video", - time: "10", - muxId: "uuhPSi5C01DIIxBm3HcxJGs9d8hYmDnNjkmgwTMWJQPg", - description: - "A MIDI-to-Remotion converter visualizing how to play a song on the piano.", - width: 1280, - height: 720, - submittedOn: new Date("29-05-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/FlorentPergoud/status/1388430389715292161", - }, - ], - author: { - name: "Florent Pergoud", - url: "https://twitter.com/FlorentPergoud", - }, - }, - { - title: "Redesigning the Scatterplot", - type: "mux_video", - time: "10", - muxId: "mnQCnHc56wrafN4DIPkIdYpFh7Yk202rbMOzxrZaUylE", - description: - "In this video you get a visual display of some quantitative information.", - height: 720, - width: 1280, - submittedOn: new Date("07-07-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/BrooksLybrand/status/1371547875109445635", - }, - ], - author: { - url: "https://twitter.com/BrooksLybrand", - name: "Brooks Lybrand", - }, - }, - { - title: "Personalized Welcome Videos", - type: "mux_video", - time: "10", - muxId: "BPP7jS72gdEtARObTEGOc5GHnDv6ODfp48hIFMU9U6E", - description: - "A SlackHQ integrated tool to generate personalized welcome videos for new employees.", - width: 1920, - height: 1080, - submittedOn: new Date("27-06-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/BhimteBhaisaab/status/1401195261943115777", - }, - ], - author: { - name: "Utkarsh Bhimte", - url: "https://twitter.com/BhimteBhaisaab", - }, - }, - { - title: "JavaScript Code Execution demo", - type: "mux_video", - time: "10", - muxId: "psJ32DSTQqeLaZYhBC5sa3HH7gkzwt7HinQsHela01OA", - description: - "In this video I had explained how Javascript code gets executed. I had made this video completely using Remotion and ReactJS.", - height: 720, - width: 1280, - submittedOn: new Date("12-25-2022"), - links: [ - { - type: "source_code", - url: "https://github.com/AmitNemade/remotion-javascript-demo", - }, - ], - author: { - url: "https://www.linkedin.com/in/amitnemade/?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BLMVZoM6pQPu27qXFUtwi4Q%3D%3D", - name: "Amit Nemade", - }, - }, - { - title: "1000 Stars for Code Hike", - type: "mux_video", - time: "10.05", - muxId: "x7Dzaunb9JbdwyaR00CwBnIC2MkUPzJwmSiUrtNiYYP4", - description: - "A celebration video by Code Hike for reaching 1000 stars on GitHub.", - height: 540, - width: 960, - submittedOn: new Date("08-04-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/codehike_/status/1410976982867775489", - }, - { - type: "website", - url: "https://codehike.org/", - }, - { - type: "source_code", - url: "https://github.com/pomber/stargazer", - }, - ], - author: { - url: "https://codehike.org/", - name: "Code Hike", - }, - }, - { - title: "Animated Social Media Preview Card", - type: "mux_video", - time: "10", - muxId: "zSKsGBzfoPowlFVBm47N01aoMK2Er8qkM3CzZgnUDido", - description: - "Here you see a promo video of Sam Larsen-Disney's newsletter.", - height: 628, - width: 1200, - submittedOn: new Date("07-07-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/SamLarsenDisney/status/1362029962241466372", - }, - { - type: "website", - url: "https://sld.codes/newsletter", - }, - { - type: "tutorial", - url: "https://sld.codes/articles/Remotion-&-Open-Graph-Video", - }, - ], - author: { - url: "https://sld.codes/", - name: "Sam Larsen-Disney", - }, - }, - { - title: "GIF Logo for ProductHunt", - type: "mux_video", - time: "3", - muxId: "vOGnXmkV01R2WW6SuZRIykksh3uzEfRV900ieznAmc7Is", - description: - "An animated Logo used for the ProductHunt launch of snappify.", - height: 960, - width: 960, - submittedOn: new Date("05-04-2022"), - links: [ - { - type: "source_code", - url: "https://github.com/snappify-io/producthunt-gif", - }, - { - type: "website", - url: "https://snappify.io/", - }, - { - type: "tutorial", - url: "https://snappify.io/blog/create-producthunt-gif-with-remotion", - }, - ], - author: { - url: "https://twitter.com/dominiksumer", - name: "Dominik Sumer", - }, - }, - { - title: "Product Hunt Today", - type: "mux_video", - time: "18.5", - muxId: "9vegqVB2n02YrTL3c38HoOyd7Smytz01Hl3qaXI5KCOZM", - description: - "Fully automated Twitter bot that tweets trending Product Hunt products every day.", - height: 720, - width: 720, - submittedOn: new Date("03-27-2022"), - links: [ - { - type: "source_code", - url: "https://github.com/Kamigami55/product-hunt-today", - }, - { - type: "video", - url: "https://twitter.com/ProductHunToday/status/1507997707008417792", - }, - { - type: "website", - url: "https://twitter.com/ProductHunToday", - }, - ], - author: { - url: "https://easonchang.com/", - name: "Eason Chang", - }, - }, - { - title: "Crowdfunding Campaign", - type: "mux_video", - time: "10", - muxId: "L7DYDk9o701zxfWUhcFb1Z1mGGzYoIuxddwNVI3tcemQ", - description: - "An animation celebrating a successful fundraising campaign. It fetches the amount raised programmatically and generates an animation suitable for posting on Instagram.", - width: 1080, - height: 1920, - submittedOn: new Date("25-03-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/florentpergoud/vfb-crowdfunding-campain", - }, - { - type: "video", - url: "https://twitter.com/FlorentPergoud/status/1371874105281159178?s=20", - }, - ], - author: { - name: "Florent Pergoud", - url: "https://twitter.com/FlorentPergoud", - }, - }, - { - title: "Spotify Wrapped", - type: "mux_video", - time: "10", - muxId: "V5Dpfui9NmUSons5P5VQRbyX5m5011LsRA01f0129CLbHo", - description: - "A recreation of Spotify Wrapped where you can override all text and images programmatically.", - height: 1280, - width: 720, - submittedOn: new Date("25-03-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/jonnyburger/remotion-wrapped", - }, - { - type: "video", - url: "https://www.youtube.com/watch?v=I-y_5H9-3gk", - }, - ], - author: { - name: "Jonny Burger", - url: "https://twitter.com/JNYBGR", - }, - }, - { - title: "Olympics Ranking", - type: "mux_video", - time: "10", - muxId: "uggP01wfSNgmwm9KjanfeKvbQdbeVdDK0001qdBfDszCB4", - description: - "A medal ranking which shows which country has won the most medals at the Tokyo Olympics so far.", - height: 1280, - width: 720, - submittedOn: new Date("08-12-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/FlorentPergoud/status/1423360349877809154", - }, - ], - author: { - url: "https://twitter.com/FlorentPergoud", - name: "Florent Pergoud", - }, - }, - { - title: "Apple Spring Loaded Logo", - type: "mux_video", - time: "10", - muxId: "wvFXhgp3WA8bvp025y74gkoX56TKTyX7Xx9Qvos1TStc", - description: - "A recreation of Apple's Spring Loaded Logo for their Spring 2021 Keynote. Uses Remotions interpolateColors() API.", - height: 700, - width: 700, - submittedOn: new Date("08-03-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/jonnyburger/spring-loaded", - }, - { - type: "video", - url: "https://twitter.com/JNYBGR/status/1384606085173108737", - }, - ], - author: { - url: "https://jonny.io", - name: "Jonny Burger", - }, - }, - { - title: "Coronavirus Cases Visualization", - type: "mux_video", - time: "10", - muxId: "Anx7p2jNQLUsSWBOjnEzdo9xvfC9spsVyL01sk7esrtY", - description: "Timelapse of the spread of the coronavirus in the world.", - height: 1080, - width: 1920, - submittedOn: new Date("08-04-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=Mrl229Zf23g", - }, - ], - author: { - url: "https://www.youtube.com/channel/UCEyTSyN3FmW39THCl0kfDUA", - name: "Envision", - }, - }, - { - title: "Instagram Profile as a Story", - type: "mux_video", - time: "10", - muxId: "6hyS0000BS02M4MPbZJxBuUG9SnJJCxCglHrTuWRdbpvOY", - description: - "A profile video generator which allows you to share your Instagram profile as a story.", - height: 1280, - width: 720, - submittedOn: new Date("08-04-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/FlorentPergoud/status/1375134968733704217", - }, - ], - author: { - url: "https://twitter.com/FlorentPergoud", - name: "Florent Pergoud", - }, - }, - { - title: "AnySticker In App Assets", - type: "mux_video", - time: "10", - muxId: "HL4G1x01aX8lizSXFGuQG8do6LLKcI1mup6WjIz6OEFE", - description: - "This video will welcome users in the newest version of AnySticker.", - height: 1920, - width: 1080, - submittedOn: new Date("25-03-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/JonnyBurger/anysticker-tutorials", - }, - ], - author: { - name: "Jonny Burger", - url: "https://twitter.com/JNYBGR", - }, - }, - { - title: "All Champions League Winners in History", - type: "mux_video", - time: "10", - muxId: "R9SZTw2ZoWuV44i5QVx5yVu01VaGm89JlZ876TdVXAyQ", - description: - "This video shows all the UEFA Champions Cup (1956-1992) and Champions League (since 1993) Winners year by year and concludes with the ranking of the countries with the most trophies.", - height: 1080, - width: 1920, - submittedOn: new Date("07-03-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=6Xn47wG_c5Q", - }, - { - type: "website", - url: "https://www.youtube.com/channel/UCRBZkDc7udWuxrvedrFUbCQ/featured", - }, - ], - author: { - url: "https://twitter.com/mikepombal", - name: "mikepombal", - }, - }, - { - title: "Love, Death & React", - type: "mux_video", - time: "10", - muxId: "pEo7cREHlak5FxdpNOKB8BYlUCa19Klkfn1XtXxjfxc", - description: "A recreation of Netflix's 'Love, Death & React' intro.", - width: 1280, - height: 720, - submittedOn: new Date("29-05-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/wcandillon/love-death-react", - }, - { - type: "video", - url: "https://www.youtube.com/watch?v=YtcINOj2w5g", - }, - { - type: "tutorial", - url: "https://www.youtube.com/watch?v=YtcINOj2w5g", - }, - ], - author: { - name: "Willian Candillon", - url: "https://twitter.com/wcandillon", - }, - }, - { - title: "Remotion 2.0 trailer", - type: "mux_video", - time: "10", - muxId: "g00CHkGQm1J0101dma3TBPvwufeAKZ8yOZk9p0048soVjW00", - description: "Trailer for Remotion 2.0 launch", - height: 1080, - width: 1920, - submittedOn: new Date("08-04-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/JonnyBurger/remotion-2-0-trailer", - }, - { - type: "video", - url: "https://youtube.com/watch?v=0r6ho5sNPm4", - }, - { - type: "website", - url: "https://www.remotion.dev/", - }, - ], - author: { - url: "https://twitter.com/JNYBGR", - name: "Jonny Burger", - }, - }, - { - title: "Weather Report", - type: "mux_video", - time: "10", - muxId: "dE02NVflg500LNpSECSUmcwLFpKU100Z9TY362Lifdo0228", - description: - "A fully automated weather forecast that appears in your TikTok or Instagram feed.", - height: 1280, - width: 720, - submittedOn: new Date("08-05-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/florentpergoud/remotion-weather", - }, - { - type: "video", - url: "https://twitter.com/JNYBGR/status/1398234353721917440", - }, - { - type: "website", - url: "https://www.instagram.com/hellometeo/", - }, - ], - author: { - url: "https://twitter.com/FlorentPergoud", - name: "Florent Pergoud", - }, - }, - { - title: "AnySticker Trailer", - type: "mux_video", - time: "5", - muxId: "GhK5YXKrtWTa2kEf7HajaE6DG2FtTNsZfW7mfIzQBJ00", - description: - "A hyped up announcement trailer for the new AnySticker app, made using React Three Fiber.", - height: 1080, - width: 1080, - submittedOn: new Date("11-15-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/JonnyBurger/anysticker-tutorials/blob/main/src/Announcement/index.tsx", - }, - { - type: "video", - url: "https://twitter.com/JNYBGR/status/1458375456965763075", - }, - { - type: "website", - url: "https://anysticker.com", - }, - ], - author: { - url: "https://twitter.com/JNYBGR", - name: "JNYBGR", - }, - }, +const showcaseVideos = [ { - title: "Feature overview", - type: "mux_video", - time: "10", - muxId: "d2SvbrhHvyJZb2EmSv441M601UBy1dfEYfToKGqDpV01Y", - description: "A showcase of features in the new Bottom Sheet library.", - height: 640, - width: 1280, - submittedOn: new Date("10-04-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/Gorhom/status/1432363415272558593", - }, - { - type: "website", - url: "https://gorhom.github.io/react-native-bottom-sheet/blog/bottom-sheet-v4/", - }, - ], - author: { - url: "https://gorhom.dev/", - name: "Mo Gorhom", - }, + title: 'MUX - Visualize video stats', + url: 'https://mux.com', }, - { - title: "Remotion Trailer", - type: "mux_video", - time: "3", - muxId: "nJ2JnX2a02JiDvirVoNrz02lJ01q8DuvIZoKKq8q1uPdKA", - description: "The original trailer which announced Remotion.", - width: 1920, - height: 1080, - submittedOn: new Date("25-03-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/JonnyBurger/remotion-trailer", - }, - { - type: "video", - url: "https://www.youtube.com/watch?v=gwlDorikqgY", - }, - ], - author: { - name: "Jonny Burger", - url: "https://twitter.com/JNYBGR", - }, - }, - { - title: "Data Science Course Ad", - type: "mux_video", - time: "10", - muxId: "MqUUJjKZk01x9KGUJtSD1SLoUHmrab3eaVx9sDPCw9L00", - description: - "This is a promo video of a data science course offered by Quantargo.", - height: 720, - width: 1280, - submittedOn: new Date("07-07-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/quantargo/status/1365233907793338369", - }, - { - type: "website", - url: "https://www.quantargo.com/blog/2021-02-26-new-course-advanced-data-transformation/", - }, - ], - author: { - url: "https://www.quantargo.com/", - name: "Quantargo", - }, - }, - { - title: "Product Announcement Video", - type: "mux_video", - time: "10", - muxId: "lSa6eYA01jP5ooFSgTE02P6nfRbjIbF1kcr5LdwS01Zp8o", - description: - "Animation showing new features on the newly built website of Verdaccio, a lightweight private Node.js proxy regisry.", - height: 720, - width: 1280, - submittedOn: new Date("08-04-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/verdaccio_npm/status/1420187249145118722", - }, - { - type: "website", - url: "https://verdaccio.org/", - }, - ], - author: { - url: "https://twitter.com/_semoal", - name: "Sergio Moreno", - }, - }, - { - title: "Conference talk", - type: "mux_video", - time: "10", - muxId: "01DRoSacYBQvVpDzoAXl01Wt2r8JWtgTq4t5lFwPjVcDE", - description: - "A conference talk production composed in Remotion, including code animations, facecam, subtitles and a browser as an iFrame.", - height: 270, - width: 480, - submittedOn: new Date("08-03-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/pomber/record-talk-with-remotion/", - }, - { - type: "video", - url: "https://twitter.com/pomber/status/1359556846688886789", - }, - { - type: "tutorial", - url: "https://twitter.com/pomber/status/1358837764033241092", - }, - ], - author: { - url: "https://pomb.us/", - name: "Rodrigo Pombo", - }, - }, - { - title: "Cloudfront Explainer", - type: "mux_video", - time: "10", - muxId: "BrKshHsFgC8DNhQPJGeu4fVjjWlzxHFLvMTcPB6EB6E", - description: "The intro for an online course about Cloudfront.", - height: 1080, - width: 1920, - submittedOn: new Date("08-03-2021"), - links: [ - { - type: "video", - url: "https://www.udemy.com/course/the-cloud-architects-guide-to-cloudfront/", - }, - { - type: "website", - url: "https://www.udemy.com/course/the-cloud-architects-guide-to-cloudfront/", - }, - ], - author: { - name: "Tamàs Sallai", - url: "https://advancedweb.hu/", - }, - }, - { - title: "Tokenviz - Crypto charts", - type: "mux_video", - time: "10", - muxId: "fAhMmqHE5fQg9V7H2CwNj4buFC6JhLDfgaMI9OBpYhw", - description: - "Fully automated Twitter bot summarizing movements in the crypto market.", - width: 720, - height: 720, - submittedOn: new Date("29-05-2021"), - links: [ - { - type: "website", - url: "https://twitter.com/tokenviz", - }, - { - type: "video", - url: "https://twitter.com/tokenviz/status/1391798812180508674", - }, - ], - author: { - name: "Tokenviz", - url: "https://twitter.com/tokenviz", - }, - }, - { - title: "Transfer Fee Record Specific to British Football", - type: "mux_video", - time: "10", - muxId: "sBbBlET802IE1C3bHCkNhDB00rpWPXRpIrkUP9YTqruXM", - description: - "An infographic showing the progression of the transfer fee record in British Football", - height: 1152, - width: 2048, - submittedOn: new Date("08-03-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=hMsi04DkoMI&feature=youtu.be", - }, - { - type: "website", - url: "https://twitter.com/mikepombal/status/1422219571206008835", - }, - ], - author: { - url: "https://twitter.com/mikepombal", - name: "Mickael Marques", - }, - }, - { - title: "Name The Movie - Quiz", - type: "mux_video", - time: "10", - muxId: "FFft61dbntN4DEnt00HiXCmfiJhNLnOaI02dT2D802oPIY", - description: - "A quiz game that gives you quotes from classic films to guess their title.", - height: 720, - width: 1280, - submittedOn: new Date("08-05-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=kSqbAdwk5Bc", - }, - { - type: "website", - url: "https://www.youtube.com/channel/UCfwUNx_fEW98olmpByg-V7w", - }, - ], - author: { - url: "https://www.youtube.com/channel/UCfwUNx_fEW98olmpByg-V7w", - name: "Collou", - }, - }, - { - title: "CSS+SVG effects", - type: "mux_video", - time: "10", - muxId: "ujzfb6501KAiNDwKDzLIzCvcWxECz01rfSXh500I3mmifo", - description: "A generative CSS + SVG animation.", - width: 500, - height: 500, - submittedOn: new Date("27-06-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/calebwright/status/1406412814512803841", - }, - { - type: "source_code", - url: "https://github.com/c0/remotion-playground/blob/main/src/GooBallCSS.jsx", - }, - ], - author: { - name: "calebwright", - url: "https://twitter.com/calebwright", - }, - }, - { - title: "Code Highlighter", - type: "mux_video", - time: "10", - muxId: "1W02pMAx5ZdtRE2PajqW7Ni01qbxADjpe37o4Non9Sonc", - description: - "This video animates code and highlights interesting parts of it.", - height: 720, - width: 1280, - submittedOn: new Date("07-07-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/matfrana/status/1372336451246034948", - }, - { - type: "website", - url: "https://reactbricks.com/", - }, - ], - author: { - url: "https://twitter.com/matfrana", - name: "Matteo Frana", - }, - }, - { - title: "Flashy Title Card", - type: "mux_video", - time: "10", - muxId: "J8H3dOuyC01ZurH9NnSvd17oS00FUPKns8HnTO02KyCF02k", - description: "A nice title design in William Candillons video.", - height: 720, - width: 1280, - submittedOn: new Date("08-05-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/wcandillon/status/1415263264737476608", - }, - { - type: "website", - url: "https://www.youtube.com/wcandillon", - }, - ], - author: { - url: "https://twitter.com/wcandillon", - name: "William Candillon", - }, - }, - { - title: "Code Stack - A Fully Automated News Podcast", - type: "mux_video", - time: "10", - muxId: "w02JWs4nf5GXSQjhHzIF00Ws6e1L1pz5PaZ02AgnE02K6dI", - description: - "Get a daily briefing with CodeStack's fully automated news podcast that reads news using text-to-speech.", - height: 720, - width: 1280, - submittedOn: new Date("08-05-2021"), - links: [ - { - type: "source_code", - url: "https://github.com/FelippeChemello/podcast-maker", - }, - { - type: "video", - url: "https://www.youtube.com/watch?v=3VSh3uCVtOE", - }, - { - type: "website", - url: "https://anchor.fm/codestack", - }, - ], - author: { - url: "https://twitter.com/CodeStackMe", - name: "Felippe Chemello", - }, - }, - { - title: "EcoEats", - type: "mux_video", - time: "10", - muxId: "XJpfsCytTHSoAyVwfObPVXbNN64Thj2Z8pLvoqO1Ocs", - description: - "A promo video for a zero emission takeaway and grocery delivery service.", - height: 1080, - width: 1080, - submittedOn: new Date("08-28-2021"), - links: [ - { - type: "video", - url: "https://cdn.ecoeats.uk/videos/merchant-features/06c07944-6d13-4188-8356-d42d744ba54e/raw-pressed-market-street.mp4", - }, - ], - author: { - url: "https://ecoeats.uk/", - name: "EcoEats", - }, - }, - { - title: "Master Duel Week", - type: "mux_video", - time: "10", - muxId: "nFm3f8VfvL6ag20093gMUtWfbAJe5F6s4z5LapxrpLcM", - description: - "Automated Twitter bot that tweets a trading card game's meta deck weekly", - height: 720, - width: 720, - submittedOn: new Date("05-08-2022"), - links: [ - { - type: "source_code", - url: "https://github.com/KalleChen/master-duel-week", - }, - { - type: "video", - url: "https://twitter.com/masterduelweek/status/1522850783020339200", - }, - { - type: "website", - url: "https://twitter.com/masterduelweek", - }, - ], - author: { - url: "https://kallechen.github.io/", - name: "Kalle Chen", - }, - }, - { - title: "Meet New Books - One of many book recommendation videos", - type: "mux_video", - time: "10", - muxId: "601PVDW5t02VqRWd4XXDUUBM41t66JVBEO5f00VrGCUXE00", - description: - "An automated book recommendation video showcasing popular books.", - height: 1920, - width: 1080, - submittedOn: new Date("10-12-2023"), - links: [ - { - type: "video", - url: "https://www.instagram.com/p/Cx8u6pTNqCi/", - }, - ], - author: { - url: "https://www.meetnewbooks.com/", - name: "MeetNewBooks.com", - }, - }, - { - title: "Audio Player", - type: "mux_video", - time: "10", - muxId: "eKnHTDXWCBsQgm00vOl59ZVF300otry3STKzFe025O7M5E", - description: "A Reusable audio player template created using Remotion.", - height: 1920, - width: 1080, - submittedOn: new Date("03-29-2022"), - links: [ - { - type: "source_code", - url: "https://github.com/varunpbardwaj/remotion-audio-player-template/", - }, - { - type: "video", - url: "https://portfolio-varunpbardwaj.vercel.app/remotion/neenaadena/", - }, - ], - author: { - url: "https://portfolio-varunpbardwaj.vercel.app", - name: "Varun Bardwaj", - }, - }, - { - title: "The Eudaimonia Machine: The Ultimate Productivity Hack?", - type: "mux_video", - time: "10", - muxId: "LEKN01a35v01OK2vyVxE00LJhm13JtRzJSnTrJjVYQeQtw", - description: - "This explainer video on the Eudaimonia Machine (featured in Cal Newport's 'Deep Work') was made completely with Remotion.", - height: 1080, - width: 1920, - submittedOn: new Date("01-29-2023"), - links: [ - { - type: "source_code", - url: "https://github.com/brenjamin/eudaimonia-machine-video", - }, - { - type: "video", - url: "https://www.youtube.com/watch?v=IyRB3SbGnaY&list=PLliaWoyhTnjF6oQFYjviMGY4zAJHZHS2M", - }, - ], - author: { - url: "https://www.linkedin.com/in/benjamin-brophy/", - name: "Ben Brophy", - }, - }, - { - title: "Snappy Format File Animation", - type: "mux_video", - time: "10", - muxId: "WopGJTJ4UfzD5zu9yXl4aEZ3ASufllximGBL9AjsjDQ", - description: - "In this visual you get to see an animation of various file formats.", - height: 500, - width: 500, - submittedOn: new Date("07-07-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/zackdotcomputer/status/1360682974224744452", - }, - { - type: "website", - url: "https://www.phototamer.app/", - }, - ], - author: { - url: "https://zack.computer/", - name: "Zack Sheppard", - }, - }, - { - title: "Outro Cards", - type: "mux_video", - time: "5.5", - muxId: "Rzmd76Rry7hQAAvTREyaLLT4wSAuc9zouk3ZxOmybq4", - description: - "Animated playing cards. Used as a background for an outro thanking subscribers for their support.", - height: 1080, - width: 1920, - submittedOn: new Date("11-24-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=xPbRsca_l7c", - }, - { - type: "website", - url: "https://start-react-native.dev/", - }, - ], - author: { - url: "https://twitter.com/wcandillon", - name: "William Candillon", - }, - }, - { - title: "The Song of the Fae - Animated Banner", - type: "mux_video", - time: "10", - muxId: "cEmxepEENf6004NhdttN7igT3O8o82ODq02dn01PMgS101I", - description: - "An animated banner as an intro sequences for a game called The Song of the Fae.", - height: 720, - width: 720, - submittedOn: new Date("08-12-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/vivavolt/status/1408670642451345410", - }, - ], - author: { - url: "https://bf.wtf/", - name: "Ben Follington", - }, - }, - { - title: "The Quiz Universe - Film Quiz", - type: "mux_video", - time: "10", - muxId: "8ho7TdmkzCVz5cbwU9dg2bZ00sDIAFgDNt8XF01IoDGo00", - description: - "This film quiz presents the scenes of movies and highlights the cast and crew.", - height: 720, - width: 1280, - submittedOn: new Date("08-12-2023"), - links: [ - { - type: "video", - url: "https://youtu.be/VIsThQDOEkU", - }, - { - type: "website", - url: "www.TheQuizUniverse.com", - }, - ], - author: { - url: "https://www.instagram.com/saint.reaux/", - name: "Redando Ford", - }, - }, - { - title: "BarGPT TikToks", - type: "mux_video", - time: "10", - muxId: "5uqV22rmxwQSr02ESt9ovQSE02HhAzUdBHUm02W6Mqu3NY", - description: - "BarGPT, the AI cocktail generator, uses remotion to generate TikTok videos from its AI generated cocktail recipes.", - height: 1920, - width: 1080, - submittedOn: new Date("09-29-2023"), - links: [ - { - type: "website", - url: "https://www.bargpt.app", - }, - ], - author: { - url: "https://twitter.com/BarGPT", - name: "BarGPT.app", - }, - }, - { - title: "Blast Workout video trailer", - type: "mux_video", - time: "30", - muxId: "txrjnbtkqe1P701kHusZ4EeIY883aHVvVGF8xsAKKX24", - description: - "Blast Workout video trailer as it is displayed on the play store", - height: 1080, - width: 1920, - submittedOn: new Date("09-30-2022"), - links: [ - { - type: "website", - url: "https://blastworkout.app", - }, - ], - author: { - url: "https://blastworkout.app", - name: "Mad Mustache Company", - }, - }, - { - title: "Twitter year in review", - type: "mux_video", - time: "10", - muxId: "iRnXEBXAvxCQAtu01TVEJsizIfXaPpxlyqeJfm54K1Vs", - description: - "This videos shows the user various metrics of their Twitter account.", - height: 720, - width: 720, - submittedOn: new Date("07-07-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/vjo/status/1367901005027942403", - }, - { - type: "website", - url: "https://twitter.com", - }, - ], - author: { - url: "https://twitter.com/TwitterEng", - name: "Twitter Engineering", - }, - }, - { - title: "Flow Fields", - type: "mux_video", - time: "10", - muxId: "st5ifZHHqs8k9m19FNqYyRdh01CM8pX302ikEzAvnikTA", - description: "A generative SVG animation using noise.", - width: 720, - height: 720, - submittedOn: new Date("29-05-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/noWukkas_/status/1386174689660203011", - }, - { - type: "source_code", - url: "https://codesandbox.io/s/flow-fields-evqg3", - }, - ], - author: { - name: "No Wukkas", - url: "https://twitter.com/noWukkas_", - }, - }, - { - title: "Top 15 smallest animals in this planet", - type: "mux_video", - time: "10", - muxId: "bQ5bHzbVsYngW5GF4iQxH601HyPnxHZCcXZas1zzQRAU", - description: "A simple Top List Video", - height: 1080, - width: 1920, - submittedOn: new Date("08-12-2022"), - links: [ - { - type: "video", - url: "https://youtu.be/jDAwyWWWfkM", - }, - { - type: "website", - url: "https://adavii.com/", - }, - ], - author: { - url: "https://twitter.com/yuwan_kumar", - name: "Yuwan Kumar", - }, - }, - { - title: "Vlog editor", - type: "mux_video", - time: "10", - muxId: "pSEhcZX5HBJy9SFK4j7vGs00NhPFCedqwL9X01ykNsIlo", - description: - "This daily vlog is automatically cut together using Remotion. Clips are recorded and uploaded to an FTP server, YouTube clips downloaded automatically.", - width: 1280, - height: 720, - submittedOn: new Date("29-05-2021"), - links: [ - { - type: "video", - url: "https://www.youtube.com/watch?v=CcrCz8iRpHY", - }, - { - type: "website", - url: "https://www.youtube.com/channel/UCRylGayptCYAnrZfWTwuV7A", - }, - ], - author: { - name: "Pierre Miniggio", - url: "https://www.youtube.com/c/PierreMiniggio", - }, - }, - { - title: "Old french TV trailer (tribute)", - type: "mux_video", - time: "10", - muxId: "7tmF019NZLRuazoq5I7WFdacYz8bjJb4BTDEQ5cEkFe4", - description: - 'Video tribute to an old TV jingle called "La trilogie du samedi" broadcasted in the early 2000s in France on the channel M6.', - height: 1080, - width: 1920, - submittedOn: new Date("04-01-2022"), - links: [], - author: { - url: "https://twitter.com/Slashgear_", - name: "Antoine Caron & Mickaël Alves", - }, - }, - { - title: "TVFoodMaps Tik Tok", - type: "mux_video", - time: "10", - muxId: "5ON0000Gg9ov1z01in02jC02k2xjltp01xg3h9CVfymANi01iE", - description: "Video generated from TVFoodMaps lists", - height: 1920, - width: 1080, - submittedOn: new Date("02-11-2023"), - links: [ - { - type: "website", - url: "https://www.tvfoodmaps.com", - }, - ], - author: { - url: "https://twitter.com/tvfoodmaps", - name: "TVFoodMaps", - }, - }, - { - title: "Cricket Match Feature", - type: "mux_video", - time: "10", - muxId: "zDEoYi6tII8cA017JrZpqyx1hf2ErMaPUklUSSkdkhKk", - description: - "An animation showing the two teams competing in todays cricket match.", - height: 1280, - width: 720, - submittedOn: new Date("08-05-2021"), - links: [ - { - type: "video", - url: "https://discord.com/channels/809501355504959528/817306292590215181/820365999697952790", - }, - ], - author: { - url: "https://discord.com/channels/809501355504959528/817306292590215181/820365999697952790", - name: "Suthar", - }, - }, - { - title: "Lotus App", - type: "mux_video", - time: "10", - muxId: "LAtfpU01MnxJc200ccLrLVPanKx7wSv1NNT42027Ptq4VI", - description: - "An animated Lotus icon in the Dock on Mac. With Lotus you can manage your GitHub notifications without stress.", - height: 230, - width: 378, - submittedOn: new Date("08-12-2021"), - links: [ - { - type: "video", - url: "https://twitter.com/vadimdemedes/status/1425178353737293829", - }, - { - type: "website", - url: "https://getlotus.app/", - }, - ], - author: { - url: "Vadim Demedes", - name: "https://vadimdemedes.com/", - }, - }, - - */ + // other video objects ]; -const dateString = (date: Date) => - date.getDate() + '-' + date.getMonth() + '-' + date.getFullYear(); - -const todayHash = dateString(new Date()); - -export const shuffledShowcaseVideos = - typeof window === 'undefined' - ? [] - : showcaseVideos.slice(0).sort((a, b) => { - return random(a.muxId + todayHash) - random(b.muxId + todayHash); - }); +export default showcaseVideos; \ No newline at end of file From 14ba344e9f9104ab31aeab1a839c0e033e07f473 Mon Sep 17 00:00:00 2001 From: JonnyBurger Date: Mon, 16 Feb 2026 20:48:11 +0100 Subject: [PATCH 7/8] Revert "Fix typo: change 'Vizualise' to 'Visualize'" This reverts commit 31259ef7763e80d0bdd1f679c8913d7e962fbc8c. --- packages/docs/src/data/showcase-videos.tsx | 1914 +++++++++++++++++++- 1 file changed, 1909 insertions(+), 5 deletions(-) diff --git a/packages/docs/src/data/showcase-videos.tsx b/packages/docs/src/data/showcase-videos.tsx index 12243f50eca..f1c2cdb9ace 100644 --- a/packages/docs/src/data/showcase-videos.tsx +++ b/packages/docs/src/data/showcase-videos.tsx @@ -1,9 +1,1913 @@ -const showcaseVideos = [ +import {random} from 'remotion'; + +export type ShowcaseLink = 'tutorial' | 'source_code' | 'website' | 'video'; + +export type ShowcaseVideo = { + title: string; + description: string; + height: number; + width: number; + links: { + url: string; + type: ShowcaseLink; + }[]; + submittedOn: Date; + type: 'mux_video'; + time?: string | null; + muxId: string; + author?: { + name: string; + url: string; + }; +}; + +export const showcaseVideos: ShowcaseVideo[] = [ + { + title: 'Hackreels - Animate your code', + type: 'mux_video', + time: '0', + muxId: 'IOSwIZiNUsdfcg9ccN3E2vqzen92L99VgoP3Q5p9On8', + description: + 'Create effortlessly beautiful code animations in seconds. Hackreels detects code changes automatically and makes stunning animations based on those changes. ', + height: 1080, + width: 1920, + submittedOn: new Date('04-22-2024'), + links: [ + { + type: 'video', + url: 'https://twitter.com/dparksdev/status/1715725060324073582', + }, + { + type: 'website', + url: 'https://www.hackreels.com/', + }, + ], + author: { + url: 'https://davidparks.dev/', + name: 'David Parks', + }, + }, + { + title: 'MUX - Vizualise video stats', + type: 'mux_video', + time: '3', + muxId: 'DDgXb2KfPk7xdvxEoyPkrl7GcybohNon', + description: + 'An article on how to showcase your video stats by creating a dynamic animated video using Remotion and the Mux Data API.', + height: 270, + width: 480, + submittedOn: new Date('19-01-2022'), + links: [ + { + type: 'source_code', + url: 'https://github.com/davekiss/mux-remotion-demo/', + }, + { + type: 'video', + url: 'https://twitter.com/MuxHQ/status/1483514610380644357', + }, + { + type: 'tutorial', + url: 'https://mux.com/blog/visualize-mux-data-with-remotion/', + }, + ], + author: { + url: 'https://davekiss.com/', + name: 'Dave Kiss', + }, + }, + { + title: 'Next.js - Video tutorial', + type: 'mux_video', + time: '10', + muxId: 'dWxzp02gvlUM42a6GSQ02g006qiW2T43QGeuszqimY0200AE', + description: + "Delba Oliveira visually explains Vercel's Next.js and the concept of React.", + height: 1080, + width: 1920, + submittedOn: new Date('10-09-2023'), + links: [ + { + type: 'video', + url: 'https://twitter.com/delba_oliveira/status/1707439537054535867', + }, + { + type: 'website', + url: 'https://www.youtube.com/@Delba', + }, + ], + author: { + url: 'https://delba.dev/', + name: 'Delba Oliveira', + }, + }, + { + title: 'GitHub Unwrapped - Campaign', + type: 'mux_video', + time: '6', + muxId: 'OwQFvqomOR00q6yj5SWwaA7DBg01NaCPKcOvczoZqCty00', + description: + 'A year-in-review video campaign for GitHub, where each user gets a personalized video based on their GitHub activity.', + height: 1080, + width: 1080, + submittedOn: new Date('04-23-2024'), + links: [ + { + type: 'website', + url: 'https://githubunwrapped.com/', + }, + { + type: 'source_code', + url: 'https://github.com/remotion-dev/github-unwrapped', + }, + ], + author: { + url: 'https://www.remotion.dev/', + name: 'Remotion', + }, + }, + { + title: 'Revid - Storytelling social media videos', + type: 'mux_video', + time: '13', + muxId: 'AQJeyQ00njF88JNevZ2Xf00KGOX01zBLBa4Xisvu9M00ynM', + description: + 'Revid allows creators to turn ideas into social media videos in minutes. It is an AI-powered platform to generate short-form storytelling. Remotion is build to preview andrender the videos on the platform.', + height: 1152, + width: 2048, + submittedOn: new Date('04-24-2024'), + links: [ + { + type: 'website', + url: 'https://www.revid.ai/', + }, + ], + author: { + url: 'https://twitter.com/tibo_maker', + name: 'Tibo', + }, + }, + { + title: 'AnimStats - Animated statistics', + type: 'mux_video', + time: '8', + muxId: 'DudsRLermQWA5JMpF6Z49AwuAjrvO00vxmsgSyS00neo00', + description: + 'With AnimStats, you can transform your statistics into captivating animated GIFs and Videos within minutes.', + height: 1152, + width: 2048, + submittedOn: new Date('04-24-2024'), + links: [ + { + type: 'website', + url: 'https://www.animstats.com/', + }, + ], + author: { + url: 'https://twitter.com/audiencon', + name: 'Audiencon', + }, + }, + { + title: 'Banger Show - Music visuals', + type: 'mux_video', + time: '0', + muxId: 'nDU01DSCFdvie6l9Z8u557TwSvJMsnhO3pfTqqXDuPbQ', + description: + 'High quality music visuals without learning 3D or video editing software.', + height: 1080, + width: 1920, + submittedOn: new Date('04-24-2024'), + links: [ + { + type: 'website', + url: 'https://banger.show/', + }, + ], + }, + { + title: 'Watercolor Map - Animated map', + type: 'mux_video', + time: '1', + muxId: 'Wd02W8GdZsjQ3JSKUsOjKtpEGxXBNbXRg8hiwmYx7cTM', + description: + 'A travel animation showing the journey on a map, with watercolor effects. Perfect for adding b-roll footage to travel video projects.', + height: 1080, + width: 1080, + submittedOn: new Date('04-23-2024'), + links: [ + { + type: 'source_code', + url: 'https://www.remotion.pro/watercolor-map', + }, + ], + author: { + url: 'https://www.remotion.dev/', + name: 'Remotion', + }, + }, + { + title: 'Submagic - Viral shorts', + type: 'mux_video', + time: '0', + muxId: 'CjBZygWogZoMptDHSOgYFZ9019oQMIkQqliQlgpWpyP4', + description: + 'Make your short-form videos more captivating with Captions, B-Rolls, Zooms and Sound Effects.', + height: 1080, + width: 1920, + submittedOn: new Date('04-25-2024'), + links: [ + { + type: 'video', + url: 'https://www.youtube.com/watch?v=hNKola6xpqQ', + }, + ], + author: { + url: 'https://www.submagic.co/', + name: 'Submagic', + }, + }, + { + title: 'HeyGen - Video Agent', + type: 'mux_video', + time: '75.5', + muxId: 'pKHRj00yo6eV1nHaXWSsjzvP1rBjQkey68qAp8gFy8Wk', + description: + "Fully made with HeyGen's Video Agent, powered by Remotion. Avatar, script, motion graphics, and final edits were all created just by prompting.", + height: 1080, + width: 1920, + submittedOn: new Date('01-29-2026'), + links: [ + { + type: 'website', + url: 'https://www.heygen.com/', + }, + { + type: 'video', + url: 'https://x.com/joshua_xu_/status/2016714990242439600', + }, + ], + author: { + url: 'https://x.com/joshua_xu_', + name: 'Joshua Xu', + }, + }, + { + title: 'Hello Météo - Weather app', + type: 'mux_video', + time: '5', + muxId: '6ZdkFhso67CenQGpVtjTf300VsYMD01gvag6G6hV6UD00M', + description: + 'A weather report generator, which gets OpenWeather data and renders a video with the forecast on a daily basis. It also creates a story on social media.', + height: 1920, + width: 1080, + submittedOn: new Date('04-25-2024'), + links: [ + { + type: 'website', + url: 'https://www.instagram.com/hellometeo/', + }, + ], + author: { + url: 'https://www.pergoud.com/', + name: 'Florent Pergoud', + }, + }, + { + title: 'Electricity Maps - Data visualization', + type: 'mux_video', + time: '2.9', + muxId: '63euRVDpjG02pCGuf02LDJXKLzLrGW3j400GE3kVZRYDgI', + description: + 'A visualization of heavy electricity data in Europe. It shows fluctuations in grid emissions on the map, as well as the daily country variations in a chart.', + height: 1080, + width: 1920, + submittedOn: new Date('04-26-2024'), + links: [ + { + type: 'video', + url: 'https://www.youtube.com/watch?v=5m48kkhak-M', + }, + { + type: 'website', + url: 'https://www.electricitymaps.com/electricity-mapped', + }, + ], + author: { + url: 'https://www.electricitymaps.com/', + name: 'Electricity Maps', + }, + }, + { + title: 'Remotion Recorder - Screencast videos', + type: 'mux_video', + time: '0', + muxId: 'HCA9phm4tUVjYm9dFWj1GpYTwIGrse00yg01SwaM2PbJU', + description: + 'Fully featured screen recording software built with Remotion. Record your screen, webcam, and audio. Edit and render the video for multiple platforms quickly in the same tool.', + height: 1080, + width: 1920, + submittedOn: new Date('04-26-2024'), + links: [ + { + type: 'website', + url: 'https://www.remotion.dev/recorder', + }, + ], + author: { + url: 'https://www.remotion.dev', + name: 'Remotion', + }, + }, + { + title: 'Fluidmotion - Animated video backgrounds', + type: 'mux_video', + time: '0', + muxId: 'eLyQruncRGvNahd3n9hB44OuziMYqGgS8R1xyhbz02s4', + description: + 'Create beautiful animated background for apps, videos or presentations.', + height: 1080, + width: 1920, + submittedOn: new Date('05-15-2024'), + links: [ + { + type: 'website', + url: 'https://fluidmotion.app/', + }, + ], + }, + { + title: 'MyKaraoke - Karaoke video maker', + type: 'mux_video', + time: '5', + muxId: 'Fr8PlMVQRTEaoVRC0025r00WY0100JiDgbf1BoNsLYtu88o', + description: + 'MyKaraoke is a tool that effortlessly creates karaoke and lyric videos with AI-powered vocal removal and automatic lyric syncing, all without downloads or installations.', + height: 1080, + width: 1920, + submittedOn: new Date('09-27-2024'), + links: [ + { + type: 'website', + url: 'https://www.mykaraoke.video/', + }, + ], + author: { + url: 'https://www.linkedin.com/in/emiliano-parizzi-18744ba4/', + name: 'Emiliano Parizzi', + }, + }, + { + title: 'Relay.app - Automation tool', + type: 'mux_video', + time: '0', + muxId: '02eNw8AHyNFvm300xvExVndO01oEvUI1kYXK00W02ITkeldM', + description: + 'Remotion was utilized to create dynamic, programmatically generated instructional videos, ensuring explainer content remained consistent with the brand standards.', + height: 1080, + width: 1920, + submittedOn: new Date('10-11-2024'), + links: [ + { + type: 'video', + url: 'https://youtube.com/playlist?list=PLLIj5N3yKeySGj9Cm3dqNtcVCPAd22yLo&si=cuKFXXpEPMFBF6Gm', + }, + { + type: 'website', + url: 'https://www.relay.app/', + }, + ], + }, + { + title: 'Vibrantsnap - Fast screenrecording', + type: 'mux_video', + time: '0', + muxId: 'QGqk00IyzHuEBm6hRPMLkl00hgf9zeFWEAeHqStVQ02wiI', + description: + 'Create product demos, training videos, and youtube tutorials with auto layouts, captions, intelligent zoom, and 4K export.', + height: 1080, + width: 1920, + submittedOn: new Date('11-10-2025'), + links: [ + { + type: 'video', + url: 'https://www.youtube.com/watch?v=_N-vW_eBrUQ', + }, + { + type: 'website', + url: 'https://vibrantsnap.com/', + }, + ], + author: { + url: 'https://x.com/healsha', + name: 'Philippe Tedajo', + }, + }, + { + title: 'AdmoveAI - Ecommerce ads', + type: 'mux_video', + time: '1', + muxId: 'GXqObO58UMM4P7ny9QH4kbVHpZ9A83tJCys94rjgsGM', + description: + 'Admove is an automated advertising platform to create, launch and grow high-performing eCommerce campaigns. Remotion is used to build and render videos on the platfrom.', + height: 1080, + width: 1920, + submittedOn: new Date('29-01-2026'), + links: [ + { + type: 'video', + url: 'https://www.youtube.com/watch?v=5fGW_rQtobY', + }, + { + type: 'website', + url: 'https://admove.ai/', + }, + ], + }, + { + title: 'SuperMotion - Product Videos', + type: 'mux_video', + time: '3', + muxId: 'g1G2V4b7QEqzSJSUywGaq6cDZfvAtEo500Bt9ltkOrTg', + description: + 'Create engaging product promo videos from screen recordings or screenshots. Add device mockups, zooms animations, annotations, and transitions. SuperMotion uses Remotion to render videos in the cloud.', + height: 1124, + width: 2000, + submittedOn: new Date('02-15-2026'), + links: [ + { + type: 'website', + url: 'https://www.supermotion.co', + }, + ], + author: { + url: 'https://x.com/d__raptis', + name: 'Jim Raptis', + }, + }, + /* + { + title: 'Clippulse - Animated social media videos', + type: 'mux_video', + time: '4.5', + muxId: 'vQSX6I8lo5SPIEj02jcw6OVKb01V8WcYwB01GUC02PqMHxI', + description: + 'Clippulse is a dynamic tool to easily produce fully customizable videos for brands, without any prior video editing experience required.', + height: 1080, + width: 1920, + submittedOn: new Date('04-24-2024'), + links: [ + { + type: 'website', + url: 'https://www.clippulse.com/', + }, + ], + author: { + url: 'https://twitter.com/andrei_terteci', + name: 'Andrei Terteci', + }, + }, + { + title: "Exemplary AI - Viral shorts", + type: "mux_video", + time: "0", + muxId: "tiOY02dEjo4LJpDMUf7qQFjqewupJH3C7jbxDbm9blUQ", + description: + "Repurpose your existing video into multiple viral short clips.", + height: 1080, + width: 1920, + submittedOn: new Date("05-06-2024"), + links: [], + author: { + url: "https://exemplary.ai/", + name: "Exemplary AI", + }, + }, + { + title: "Podopi - Convert a blog to podcast", + type: "mux_video", + time: "6", + muxId: "wvTZmoaRnhpGuc93nd39vz4MpSeOkXjnS5XFzOK01Lco", + description: + "This promo video is done by using Remotion. It shows you how easily you can extend your blog to a podcast.", + height: 720, + width: 1280, + submittedOn: new Date("09-10-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=yYbBVCo0BVw", + }, + { + type: "website", + url: "https://www.podopi.com/", + }, + ], + author: { + url: "https://twitter.com/Miickel", + name: "Mickel Andersson", + }, + }, + { + title: "Funeral Collage - Animated memories", + type: "mux_video", + time: "42", + muxId: "3ZOyZm01dqewQjVUNP02MzqWooJlYJ00cVSLX9WjSwuYjs", + description: + "Online memorial photo slideshow maker. Create a fitting tribute video for your loved one.", + height: 1080, + width: 1920, + submittedOn: new Date("11-29-2022"), + links: [ + { + type: "video", + url: "https://firebasestorage.googleapis.com/v0/b/funeral-collage.appspot.com/o/demo%2Fjoanna-bloggs-demo.mp4?alt=media&token=ed4dff7d-396d-4b97-9f95-85c58d669277", + }, + { + type: "website", + url: "https://funeralcollage.com/", + }, + ], + author: { + url: "https://funeralcollage.com/", + name: "Funeral Collage/Slideshow", + }, + }, + { + title: "Music Player", + type: "mux_video", + time: "4", + muxId: "7NZ41UEioG00jZygP02NXji01wr7HE02R8m3puh19V8IlZw", + description: + "A music player visualization for teasing tracks on Instagram.", + width: 720, + height: 720, + submittedOn: new Date("29-05-2021"), + links: [ + { + type: "website", + url: "https://www.instagram.com/tripmusic.online/", + }, + { + type: "video", + url: "https://twitter.com/kanzitelli/status/1398296728059666432", + }, + ], + author: { + name: "Batyr", + url: "https://twitter.com/kanzitelli", + }, + }, + { + title: "The math behind animations", + type: "mux_video", + time: "5", + muxId: "IDMyruXHia3rmOllIi13uy01hHgN4UxkAZT4BcgwiN00E", + description: + "William Candillon explains the fundamentals of how trigonometry is used for user interfaces. Full video available on YouTube.", + height: 360, + width: 640, + submittedOn: new Date("08-03-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=-lF7sSTelOg&t=8s&pp=sAQA", + }, + { + type: "website", + url: "https://start-react-native.dev/", + }, + ], + author: { + url: "https://twitter.com/wcandillon", + name: "William Candillon", + }, + }, + { + title: "Video Animation - Liquid Swipe", + type: "mux_video", + time: "21", + muxId: "01h4QMewhXr0249p1k8buxKgcN86hmS3VgRDPenY6Yyr4", + description: + "This intro warms you up for an awesome React Native tutorial on how to recreate a Liquid Swipe animation.", + height: 360, + width: 640, + submittedOn: new Date("08-03-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=6jxy5wfNpk0", + }, + { + type: "website", + url: "https://start-react-native.dev/", + }, + ], + author: { + url: "https://twitter.com/wcandillon", + name: "William Candillon", + }, + }, + { + title: "Remotion Web Summit Talk", + type: "mux_video", + time: "4", + muxId: "fWKVFtHn4bIEcPlqhsHcf69t0100SkUE6WXB600NcENQww", + description: + "A talk about Remotion given at React Summit 2021, fully written in React", + height: 720, + width: 1280, + submittedOn: new Date("08-05-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/JonnyBurger/react-summit-talk", + }, + { + type: "video", + url: "https://www.youtube.com/watch?v=316oZDqOyEg", + }, + ], + author: { + url: "https://twitter.com/jnybgr", + name: "Jonny Burger", + }, + }, + { + title: "Piano Teacher", + type: "mux_video", + time: "10", + muxId: "uuhPSi5C01DIIxBm3HcxJGs9d8hYmDnNjkmgwTMWJQPg", + description: + "A MIDI-to-Remotion converter visualizing how to play a song on the piano.", + width: 1280, + height: 720, + submittedOn: new Date("29-05-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/FlorentPergoud/status/1388430389715292161", + }, + ], + author: { + name: "Florent Pergoud", + url: "https://twitter.com/FlorentPergoud", + }, + }, + { + title: "Redesigning the Scatterplot", + type: "mux_video", + time: "10", + muxId: "mnQCnHc56wrafN4DIPkIdYpFh7Yk202rbMOzxrZaUylE", + description: + "In this video you get a visual display of some quantitative information.", + height: 720, + width: 1280, + submittedOn: new Date("07-07-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/BrooksLybrand/status/1371547875109445635", + }, + ], + author: { + url: "https://twitter.com/BrooksLybrand", + name: "Brooks Lybrand", + }, + }, + { + title: "Personalized Welcome Videos", + type: "mux_video", + time: "10", + muxId: "BPP7jS72gdEtARObTEGOc5GHnDv6ODfp48hIFMU9U6E", + description: + "A SlackHQ integrated tool to generate personalized welcome videos for new employees.", + width: 1920, + height: 1080, + submittedOn: new Date("27-06-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/BhimteBhaisaab/status/1401195261943115777", + }, + ], + author: { + name: "Utkarsh Bhimte", + url: "https://twitter.com/BhimteBhaisaab", + }, + }, + { + title: "JavaScript Code Execution demo", + type: "mux_video", + time: "10", + muxId: "psJ32DSTQqeLaZYhBC5sa3HH7gkzwt7HinQsHela01OA", + description: + "In this video I had explained how Javascript code gets executed. I had made this video completely using Remotion and ReactJS.", + height: 720, + width: 1280, + submittedOn: new Date("12-25-2022"), + links: [ + { + type: "source_code", + url: "https://github.com/AmitNemade/remotion-javascript-demo", + }, + ], + author: { + url: "https://www.linkedin.com/in/amitnemade/?lipi=urn%3Ali%3Apage%3Ad_flagship3_pulse_read%3BLMVZoM6pQPu27qXFUtwi4Q%3D%3D", + name: "Amit Nemade", + }, + }, + { + title: "1000 Stars for Code Hike", + type: "mux_video", + time: "10.05", + muxId: "x7Dzaunb9JbdwyaR00CwBnIC2MkUPzJwmSiUrtNiYYP4", + description: + "A celebration video by Code Hike for reaching 1000 stars on GitHub.", + height: 540, + width: 960, + submittedOn: new Date("08-04-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/codehike_/status/1410976982867775489", + }, + { + type: "website", + url: "https://codehike.org/", + }, + { + type: "source_code", + url: "https://github.com/pomber/stargazer", + }, + ], + author: { + url: "https://codehike.org/", + name: "Code Hike", + }, + }, + { + title: "Animated Social Media Preview Card", + type: "mux_video", + time: "10", + muxId: "zSKsGBzfoPowlFVBm47N01aoMK2Er8qkM3CzZgnUDido", + description: + "Here you see a promo video of Sam Larsen-Disney's newsletter.", + height: 628, + width: 1200, + submittedOn: new Date("07-07-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/SamLarsenDisney/status/1362029962241466372", + }, + { + type: "website", + url: "https://sld.codes/newsletter", + }, + { + type: "tutorial", + url: "https://sld.codes/articles/Remotion-&-Open-Graph-Video", + }, + ], + author: { + url: "https://sld.codes/", + name: "Sam Larsen-Disney", + }, + }, + { + title: "GIF Logo for ProductHunt", + type: "mux_video", + time: "3", + muxId: "vOGnXmkV01R2WW6SuZRIykksh3uzEfRV900ieznAmc7Is", + description: + "An animated Logo used for the ProductHunt launch of snappify.", + height: 960, + width: 960, + submittedOn: new Date("05-04-2022"), + links: [ + { + type: "source_code", + url: "https://github.com/snappify-io/producthunt-gif", + }, + { + type: "website", + url: "https://snappify.io/", + }, + { + type: "tutorial", + url: "https://snappify.io/blog/create-producthunt-gif-with-remotion", + }, + ], + author: { + url: "https://twitter.com/dominiksumer", + name: "Dominik Sumer", + }, + }, + { + title: "Product Hunt Today", + type: "mux_video", + time: "18.5", + muxId: "9vegqVB2n02YrTL3c38HoOyd7Smytz01Hl3qaXI5KCOZM", + description: + "Fully automated Twitter bot that tweets trending Product Hunt products every day.", + height: 720, + width: 720, + submittedOn: new Date("03-27-2022"), + links: [ + { + type: "source_code", + url: "https://github.com/Kamigami55/product-hunt-today", + }, + { + type: "video", + url: "https://twitter.com/ProductHunToday/status/1507997707008417792", + }, + { + type: "website", + url: "https://twitter.com/ProductHunToday", + }, + ], + author: { + url: "https://easonchang.com/", + name: "Eason Chang", + }, + }, + { + title: "Crowdfunding Campaign", + type: "mux_video", + time: "10", + muxId: "L7DYDk9o701zxfWUhcFb1Z1mGGzYoIuxddwNVI3tcemQ", + description: + "An animation celebrating a successful fundraising campaign. It fetches the amount raised programmatically and generates an animation suitable for posting on Instagram.", + width: 1080, + height: 1920, + submittedOn: new Date("25-03-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/florentpergoud/vfb-crowdfunding-campain", + }, + { + type: "video", + url: "https://twitter.com/FlorentPergoud/status/1371874105281159178?s=20", + }, + ], + author: { + name: "Florent Pergoud", + url: "https://twitter.com/FlorentPergoud", + }, + }, + { + title: "Spotify Wrapped", + type: "mux_video", + time: "10", + muxId: "V5Dpfui9NmUSons5P5VQRbyX5m5011LsRA01f0129CLbHo", + description: + "A recreation of Spotify Wrapped where you can override all text and images programmatically.", + height: 1280, + width: 720, + submittedOn: new Date("25-03-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/jonnyburger/remotion-wrapped", + }, + { + type: "video", + url: "https://www.youtube.com/watch?v=I-y_5H9-3gk", + }, + ], + author: { + name: "Jonny Burger", + url: "https://twitter.com/JNYBGR", + }, + }, + { + title: "Olympics Ranking", + type: "mux_video", + time: "10", + muxId: "uggP01wfSNgmwm9KjanfeKvbQdbeVdDK0001qdBfDszCB4", + description: + "A medal ranking which shows which country has won the most medals at the Tokyo Olympics so far.", + height: 1280, + width: 720, + submittedOn: new Date("08-12-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/FlorentPergoud/status/1423360349877809154", + }, + ], + author: { + url: "https://twitter.com/FlorentPergoud", + name: "Florent Pergoud", + }, + }, + { + title: "Apple Spring Loaded Logo", + type: "mux_video", + time: "10", + muxId: "wvFXhgp3WA8bvp025y74gkoX56TKTyX7Xx9Qvos1TStc", + description: + "A recreation of Apple's Spring Loaded Logo for their Spring 2021 Keynote. Uses Remotions interpolateColors() API.", + height: 700, + width: 700, + submittedOn: new Date("08-03-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/jonnyburger/spring-loaded", + }, + { + type: "video", + url: "https://twitter.com/JNYBGR/status/1384606085173108737", + }, + ], + author: { + url: "https://jonny.io", + name: "Jonny Burger", + }, + }, + { + title: "Coronavirus Cases Visualization", + type: "mux_video", + time: "10", + muxId: "Anx7p2jNQLUsSWBOjnEzdo9xvfC9spsVyL01sk7esrtY", + description: "Timelapse of the spread of the coronavirus in the world.", + height: 1080, + width: 1920, + submittedOn: new Date("08-04-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=Mrl229Zf23g", + }, + ], + author: { + url: "https://www.youtube.com/channel/UCEyTSyN3FmW39THCl0kfDUA", + name: "Envision", + }, + }, + { + title: "Instagram Profile as a Story", + type: "mux_video", + time: "10", + muxId: "6hyS0000BS02M4MPbZJxBuUG9SnJJCxCglHrTuWRdbpvOY", + description: + "A profile video generator which allows you to share your Instagram profile as a story.", + height: 1280, + width: 720, + submittedOn: new Date("08-04-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/FlorentPergoud/status/1375134968733704217", + }, + ], + author: { + url: "https://twitter.com/FlorentPergoud", + name: "Florent Pergoud", + }, + }, + { + title: "AnySticker In App Assets", + type: "mux_video", + time: "10", + muxId: "HL4G1x01aX8lizSXFGuQG8do6LLKcI1mup6WjIz6OEFE", + description: + "This video will welcome users in the newest version of AnySticker.", + height: 1920, + width: 1080, + submittedOn: new Date("25-03-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/JonnyBurger/anysticker-tutorials", + }, + ], + author: { + name: "Jonny Burger", + url: "https://twitter.com/JNYBGR", + }, + }, + { + title: "All Champions League Winners in History", + type: "mux_video", + time: "10", + muxId: "R9SZTw2ZoWuV44i5QVx5yVu01VaGm89JlZ876TdVXAyQ", + description: + "This video shows all the UEFA Champions Cup (1956-1992) and Champions League (since 1993) Winners year by year and concludes with the ranking of the countries with the most trophies.", + height: 1080, + width: 1920, + submittedOn: new Date("07-03-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=6Xn47wG_c5Q", + }, + { + type: "website", + url: "https://www.youtube.com/channel/UCRBZkDc7udWuxrvedrFUbCQ/featured", + }, + ], + author: { + url: "https://twitter.com/mikepombal", + name: "mikepombal", + }, + }, + { + title: "Love, Death & React", + type: "mux_video", + time: "10", + muxId: "pEo7cREHlak5FxdpNOKB8BYlUCa19Klkfn1XtXxjfxc", + description: "A recreation of Netflix's 'Love, Death & React' intro.", + width: 1280, + height: 720, + submittedOn: new Date("29-05-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/wcandillon/love-death-react", + }, + { + type: "video", + url: "https://www.youtube.com/watch?v=YtcINOj2w5g", + }, + { + type: "tutorial", + url: "https://www.youtube.com/watch?v=YtcINOj2w5g", + }, + ], + author: { + name: "Willian Candillon", + url: "https://twitter.com/wcandillon", + }, + }, + { + title: "Remotion 2.0 trailer", + type: "mux_video", + time: "10", + muxId: "g00CHkGQm1J0101dma3TBPvwufeAKZ8yOZk9p0048soVjW00", + description: "Trailer for Remotion 2.0 launch", + height: 1080, + width: 1920, + submittedOn: new Date("08-04-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/JonnyBurger/remotion-2-0-trailer", + }, + { + type: "video", + url: "https://youtube.com/watch?v=0r6ho5sNPm4", + }, + { + type: "website", + url: "https://www.remotion.dev/", + }, + ], + author: { + url: "https://twitter.com/JNYBGR", + name: "Jonny Burger", + }, + }, + { + title: "Weather Report", + type: "mux_video", + time: "10", + muxId: "dE02NVflg500LNpSECSUmcwLFpKU100Z9TY362Lifdo0228", + description: + "A fully automated weather forecast that appears in your TikTok or Instagram feed.", + height: 1280, + width: 720, + submittedOn: new Date("08-05-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/florentpergoud/remotion-weather", + }, + { + type: "video", + url: "https://twitter.com/JNYBGR/status/1398234353721917440", + }, + { + type: "website", + url: "https://www.instagram.com/hellometeo/", + }, + ], + author: { + url: "https://twitter.com/FlorentPergoud", + name: "Florent Pergoud", + }, + }, + { + title: "AnySticker Trailer", + type: "mux_video", + time: "5", + muxId: "GhK5YXKrtWTa2kEf7HajaE6DG2FtTNsZfW7mfIzQBJ00", + description: + "A hyped up announcement trailer for the new AnySticker app, made using React Three Fiber.", + height: 1080, + width: 1080, + submittedOn: new Date("11-15-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/JonnyBurger/anysticker-tutorials/blob/main/src/Announcement/index.tsx", + }, + { + type: "video", + url: "https://twitter.com/JNYBGR/status/1458375456965763075", + }, + { + type: "website", + url: "https://anysticker.com", + }, + ], + author: { + url: "https://twitter.com/JNYBGR", + name: "JNYBGR", + }, + }, { - title: 'MUX - Visualize video stats', - url: 'https://mux.com', + title: "Feature overview", + type: "mux_video", + time: "10", + muxId: "d2SvbrhHvyJZb2EmSv441M601UBy1dfEYfToKGqDpV01Y", + description: "A showcase of features in the new Bottom Sheet library.", + height: 640, + width: 1280, + submittedOn: new Date("10-04-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/Gorhom/status/1432363415272558593", + }, + { + type: "website", + url: "https://gorhom.github.io/react-native-bottom-sheet/blog/bottom-sheet-v4/", + }, + ], + author: { + url: "https://gorhom.dev/", + name: "Mo Gorhom", + }, }, - // other video objects + { + title: "Remotion Trailer", + type: "mux_video", + time: "3", + muxId: "nJ2JnX2a02JiDvirVoNrz02lJ01q8DuvIZoKKq8q1uPdKA", + description: "The original trailer which announced Remotion.", + width: 1920, + height: 1080, + submittedOn: new Date("25-03-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/JonnyBurger/remotion-trailer", + }, + { + type: "video", + url: "https://www.youtube.com/watch?v=gwlDorikqgY", + }, + ], + author: { + name: "Jonny Burger", + url: "https://twitter.com/JNYBGR", + }, + }, + { + title: "Data Science Course Ad", + type: "mux_video", + time: "10", + muxId: "MqUUJjKZk01x9KGUJtSD1SLoUHmrab3eaVx9sDPCw9L00", + description: + "This is a promo video of a data science course offered by Quantargo.", + height: 720, + width: 1280, + submittedOn: new Date("07-07-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/quantargo/status/1365233907793338369", + }, + { + type: "website", + url: "https://www.quantargo.com/blog/2021-02-26-new-course-advanced-data-transformation/", + }, + ], + author: { + url: "https://www.quantargo.com/", + name: "Quantargo", + }, + }, + { + title: "Product Announcement Video", + type: "mux_video", + time: "10", + muxId: "lSa6eYA01jP5ooFSgTE02P6nfRbjIbF1kcr5LdwS01Zp8o", + description: + "Animation showing new features on the newly built website of Verdaccio, a lightweight private Node.js proxy regisry.", + height: 720, + width: 1280, + submittedOn: new Date("08-04-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/verdaccio_npm/status/1420187249145118722", + }, + { + type: "website", + url: "https://verdaccio.org/", + }, + ], + author: { + url: "https://twitter.com/_semoal", + name: "Sergio Moreno", + }, + }, + { + title: "Conference talk", + type: "mux_video", + time: "10", + muxId: "01DRoSacYBQvVpDzoAXl01Wt2r8JWtgTq4t5lFwPjVcDE", + description: + "A conference talk production composed in Remotion, including code animations, facecam, subtitles and a browser as an iFrame.", + height: 270, + width: 480, + submittedOn: new Date("08-03-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/pomber/record-talk-with-remotion/", + }, + { + type: "video", + url: "https://twitter.com/pomber/status/1359556846688886789", + }, + { + type: "tutorial", + url: "https://twitter.com/pomber/status/1358837764033241092", + }, + ], + author: { + url: "https://pomb.us/", + name: "Rodrigo Pombo", + }, + }, + { + title: "Cloudfront Explainer", + type: "mux_video", + time: "10", + muxId: "BrKshHsFgC8DNhQPJGeu4fVjjWlzxHFLvMTcPB6EB6E", + description: "The intro for an online course about Cloudfront.", + height: 1080, + width: 1920, + submittedOn: new Date("08-03-2021"), + links: [ + { + type: "video", + url: "https://www.udemy.com/course/the-cloud-architects-guide-to-cloudfront/", + }, + { + type: "website", + url: "https://www.udemy.com/course/the-cloud-architects-guide-to-cloudfront/", + }, + ], + author: { + name: "Tamàs Sallai", + url: "https://advancedweb.hu/", + }, + }, + { + title: "Tokenviz - Crypto charts", + type: "mux_video", + time: "10", + muxId: "fAhMmqHE5fQg9V7H2CwNj4buFC6JhLDfgaMI9OBpYhw", + description: + "Fully automated Twitter bot summarizing movements in the crypto market.", + width: 720, + height: 720, + submittedOn: new Date("29-05-2021"), + links: [ + { + type: "website", + url: "https://twitter.com/tokenviz", + }, + { + type: "video", + url: "https://twitter.com/tokenviz/status/1391798812180508674", + }, + ], + author: { + name: "Tokenviz", + url: "https://twitter.com/tokenviz", + }, + }, + { + title: "Transfer Fee Record Specific to British Football", + type: "mux_video", + time: "10", + muxId: "sBbBlET802IE1C3bHCkNhDB00rpWPXRpIrkUP9YTqruXM", + description: + "An infographic showing the progression of the transfer fee record in British Football", + height: 1152, + width: 2048, + submittedOn: new Date("08-03-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=hMsi04DkoMI&feature=youtu.be", + }, + { + type: "website", + url: "https://twitter.com/mikepombal/status/1422219571206008835", + }, + ], + author: { + url: "https://twitter.com/mikepombal", + name: "Mickael Marques", + }, + }, + { + title: "Name The Movie - Quiz", + type: "mux_video", + time: "10", + muxId: "FFft61dbntN4DEnt00HiXCmfiJhNLnOaI02dT2D802oPIY", + description: + "A quiz game that gives you quotes from classic films to guess their title.", + height: 720, + width: 1280, + submittedOn: new Date("08-05-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=kSqbAdwk5Bc", + }, + { + type: "website", + url: "https://www.youtube.com/channel/UCfwUNx_fEW98olmpByg-V7w", + }, + ], + author: { + url: "https://www.youtube.com/channel/UCfwUNx_fEW98olmpByg-V7w", + name: "Collou", + }, + }, + { + title: "CSS+SVG effects", + type: "mux_video", + time: "10", + muxId: "ujzfb6501KAiNDwKDzLIzCvcWxECz01rfSXh500I3mmifo", + description: "A generative CSS + SVG animation.", + width: 500, + height: 500, + submittedOn: new Date("27-06-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/calebwright/status/1406412814512803841", + }, + { + type: "source_code", + url: "https://github.com/c0/remotion-playground/blob/main/src/GooBallCSS.jsx", + }, + ], + author: { + name: "calebwright", + url: "https://twitter.com/calebwright", + }, + }, + { + title: "Code Highlighter", + type: "mux_video", + time: "10", + muxId: "1W02pMAx5ZdtRE2PajqW7Ni01qbxADjpe37o4Non9Sonc", + description: + "This video animates code and highlights interesting parts of it.", + height: 720, + width: 1280, + submittedOn: new Date("07-07-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/matfrana/status/1372336451246034948", + }, + { + type: "website", + url: "https://reactbricks.com/", + }, + ], + author: { + url: "https://twitter.com/matfrana", + name: "Matteo Frana", + }, + }, + { + title: "Flashy Title Card", + type: "mux_video", + time: "10", + muxId: "J8H3dOuyC01ZurH9NnSvd17oS00FUPKns8HnTO02KyCF02k", + description: "A nice title design in William Candillons video.", + height: 720, + width: 1280, + submittedOn: new Date("08-05-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/wcandillon/status/1415263264737476608", + }, + { + type: "website", + url: "https://www.youtube.com/wcandillon", + }, + ], + author: { + url: "https://twitter.com/wcandillon", + name: "William Candillon", + }, + }, + { + title: "Code Stack - A Fully Automated News Podcast", + type: "mux_video", + time: "10", + muxId: "w02JWs4nf5GXSQjhHzIF00Ws6e1L1pz5PaZ02AgnE02K6dI", + description: + "Get a daily briefing with CodeStack's fully automated news podcast that reads news using text-to-speech.", + height: 720, + width: 1280, + submittedOn: new Date("08-05-2021"), + links: [ + { + type: "source_code", + url: "https://github.com/FelippeChemello/podcast-maker", + }, + { + type: "video", + url: "https://www.youtube.com/watch?v=3VSh3uCVtOE", + }, + { + type: "website", + url: "https://anchor.fm/codestack", + }, + ], + author: { + url: "https://twitter.com/CodeStackMe", + name: "Felippe Chemello", + }, + }, + { + title: "EcoEats", + type: "mux_video", + time: "10", + muxId: "XJpfsCytTHSoAyVwfObPVXbNN64Thj2Z8pLvoqO1Ocs", + description: + "A promo video for a zero emission takeaway and grocery delivery service.", + height: 1080, + width: 1080, + submittedOn: new Date("08-28-2021"), + links: [ + { + type: "video", + url: "https://cdn.ecoeats.uk/videos/merchant-features/06c07944-6d13-4188-8356-d42d744ba54e/raw-pressed-market-street.mp4", + }, + ], + author: { + url: "https://ecoeats.uk/", + name: "EcoEats", + }, + }, + { + title: "Master Duel Week", + type: "mux_video", + time: "10", + muxId: "nFm3f8VfvL6ag20093gMUtWfbAJe5F6s4z5LapxrpLcM", + description: + "Automated Twitter bot that tweets a trading card game's meta deck weekly", + height: 720, + width: 720, + submittedOn: new Date("05-08-2022"), + links: [ + { + type: "source_code", + url: "https://github.com/KalleChen/master-duel-week", + }, + { + type: "video", + url: "https://twitter.com/masterduelweek/status/1522850783020339200", + }, + { + type: "website", + url: "https://twitter.com/masterduelweek", + }, + ], + author: { + url: "https://kallechen.github.io/", + name: "Kalle Chen", + }, + }, + { + title: "Meet New Books - One of many book recommendation videos", + type: "mux_video", + time: "10", + muxId: "601PVDW5t02VqRWd4XXDUUBM41t66JVBEO5f00VrGCUXE00", + description: + "An automated book recommendation video showcasing popular books.", + height: 1920, + width: 1080, + submittedOn: new Date("10-12-2023"), + links: [ + { + type: "video", + url: "https://www.instagram.com/p/Cx8u6pTNqCi/", + }, + ], + author: { + url: "https://www.meetnewbooks.com/", + name: "MeetNewBooks.com", + }, + }, + { + title: "Audio Player", + type: "mux_video", + time: "10", + muxId: "eKnHTDXWCBsQgm00vOl59ZVF300otry3STKzFe025O7M5E", + description: "A Reusable audio player template created using Remotion.", + height: 1920, + width: 1080, + submittedOn: new Date("03-29-2022"), + links: [ + { + type: "source_code", + url: "https://github.com/varunpbardwaj/remotion-audio-player-template/", + }, + { + type: "video", + url: "https://portfolio-varunpbardwaj.vercel.app/remotion/neenaadena/", + }, + ], + author: { + url: "https://portfolio-varunpbardwaj.vercel.app", + name: "Varun Bardwaj", + }, + }, + { + title: "The Eudaimonia Machine: The Ultimate Productivity Hack?", + type: "mux_video", + time: "10", + muxId: "LEKN01a35v01OK2vyVxE00LJhm13JtRzJSnTrJjVYQeQtw", + description: + "This explainer video on the Eudaimonia Machine (featured in Cal Newport's 'Deep Work') was made completely with Remotion.", + height: 1080, + width: 1920, + submittedOn: new Date("01-29-2023"), + links: [ + { + type: "source_code", + url: "https://github.com/brenjamin/eudaimonia-machine-video", + }, + { + type: "video", + url: "https://www.youtube.com/watch?v=IyRB3SbGnaY&list=PLliaWoyhTnjF6oQFYjviMGY4zAJHZHS2M", + }, + ], + author: { + url: "https://www.linkedin.com/in/benjamin-brophy/", + name: "Ben Brophy", + }, + }, + { + title: "Snappy Format File Animation", + type: "mux_video", + time: "10", + muxId: "WopGJTJ4UfzD5zu9yXl4aEZ3ASufllximGBL9AjsjDQ", + description: + "In this visual you get to see an animation of various file formats.", + height: 500, + width: 500, + submittedOn: new Date("07-07-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/zackdotcomputer/status/1360682974224744452", + }, + { + type: "website", + url: "https://www.phototamer.app/", + }, + ], + author: { + url: "https://zack.computer/", + name: "Zack Sheppard", + }, + }, + { + title: "Outro Cards", + type: "mux_video", + time: "5.5", + muxId: "Rzmd76Rry7hQAAvTREyaLLT4wSAuc9zouk3ZxOmybq4", + description: + "Animated playing cards. Used as a background for an outro thanking subscribers for their support.", + height: 1080, + width: 1920, + submittedOn: new Date("11-24-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=xPbRsca_l7c", + }, + { + type: "website", + url: "https://start-react-native.dev/", + }, + ], + author: { + url: "https://twitter.com/wcandillon", + name: "William Candillon", + }, + }, + { + title: "The Song of the Fae - Animated Banner", + type: "mux_video", + time: "10", + muxId: "cEmxepEENf6004NhdttN7igT3O8o82ODq02dn01PMgS101I", + description: + "An animated banner as an intro sequences for a game called The Song of the Fae.", + height: 720, + width: 720, + submittedOn: new Date("08-12-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/vivavolt/status/1408670642451345410", + }, + ], + author: { + url: "https://bf.wtf/", + name: "Ben Follington", + }, + }, + { + title: "The Quiz Universe - Film Quiz", + type: "mux_video", + time: "10", + muxId: "8ho7TdmkzCVz5cbwU9dg2bZ00sDIAFgDNt8XF01IoDGo00", + description: + "This film quiz presents the scenes of movies and highlights the cast and crew.", + height: 720, + width: 1280, + submittedOn: new Date("08-12-2023"), + links: [ + { + type: "video", + url: "https://youtu.be/VIsThQDOEkU", + }, + { + type: "website", + url: "www.TheQuizUniverse.com", + }, + ], + author: { + url: "https://www.instagram.com/saint.reaux/", + name: "Redando Ford", + }, + }, + { + title: "BarGPT TikToks", + type: "mux_video", + time: "10", + muxId: "5uqV22rmxwQSr02ESt9ovQSE02HhAzUdBHUm02W6Mqu3NY", + description: + "BarGPT, the AI cocktail generator, uses remotion to generate TikTok videos from its AI generated cocktail recipes.", + height: 1920, + width: 1080, + submittedOn: new Date("09-29-2023"), + links: [ + { + type: "website", + url: "https://www.bargpt.app", + }, + ], + author: { + url: "https://twitter.com/BarGPT", + name: "BarGPT.app", + }, + }, + { + title: "Blast Workout video trailer", + type: "mux_video", + time: "30", + muxId: "txrjnbtkqe1P701kHusZ4EeIY883aHVvVGF8xsAKKX24", + description: + "Blast Workout video trailer as it is displayed on the play store", + height: 1080, + width: 1920, + submittedOn: new Date("09-30-2022"), + links: [ + { + type: "website", + url: "https://blastworkout.app", + }, + ], + author: { + url: "https://blastworkout.app", + name: "Mad Mustache Company", + }, + }, + { + title: "Twitter year in review", + type: "mux_video", + time: "10", + muxId: "iRnXEBXAvxCQAtu01TVEJsizIfXaPpxlyqeJfm54K1Vs", + description: + "This videos shows the user various metrics of their Twitter account.", + height: 720, + width: 720, + submittedOn: new Date("07-07-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/vjo/status/1367901005027942403", + }, + { + type: "website", + url: "https://twitter.com", + }, + ], + author: { + url: "https://twitter.com/TwitterEng", + name: "Twitter Engineering", + }, + }, + { + title: "Flow Fields", + type: "mux_video", + time: "10", + muxId: "st5ifZHHqs8k9m19FNqYyRdh01CM8pX302ikEzAvnikTA", + description: "A generative SVG animation using noise.", + width: 720, + height: 720, + submittedOn: new Date("29-05-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/noWukkas_/status/1386174689660203011", + }, + { + type: "source_code", + url: "https://codesandbox.io/s/flow-fields-evqg3", + }, + ], + author: { + name: "No Wukkas", + url: "https://twitter.com/noWukkas_", + }, + }, + { + title: "Top 15 smallest animals in this planet", + type: "mux_video", + time: "10", + muxId: "bQ5bHzbVsYngW5GF4iQxH601HyPnxHZCcXZas1zzQRAU", + description: "A simple Top List Video", + height: 1080, + width: 1920, + submittedOn: new Date("08-12-2022"), + links: [ + { + type: "video", + url: "https://youtu.be/jDAwyWWWfkM", + }, + { + type: "website", + url: "https://adavii.com/", + }, + ], + author: { + url: "https://twitter.com/yuwan_kumar", + name: "Yuwan Kumar", + }, + }, + { + title: "Vlog editor", + type: "mux_video", + time: "10", + muxId: "pSEhcZX5HBJy9SFK4j7vGs00NhPFCedqwL9X01ykNsIlo", + description: + "This daily vlog is automatically cut together using Remotion. Clips are recorded and uploaded to an FTP server, YouTube clips downloaded automatically.", + width: 1280, + height: 720, + submittedOn: new Date("29-05-2021"), + links: [ + { + type: "video", + url: "https://www.youtube.com/watch?v=CcrCz8iRpHY", + }, + { + type: "website", + url: "https://www.youtube.com/channel/UCRylGayptCYAnrZfWTwuV7A", + }, + ], + author: { + name: "Pierre Miniggio", + url: "https://www.youtube.com/c/PierreMiniggio", + }, + }, + { + title: "Old french TV trailer (tribute)", + type: "mux_video", + time: "10", + muxId: "7tmF019NZLRuazoq5I7WFdacYz8bjJb4BTDEQ5cEkFe4", + description: + 'Video tribute to an old TV jingle called "La trilogie du samedi" broadcasted in the early 2000s in France on the channel M6.', + height: 1080, + width: 1920, + submittedOn: new Date("04-01-2022"), + links: [], + author: { + url: "https://twitter.com/Slashgear_", + name: "Antoine Caron & Mickaël Alves", + }, + }, + { + title: "TVFoodMaps Tik Tok", + type: "mux_video", + time: "10", + muxId: "5ON0000Gg9ov1z01in02jC02k2xjltp01xg3h9CVfymANi01iE", + description: "Video generated from TVFoodMaps lists", + height: 1920, + width: 1080, + submittedOn: new Date("02-11-2023"), + links: [ + { + type: "website", + url: "https://www.tvfoodmaps.com", + }, + ], + author: { + url: "https://twitter.com/tvfoodmaps", + name: "TVFoodMaps", + }, + }, + { + title: "Cricket Match Feature", + type: "mux_video", + time: "10", + muxId: "zDEoYi6tII8cA017JrZpqyx1hf2ErMaPUklUSSkdkhKk", + description: + "An animation showing the two teams competing in todays cricket match.", + height: 1280, + width: 720, + submittedOn: new Date("08-05-2021"), + links: [ + { + type: "video", + url: "https://discord.com/channels/809501355504959528/817306292590215181/820365999697952790", + }, + ], + author: { + url: "https://discord.com/channels/809501355504959528/817306292590215181/820365999697952790", + name: "Suthar", + }, + }, + { + title: "Lotus App", + type: "mux_video", + time: "10", + muxId: "LAtfpU01MnxJc200ccLrLVPanKx7wSv1NNT42027Ptq4VI", + description: + "An animated Lotus icon in the Dock on Mac. With Lotus you can manage your GitHub notifications without stress.", + height: 230, + width: 378, + submittedOn: new Date("08-12-2021"), + links: [ + { + type: "video", + url: "https://twitter.com/vadimdemedes/status/1425178353737293829", + }, + { + type: "website", + url: "https://getlotus.app/", + }, + ], + author: { + url: "Vadim Demedes", + name: "https://vadimdemedes.com/", + }, + }, + + */ ]; -export default showcaseVideos; \ No newline at end of file +const dateString = (date: Date) => + date.getDate() + '-' + date.getMonth() + '-' + date.getFullYear(); + +const todayHash = dateString(new Date()); + +export const shuffledShowcaseVideos = + typeof window === 'undefined' + ? [] + : showcaseVideos.slice(0).sort((a, b) => { + return random(a.muxId + todayHash) - random(b.muxId + todayHash); + }); From 65777027e46adbe290b0e47c22786f4814602672 Mon Sep 17 00:00:00 2001 From: JonnyBurger Date: Mon, 16 Feb 2026 20:48:24 +0100 Subject: [PATCH 8/8] Update showcase-videos.tsx --- packages/docs/src/data/showcase-videos.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/src/data/showcase-videos.tsx b/packages/docs/src/data/showcase-videos.tsx index f1c2cdb9ace..c7fe97234fe 100644 --- a/packages/docs/src/data/showcase-videos.tsx +++ b/packages/docs/src/data/showcase-videos.tsx @@ -48,7 +48,7 @@ export const showcaseVideos: ShowcaseVideo[] = [ }, }, { - title: 'MUX - Vizualise video stats', + title: 'MUX - Visualize video stats', type: 'mux_video', time: '3', muxId: 'DDgXb2KfPk7xdvxEoyPkrl7GcybohNon',