v4.0.467

remotion-dev/remotionv4.0.467May 26, 2026by JonnyBurger

AI Summary

Introduces the `<CanvasImage>` component and various color/transform effects, alongside audio scheduling fixes.

Key Highlights

  • New `<CanvasImage>` component
  • New effects: chromaticAberration(), halftone(), uvTranslate(), xyTranslate(), contrast()
  • Audio fixes: anchor currentTime and scheduling with playbackRate

New Features

  • CanvasImage component
  • chromaticAberration() effect
  • halftone() effect
  • uvTranslate() effect
  • xyTranslate() effect
  • contrast() effect

Full Release Notes

## What's Changed
* `remotion`: Preserve subframe audio timeline durations by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7673
* `remotion`: Make Img sync decoding render-only by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7669
* `remotion`: Refactor audio states to consider transition states by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7647
* `remotion`: More explicit anchor change by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7650
* `remotion`: New `<CanvasImage>` component by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7636
* `@remotion/bundler`: Restore CSS Modules support by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7632
* [`@remotion/effects`: `chromaticAberration()` effect](https://remotion.dev/docs/effects/chromatic-aberration) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7676
* [`@remotion/effects`: Add halftone color modes](https://remotion.dev/docs/effects/chromatic-aberration) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7675
* [`@remotion/effects`: Add `uvTranslate()` and `xyTranslate()` effects](https://remotion.dev/docs/effects/uv-translate) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7671
* [`@remotion/effects`: Add `contrast()` effect](https://remotion.dev/docs/effects/contrast) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7661
* `@remotion/media`: Add requestInit prop by @samohovets in https://github.com/remotion-dev/remotion/pull/7493
* `@remotion/media`: Fix audio anchor currentTime being stale by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7651
* `@remotion/media`: Fix audio scheduling when seeking with playbackRate !== 1 in https://github.com/remotion-dev/remotion/pull/7650
* `@remotion/studio`: Cache timeline asset metadata by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7664
* `@remotion/studio`: Fix timeline sequence widths by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7670
* `@remotion/studio`: Show media info in Timeline list items by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7646
* [`@remotion/studio`: Add resolve guidance for default props warning](https://remotion.dev/docs/troubleshooting/cannot-save-default-props) by @samohovets in https://github.com/remotion-dev/remotion/pull/7492
* [`@remotion/transitions`: `crossZoom()` presentation](https://remotion.dev/docs/transitions/presentations/cross-zoom) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7655
* [`@remotion/transitions`: `filmBurn()` presentation](https://remotion.dev/docs/transitions/presentations/film-burn) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7662

## Docs
* Add effect previews to docs pages by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7654
* Playground for effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7660

## Internal
* Move agent skills to .agents by @samohovets in https://github.com/remotion-dev/remotion/pull/7657
* Add a test component for sub-frame precision by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7658
* `@remotion/it-tests`: Update composer.lock after bumping composer.json version by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/7649

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.466...v4.0.467