From 9ca67307e4bb42e4d7385ea48e49aec65f486609 Mon Sep 17 00:00:00 2001 From: Jonny Burger Date: Tue, 19 Nov 2024 14:10:29 +0100 Subject: [PATCH 1/2] new docs section: Embedding videos in Remotion --- .../snippets/accelerated-video.mdx | 8 +- .../miscellaneous/snippets/align-duration.mdx | 38 ++--- .../docs/docs/miscellaneous/snippets/hls.mdx | 29 ++-- .../docs/miscellaneous/snippets/jumpcuts.mdx | 4 + packages/docs/docs/video-manipulation.mdx | 67 ++++---- .../docs/docs/video-vs-offthreadvideo.mdx | 9 +- packages/docs/docs/videos/index.mdx | 156 ++++++++++++++++++ packages/docs/docs/videos/transparency.mdx | 49 ++++++ packages/docs/sidebars.js | 20 ++- packages/docs/src/data/articles.ts | 16 +- .../generated/articles-docs-videos-index.png | Bin 0 -> 47355 bytes .../articles-docs-videos-transparency.png | Bin 0 -> 47539 bytes 12 files changed, 321 insertions(+), 75 deletions(-) create mode 100644 packages/docs/docs/videos/index.mdx create mode 100644 packages/docs/docs/videos/transparency.mdx create mode 100644 packages/docs/static/generated/articles-docs-videos-index.png create mode 100644 packages/docs/static/generated/articles-docs-videos-transparency.png diff --git a/packages/docs/docs/miscellaneous/snippets/accelerated-video.mdx b/packages/docs/docs/miscellaneous/snippets/accelerated-video.mdx index f1500de56c0..fe95f59c5e3 100644 --- a/packages/docs/docs/miscellaneous/snippets/accelerated-video.mdx +++ b/packages/docs/docs/miscellaneous/snippets/accelerated-video.mdx @@ -1,6 +1,7 @@ --- image: /generated/articles-docs-miscellaneous-snippets-accelerated-video.png title: 'Change the speed of a video over time' +sidebar_label: Changing speed over time crumb: 'Snippets' --- @@ -11,10 +12,13 @@ To speed up a video over time - for example to start with regular speed and then It is not as easy as interpolating the [`playbackRate`](/docs/video#playbackrate): ```tsx twoslash title="❌ Does not work" -import {interpolate, Video} from 'remotion'; +import {interpolate, OffthreadVideo} from 'remotion'; let frame = 0; // ---cut--- -