v4.0.520

remotion-dev/remotionv4.0.520Sep 1, 2026by JonnyBurger

AI Summary

This release refactors the playback system using a new `playbackStore`, significantly improving the Studio's timeline and inspector UI with features like waveform fidelity and Quick Switcher hierarchy. It also includes media enhancements like pitch shifting and updates to the Studio Protocol for better validation.

Key Highlights

  • Refactored playback system using `playbackStore` and `usePlaying()`
  • Enhanced timeline waveform fidelity and fade unselected tracks
  • Preview pitch shifting in `@remotion/media` package
  • Validation of protocol payloads with Zod Mini

New Features

  • `usePlaying()` hook
  • Preview pitch shifting
  • `get_current_error` WebMCP tool
  • Quick Switcher folder hierarchy

Full Release Notes

## What's Changed

* `remotion`: Replace imperative playing ref with `playbackStore` and `usePlaying()` by @Octember in https://github.com/remotion-dev/remotion/pull/10956
* `remotion`: Canonicalize playing and buffering subscriptions by @Octember in https://github.com/remotion-dev/remotion/pull/10991
* `remotion`: Update sequence registrations in place by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10992
* `@remotion/media`: Upgrade Mediabunny to 1.55.5 by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11006
* `@remotion/media`: Add preview pitch shifting by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11008
* `@remotion/studio`: Hide FPS counter on narrow viewports by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10966
* `@remotion/studio`: Restore reset zoom button styling by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10969
* `@remotion/studio`: Add `get_current_error` WebMCP tool by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10971
* `@remotion/studio`: Prevent timeline asset drops through modals by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10979
* `@remotion/studio`: Fix source inspector alignment by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10980
* `@remotion/studio`: Add folder hierarchy to Quick Switcher composition search by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10988
* `@remotion/studio`: Fix selection after context-menu deletion by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10990
* `@remotion/studio`: Move composition dragging out of Studio Protocol by @samohovets in https://github.com/remotion-dev/remotion/pull/10993
* `@remotion/studio`: Fade unselected timeline tracks by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10997
* `@remotion/studio`: Add composition context menu to Quick Switcher by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10998
* `@remotion/studio`: Preserve markup order during Fast Refresh by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11002
* `@remotion/studio`: Fix maximum timeline zoom at 30 pixels per frame by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11010
* `@remotion/studio`: Increase timeline waveform fidelity with composition FPS by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11011
* `@remotion/studio-protocol`: Fix discovery with unknown capabilities by @samohovets in https://github.com/remotion-dev/remotion/pull/10975
* `@remotion/studio-protocol`: Validate protocol payloads with Zod Mini by @samohovets in https://github.com/remotion-dev/remotion/pull/10983
* `@remotion/studio-shared`: Remove Studio Protocol dependency by @samohovets in https://github.com/remotion-dev/remotion/pull/10985
* `@remotion/studio-codemods`: Stop wrapping self-closing roots in `<Sequence>` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10987
* `@remotion/timeline-utils`: Release waveform progress snapshots after decoding by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11014
* `@remotion/transitions`: Cancel rendering when HTML-in-canvas drawing fails by @BarriBarri20 in https://github.com/remotion-dev/remotion/pull/10951

## Docs

* Add RenderComp Free (50 MIT templates) to the templates list by @hiromiishino in https://github.com/remotion-dev/remotion/pull/10952
* Elements: Align audio oscilloscope color by @samohovets in https://github.com/remotion-dev/remotion/pull/10972
* Elements: Align caption highlight colors by @samohovets in https://github.com/remotion-dev/remotion/pull/10973
* Elements: Align liquid contours color by @samohovets in https://github.com/remotion-dev/remotion/pull/10974
* remotion.dev/brand: Remove orphaned Element files by @samohovets in https://github.com/remotion-dev/remotion/pull/10977

## Internal and experimental

* `@remotion/studio`: Fix Browser Studio document title + Make Element Install a modal by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10981
* Consolidate package publish checks by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10961
* Internal testbed: Remove three flaky Studio E2E tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/10989
* `@remotion/codex-plugin`: Publish marketplace-compatible Agent Plugin releases by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11007
* Rename Codex plugin package to Agent Plugin by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11009

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.519...v4.0.520