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