Many new features have been introduced to Remotion from November 2023 to January 2024!
Chapters:
0:00 Introduction
0:22 Deployable Studio
1:50 makeTransform()
2:38 interpolateStyles()
3:46 fitText()
4:18 Better GIFs
5:44 New transitions
6:09 Better Props editor
6:54 Better timeline
7:41 HDR videos
8:12 Reproduction
9:01 Jump to frame
9:36 Open GitHub
9:48 Beep on finish
10:05 Measure elements
11:04 Remotion.⁠pro Update
Here is a wrap-up of each feature:
➡️ Deployable Studio - Deploy the Remotion Studio as a static website
www.remotion.dev/docs/studio/...
➡️ makeTranform() - new helper functions for CSS transformations
www.remotion.dev/docs/animati...
➡️ interpolateStyles() - Interpolation for smooth animations between different styles
www.remotion.dev/docs/animati...
➡️ fitText() - Calculate the font size needed to fit a text into a given width
www.remotion.dev/docs/layout-...
➡️ GIF - much improved GIF exports and support of transparent GIFs
www.remotion.dev/docs/render-...
➡️ New transitions - clockWipe() and cube()
www.remotion.dev/docs/transit...
www.remotion.dev/docs/transit...
➡️ Better props editor - improved overview functionality by collapsing arrays and objects
➡️ Better timeline - toggle visibility of layers, jump to a specific "Sequence" in your IDE
➡️ HDR videos - special color space makes videos pop up on social media
➡️ --repro flag - reproduction made easy
www.remotion.dev/docs/cli/ren...
➡️ Jump to frame - improved functionality to jump to a specific frame
➡️ Open GitHub - from your Remotion Studio, jump directly to your GitHub repo
➡️ Beep on finish - notification functionality when a render is done
➡️ Measure elements - bug fix when using getBoundingClientRect()
www.remotion.dev/docs/measuring
➡️ Remotion.pro Update - new items in the Remotion Store!
In addition to those features above, there have been many bug fixes as well. Upgrade your Remotion project by using "npx remotion upgrade". You can check the changelog here: remotion.dev/changelog
Remotion on
GitHub: github.com/remotion-dev/remotion
X: x.com/remotion
Discord: remotion.dev/discord
LinkedIn: / remotion-dev
Instagram: / remotion
Follow Jonny on Twitter:
x.com/JNYBGR