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
openclaw/openclaw★ 392,696
The AI that really does things. Any OS. Any Platform. The lobster way. 🦞
nilbuild/developer-roadmap★ 370,068
Interactive roadmaps, guides and other educational content to help developers grow in their careers.
morluto/rea★ 357,652
Reverse engineer anything with agents, from app behavior down to native binaries.
anomalyco/opencode★ 219,667
The open source coding agent.
n8n-io/n8n★ 208,252
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.