What's new in Remotion – November 2023 - January 2024

Описание: 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
https://www.remotion.dev/docs/studio/...
➡️ makeTranform() - new helper functions for CSS transformations
https://www.remotion.dev/docs/animati...
➡️ interpolateStyles() - Interpolation for smooth animations between different styles
https://www.remotion.dev/docs/animati...
➡️ fitText() - Calculate the font size needed to fit a text into a given width
https://www.remotion.dev/docs/layout-...
➡️ GIF - much improved GIF exports and support of transparent GIFs
https://www.remotion.dev/docs/render-...
➡️ New transitions - clockWipe() and cube()
https://www.remotion.dev/docs/transit...
https://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
https://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()
https://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: https://remotion.dev/changelog

Remotion on
GitHub: https://github.com/remotion-dev/remotion
X: https://x.com/remotion
Discord: https://remotion.dev/discord
LinkedIn:   / remotion-dev  
Instagram:   / remotion  

Follow Jonny on Twitter:
https://x.com/JNYBGR