v4.0.528

remotion-dev/remotionv4.0.528Sep 24, 2026by JonnyBurger

Upgrading?

AI Summary

A major feature release adding `playbackRate` and `premountFor` support across components, along with Node.js support for video matting and transcription. It also introduces a preliminary Canvas API and significant UI enhancements for the Studio.

Key Highlights

  • Addition of `playbackRate` to many components
  • Addition of `premountFor` to many components
  • Node.js support for video matting and transcription
  • Preliminary `@remotion/canvas` API
  • Effect picker previews in Studio

New Features

  • Node.js support for `separateVideoLayers()`
  • Node.js support for `whisper-webgpu` transcription
  • Wrap action for sequence inspector
  • Point editing for static Interactive.Path
  • Rounded captions

Full Release Notes

## What's Changed

- `remotion`: **Add `playbackRate` to many components and allow nesting** by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11528
- `remotion`: **Add `premountFor` to many components** by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11555
- `remotion`: Fix URL-encoded media filenames in timeline by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11568
- `@remotion/captions`: Fix millisecond precision in `parseSrt()` by @mfurkanakinci in https://github.com/remotion-dev/remotion/pull/11501
- `@remotion/captions`: Fix `parseSrt()` dropping caption text containing arrows by @mfurkanakinci in https://github.com/remotion-dev/remotion/pull/11502
- `@remotion/captions`: Fix empty segments in `ensureMaxCharactersPerLine()` for oversized words by @mfurkanakinci in https://github.com/remotion-dev/remotion/pull/11503
- `@remotion/captions`: Fix missing spaces in `ensureMaxCharactersPerLine()` by @mfurkanakinci in https://github.com/remotion-dev/remotion/pull/11504
- `@remotion/compositor`: Fix repeated frames in HEVC videos by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11570
- `@remotion/lambda`: Fix nested site assets on Windows by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11565
- `@remotion/media`: Fix missing `onError` calls for preview read failures by @alec-watts in https://github.com/remotion-dev/remotion/pull/11391
- `@remotion/media`: Reduce decoder recreation during forward playback by @samohovets in https://github.com/remotion-dev/remotion/pull/11544
- `@remotion/media`: Fix audio extraction across trimmed loop boundaries by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11567
- `@remotion/media-utils`: Fix non-silent output from `getWaveformPortion()` before audio starts by @costajohnt in https://github.com/remotion-dev/remotion/pull/11437
- `@remotion/paths`: Fix `parsePath()` for arc flags without separators by @gjija in https://github.com/remotion-dev/remotion/pull/11585
- `@remotion/studio`: Add `Separate foreground` action for videos by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11462
- `@remotion/studio`: Fix pixelated cursors after zooming by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11518
- `@remotion/studio`: Fix selection flashes when deleting keyframes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11523
- `@remotion/studio`: Set video duration on Canvas Capture imports by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11525
- `@remotion/studio`: Move color palette to CSS variables by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11532
- `@remotion/studio`: Add cancellation for video matting and transcription by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11533
- `@remotion/studio`: Fix moving selected layers outside the current frame by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11545
- `@remotion/studio`: Show directional cursors on timeline trim edges by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11557
- `@remotion/studio`: Add Wrap action to sequence inspector by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11558
- `@remotion/studio`: Add internal canvas pixel ratio override by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11559
- `@remotion/studio`: Replace video source after background removal by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11562
- `@remotion/studio`: Adjust `durationInFrames` when editing `playbackRate` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11569
- `@remotion/studio`: Fix source path overflow, add Copy path, and restyle skill and model rows by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11571
- `@remotion/studio`: Highlight timeline ancestors when properties are selected by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11572
- `@remotion/studio`: Treat schema `step` as an editing increment by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11574
- `@remotion/studio`: Retime keyframes when changing `playbackRate` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11576
- `@remotion/studio`: Add point editing for static `Interactive.Path` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11579
- `@remotion/studio`: Fix folder labels and typeahead in New Composition dialog by @CreedTech in https://github.com/remotion-dev/remotion/pull/11584
- `@remotion/studio`: Style modal close button hover state by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11597
- `@remotion/studio`: Select newly added effects by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11598
- `@remotion/studio`: Add previews to effect picker by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11600
- `@remotion/studio`: Show trim delta and timeline time while dragging by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11604
- `@remotion/studio-server`: Skip stats serialization during Fast Refresh by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11536
- `@remotion/studio-server`: Fix failed package installs being reported as successful by @samohovets in https://github.com/remotion-dev/remotion/pull/11541
- [`@remotion/video-matting`: Add Node.js support for `separateVideoLayers()`](https://remotion.dev/docs/video-matting/node) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11514
- [`@remotion/whisper-webgpu`: Add Node.js transcription](https://remotion.dev/docs/whisper-webgpu/node) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11465
- `@remotion/web-renderer`: Fix one-frame AAC MP4 exports in web renderer by @alec-watts in https://github.com/remotion-dev/remotion/pull/11547
- `create-video`: Fix project creation aborting when the template readme is named `readme.md` by @danielnguyenfinhub in https://github.com/remotion-dev/remotion/pull/11589
- remotion.dev/new: Fix double imports of Mediabunny by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11540


## Templates

- `create-video`: Remove JavaScript and two Next.js starter variants by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11611

## Elements

- Add assets to `createElementPayload()` by @samohovets in https://github.com/remotion-dev/remotion/pull/11415
- Install gallery assets with local file references by @samohovets in https://github.com/remotion-dev/remotion/pull/11529
- Add rounded captions by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11551
- Standardize Element Library terminology by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11596
- Add Element Library controls to Studio settings by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11605

## Docs

- PDFs of legal text: remotion.dev/terms.pdf etc. by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11496
- Disable HTML caching for /new by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11515
- remotion.dev/brand: Add Studio interaction closeups and homepage variants by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11526
- Explain assets in Element contributions by @samohovets in https://github.com/remotion-dev/remotion/pull/11530
- Add missing API compatibility tables by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11535
- add shortshort to Products in resources by @arseneHuot in https://github.com/remotion-dev/remotion/pull/11546
- Clarify WebGPU model loading and cleanup by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11554

## Internal and Experimental

- remotion.dev/brand: Add 3 new closeups by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11556
- Start dev server on an available port by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11607
- [Preliminary `@remotion/canvas` API](https://remotion.dev/docs/canvas) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11561
- [`@remotion/codemods`: Add public APIs for editing Remotion source](https://remotion.dev/docs/codemods) by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11509
- `@remotion/codemods`: Fix Webpack warning about missing `babylon` by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11505
- `@remotion/codemods`: Preserve source formatting when editing JSX props by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11522
- `@remotion/codemods`: Replace generic Studio codemods with public editing APIs by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11534
- `@remotion/codemods`: Change `CodemodResult` to return file changes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11573
- `@remotion/canvas`: Add `showOutlines` for hover and selection by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11549
- `@remotion/canvas`: Make Interactive.Path outlines follow the path geometry by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11564
- Skills: Rewrite visual checks, include how to render multiple stills by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11498
- Skills: Check npm release status before accepting delays by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11506
- Skills: Require explicit requests for test changes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11543
- Skills: Remove redundant `<Sequence>` wrappers from examples by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11553
- Skills: Simplify Studio CSS reset guidance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11560
- Skills: Add connected composition markup guidance by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11599
- Skills: Permit updates to existing tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11616
- Internal testbed: Add different-source simultaneous video playback by @samohovets in https://github.com/remotion-dev/remotion/pull/11513
- Internal tests: Remove slow Electron packaging test by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11519
- Internal: Cache Go dependencies for monorepo tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11520
- Internal tests: Speed up audio rendering regression tests by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11521
- Internal: Speed up ThreeCanvas duplicate-frame test by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11524
- Internal: Remove legacy Studio API shapes by @JonnyBurger in https://github.com/remotion-dev/remotion/pull/11609

## New Contributors

- @mfurkanakinci made their first contribution in https://github.com/remotion-dev/remotion/pull/11501
- @arseneHuot made their first contribution in https://github.com/remotion-dev/remotion/pull/11546
- @CreedTech made their first contribution in https://github.com/remotion-dev/remotion/pull/11584
- @gjija made their first contribution in https://github.com/remotion-dev/remotion/pull/11585
- @danielnguyenfinhub made their first contribution in https://github.com/remotion-dev/remotion/pull/11589

**Full Changelog**: https://github.com/remotion-dev/remotion/compare/v4.0.527...v4.0.528

Related Repositories