remotion-dev/
🎥 Create videos programmatically in React
USD raised
Recent activities
Studio: Document interaction update lifecycle
"5 things you could not do with Remotion a month ago"
Turn custom screen recorder into a Chrome extension
There is a flicker on the homepage sometimes
Readonly studio: Dimensions are glued together
Studio: Support REMOTION_PUBLIC_LICENSE_KEY automatically
5.0: How should the license key be specified in the Studio?
TIMELINE_COMPUTED_EFFECT_FIX_LINK should open a modal
Rewrite Studio timeline in canvas
Remotion Elements: Should have a drag preview
remotion.dev/convert: Drag converted files into upload fields
Failing to drag a composition into another if component is not exported
Player on iOS WebKit
Docs guide: generating the soundtrack from the rendered video
Mention ProRes in comparison of video tags
`@remotion/transitions`: Make TransitionSeries timing editable in Studio
`@remotion/transitions`: Make TransitionSeries presentations editable in Studio
Document Text behind video
Remotion interactivity masterplan
`@remotion/transitions`: Add trimBefore to TransitionSeries.Sequence
Docs: Set up OG videos and images for Elements
Rewrite https://www.remotion.dev/docs/mediabunny
Allow specifying a default editor for Studio
Studio: Prevent filmstrip jitter while dragging the left edge
Clean up our motion design system https://remotion.dev/brand
`<Video>` does not support `premountFor`
Interactively draw volume fade in curve
Remotion masterplan
Skills masterplan
`/remotion-license` Skill
Internal skill or DESIGN.md for the Remotion design language
New homepage strip for Automator use cases
Map Elements
Map Skills
Issue with dropped frames and sound interruptions between Remotion videos.
confusion about remotion business model due to google quick answer
Studio: Fix flicker when splitting source-backed sequences
`@remotion/studio`: Split clip stage 3: multi-select and polish
`@remotion/studio`: Split clip stage 2: single-clip Studio UI
`@remotion/studio`: Split clip stage 1: codemod and API
`@remotion/web-renderer`: Support wavy text-decoration
`@remotion/web-renderer`: Support advanced text-decoration styles
Studio: Preserve multiplication expressions when moving keyframes
Border Radius controls
Drag a composition into the canvas
InputDragger is not well keyboard-navigable
After composition is created, we do not jump to it
Right-clicking folder should also be an action for "New composition..."
Increase horizontal padding in timeline
Inspector: Font Family control
Show keyframe path for `style.translate` visually in Studio
Inspector: "3D" mode
Interactivity: Allow changing `src`
Studio: Make Interactive text content editable in Visual Mode
Remotion Element: Source / Credit Tag
Remotion Element: Animated Corner Channel Bug
Remotion Element: Live / Location Strap
Remotion Element: Lower Third Name Strap
Effects launch checklist
`@remotion/cli`: calculateMetadata() encoding defaults should override remotion.config.ts
Cmd+X should work for effects
Dragging a sequence should drag it's keyframes with it
Cannot set a keyframe on `startBlur`
Effect should also be indicated if an effect prop is being edited
Selected outline should always be in the foreground
Studio: Effect toggles on Video with multiple effects are buggy
Effect collapsed state is not preserved anymore
Support trimBefore on Sequence
"Open in Cursor" does not work anymore
Studio: Allow deleting keyframes from the Inspector
Studio: Support multiple selected keyframes in the Inspector
Studio: Link the keyframe Inspector to its sequence
Studio: Add keyframe navigation to the keyframe Inspector
Studio: Preserve drag overrides while moving keyframes in the Inspector
Studio: Apply timeline bounds to Inspector keyframe frame edits
Studio: Make keyframe frame editable in the Inspector
Click on canvas to select a sequence
Toggle for showing/hiding outlines
Copy+paste a sequence from one composition to another
Copy+paste keyframes of equivalent type from one sequence / effect to another
Copy+paste an effect value from one effect to another
Copy+paste an effect from one sequence to another
Hover over sequence in timeline to preview the outline
Skill about effects
effect: colorKey()
effects: linearGradient and linearGradientTint
Allow assets to be dragged into canvas to scaffold Video, Img, etc.
Scale should be X and Y
Add documentation page for effects
Getting prettier warning quite often
`nodePath` should disregard all imports
Report on timeouts in render jobs during CI test runs, surprising investigation results.
Show keyframe left / diamond / right controls also if there are already keyframes
Should be able to edit keyframed value
Adding a keyframe must add the correct `interpolate` / `interpolateStyles` import from `remotion`
Rspack should become the new default for new templates
Access to fetch at 'https://utils.remotion.dev/location' from origin 'https://www.remotion.dev' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Timeline: redundant showInTimeline filtering in Timeline.tsx and isTrackHidden
Integrate effects system with Rive
Check indentation in timeline, does not seem completely right
[QUESTION / BUG] Web renderer: Audio with per-frame volume (fade in/out) crashes mediabunny ISOBMFF muxer
Error overlay does not clear when error is fixed
`<Sequence hidden>`
Refactor AudioContext states so it is more obvious that there are more states
Audio waveform is not starting at 0
Keyboard shortcuts have too big of a font size
Bug switching discriminated unions in Studio in Visual Mode
Timeline Ticks do not perfectly align
<Video> in <Player>: marker desyncs from video and seeks back ~4 frames during playback of mixed-fps sources (regression 4.0.374 → 4.0.459)
Series.Sequence cannot be empty - can we make it more flexible
Give guidance for "Cannot save default props"
Can we make HtmlInCanvas compose well?
Skills: How do we prevent the AI from making the font sizes / proportions too small?
Add Cloudflare distributed renderer to docs
HtmlInCanvas does not fast-refresh the shaders.
Gif should just use AnimatedImage if possible
seekTo + timeupdate event
web-renderer: leading/trailing silence is trimmed in mp3 output, breaking downstream timing
Rendering Issue with the Vercel template
`preservesPitch`-support for React `Player` component
After the rendering is completed, multiple zombie processes are left behind
@remotion/promo-pages: Homepage.css uses CSS Modules `:global()` syntax in plain CSS, fails Turbopack build
New sound effect ideas for `@remotion/sfx`
Smarter audio resampling in `@remotion/media`
Bundles created with renderVideoFlow and renderStillFlow should be able to symlink assets
Issue with text display in new version despite glowing effect appearing correctly.
Render preview In canvas context
Studio: timeline waveform misaligned for `<Audio>` vs embedded audio on `<Video>`
Allow configuring audio sample rate during preview
@remotion/renderer: Optional FFmpeg bits_per_mb for ProRes (prores_ks)
Package for converting ElevenLabs output to `@remotion/captions`
The `dragging` ref is set but never read anywhere in this component. Consider removing it if unused, or document its intended purpose if it's meant for future use.
Visual mode: Problems with position control
Visual Mode: Implement undo and redo
Visual mode: Using arrow keys to change values does not update live canvas
Visual mode: Unhover may not be detected
Add `compatibleOnly` support to Lambda sites commands
Visual Mode: Code position can shift
Remotion Studio: Video component shows as unmounted even though it is still mounted.
Studio: Add pointer lock
Studio: Consider always showing timeline container
Studio: Show a ghost button for composition search:
Studio: Consider better display of looped `@remotion/media` videos
Lambda deployment exceeds 250MB limit in Remotion 4.0.431
Support multiple video types
Premounting does not work as indicator would lead you to believe
New `@remotion/media` tag should be reactive to resize
Can we provide a better error recovery in the studio?
Visual mode: Handle concurrent code edits to the same value
Visual mode: Don't show red background while loading edit capability
Current bugs with the "visual mode" experiment
`remotion upgrade` in a monorepo: respect `catalog:`
Rendering with h265 fails
Issue on preview
Rspack masterplan
Warn about unknown command line flags
The MUST NOT fall back to other TTS tools instruction is too restrictive — many users
Studio: Cannot hot reload Root.tsx after invalid module anymore
Video stuttering when using multiple <Video> components with vertical videos
Issue: Rendered video has noise; suspect FFmpeg filter; using Chrome on Windows.
Prompt library: video file select should support drag & drop
New Chrome binaries do not support PDF export
npx remotion browser ensure does not respect env variables
remotion player is lagging if the audio output is connected to an airplay speaker
Document better best practices for fonts
Web Renderer: Mask image and scale = ☠️
Repository clone size is 4.2GB due to binary files in git history
Web renderer: can we make propagated error stack trace look better?
Web Renderer: Don't force an image, also allow returning a canvas
Web renderer: Handle `<img>` in `broken` state
Black screen when rendering MP4 videos on Remotion Lambda (audio render, images work)
Web Renderer: `<span>`s can get smaller
Web Renderer: Mask image does not work correctly on wheel
Web Renderer: Shine in GitHub Unwrapped doesn't render correctly
Web Renderer: Clarify stacking context
Client side rendering modal should indicate if this is considered a production render
Correctly implement backpressure for parallel encoding
Studio: when Hardware Acceleration option is set to `required`, render fails with CRF error
AudioData.copyTo throws DOMException when using 's16' format during audio conversion
Client-side rendering masterplan
Remotion Lambda: Allow customization of Lambda name, overriding recommendation
Remotion Lambda: Make S3 buckets private
Remotion Lambda Enterprise Ready
`@remotion/google-fonts`: Inconsistent font names across functions
Allow setting connection/read timeout values in lambda python client
Local font loading always causes timeout
<Img> gives encoding error when image size is large
Browser connection timeout on GCP Cloud Run (x86_64) but works locally (ARM64 Docker)
Memory usage grows indefinitely when rendering large video segments loaded from OPFS
[Studio] Controls tab not showing in v4.0.344
New video / audio tag, master issue
Docs: Explain difference between Remotion Studio and RES
Re-layout text on every change
`@remotion/media-parser`: Opus and OGG files are not supported
Support for PCM 24 audio codec
Add a new documentation section with how to work with captions
Add variable fonts data to Google Fonts database
`useWindowedAudioData`: support more audio formats
Audio not playing in remotion player >= 3.0.2
@remotion/webcodecs: convertMedia() for converting to `H265/HEVC`
New version getting errors when compiling in my code
Lambda: Custom output destination not working for Tigris (S3-compatible)
Audio stutter in Safari when changing the source for `<Audio>`
Visual controls polish
Configuring cloudflare R2 S3OutputProvider with remotion from CLI.
Support `separateAudioTo` on Lambda
`@remotion/google-fonts`: Support Variable Fonts
Chrome on Lambda lacks proprietary codecs
Render speed too slow on cloudrun - what are the best params?
delayRender timeout on lambda
<AnimatedImage with transparent apng animated images low quality render
Improve single-instance rendering performance
Async AWS Lambda Integration for Media Rendering with Python
`@remotion/webcodecs`: Should be able to use output video as input video
convert.remotion.dev: Show promotional links
`@remotion/webcodecs`: Safari creates huge MP4's
Cloud Run does not check if any credentials are set
SVG filters render in local machine but not lambda
Question: How does the renderer work?
`@remotion/three`: A way to avoid component re-mounts using <Sequence>
Is there an Integrated Video Editing Component for the Remotion API?
TypeError Cannot read properties of null (reading 'children')
Lambda response streaming Part 2
New transitions to be added to `@remotion/transitions`
Broken doc links
Make `onBrowserLog` get called on everything
Feature request: Render configuration option for GOP size
Creating Node API to launch the studio similar to `remotion studio` in Node.js.
Lambda cost estimate may go down
Better guidance for Too many requests error
Allow to export in AV1 codec
Need to intercept requests in `renderMedia` function for adding authentication headers to private assets.
FFmpeg 7.0 Upgrade
Private Buckets for remotion lambda
Proxy AWS S3 assets through the AWS SDK
Issue: Mandatory manual installation of `@remotion/zod-types` due to missing dependency.
Issue with missing dependency `@remotion/zod-types` causing import error in Remotion packages.
Deployed Studio: Render button that shows a CLI command
Is there a plan to add more transition effects?
--disable-headless does not seem to work
Which breaking changes should be made for Remotion v5?
WebM videos flicker with a transparent pixel format on Lambda
404 Error page - design
Rendering with multiple frame ranges
Render a png sequence on AWS Lambda
how to wrap the remotion in a <div>
HLS Support for `<Video>`
benchmark not as reliable as render command
add add internalRenderMediaOnLambda for prop safety
OffthreadVideo's High disk write usage
@remotion/lambda: Multiple failure webhook invocations
renderMedia not passing/overwriting defaultProps
Ubuntu Compositor crash: version `GLIBC_2.33' not found
Give better error message if using wrong WebGL renderer
Publish guidelines for making an Electron app
`npm create video`: Would you like to use tailwindcss?
CameraMotionBlur makes the first frame disappear
[Bug]npm build render extra frames
No browser found to render frames
Deploying a site can no longer create public S3 bucket
PlayerMethods isFullscreen is defined as () => void;
Template - upgrade, React Three Fiber
Template - upgrade, Blank
Template - upgrade, HelloWorld (JavaScript)
Template - upgrade, HelloWorld (TypeScript)
Stopping a Lambda render
issue with volume during render
Setting `Config.Bundling.setPort()` doesn't change the port on which the preview is served on localhost
Error: Cannot find module 'fs/promises'
Load compositions from a URL
Render on lambda should not be executed for videos consisting of less than 4 frames
Experts page lags on scroll
Bug: distinction between 0.0.0.0 and localhost is not clear
Better feedback when calling getRenderProgress() on a still render
Typing Errors on "disableRemotePlayback" with Video.d.ts
Embedding Player in Remix app duplicates head tag
Skia bundle reload on each build rendering.
Player ignores Audio.src change once started
Interpolate multiple values causes Lambda Render to fail
Remotion Lambda can render with version mismatch --> should be prevented
Player unmount fails with "Audio has no ref"
CSS reset should apply to error overlay
"Zoom", "Fit" dropdown menus aren't scrollable
Remotion Preview should signal that the server has disconnected
Remotion Preview should respect back and forwards browser buttons
TailwindCSS template does not render if command is executed outside root
Could not play audio with src /static-f03a0c550524/audio.wav: [object MediaError]
Better error message if calling Remotion Lambda API from another Lambda function and has bad env variables
Audio mixing files do not get cleaned up
3.1.0 upgrade only renders the first frame of a video for the video's duration
Video duration displayed in mm:ss instead of hh:mm:ss for videos > 60 minutes
`getComposition` api in `@remotion/rendere`r not working as expected on ec2 instance
CloudFormation, Terraform, Pulumi, SST.dev, CDK templates
"Open in VS Code" is slow
backgroundColor don't change
build step outputs to CLI
Lambda: S3 public folder upload broken on Windows
Poor rendering performance when using several concurrent `<Video>` elements
CRA app logs warning about source maps if Remotion is imported
Non-existing file in public/ folder should return 404, not the main page
Video volume increases abruptly at the end + audio mixing cracks
Error when preview the example scene
Puppeteer fails to launch, can't build video Windows
UI: Dropdown menus not updating their position properly
<Freeze> component does not function properly in conjunction with @remotion/player
i have following issue in yarn to create a video
`ENAMETOOLONG` error on windows
Example Next.JS app and docs for rendering on Next.JS
CLI incompatible with yarn workspaces
Error overlay does not open on bad imports
CLI option --quality support for environment variables
TimelineSliderHandle is not draggable
Error Configuring complex filters, Invalid Argument
Font changes in ProRes Render
toggle() in <Player/> does not fire 'play' event
Error message for composition outside player is bad
Show in preview if delayRender() is being called
Lambda generated videos takes time before its completely ready to download
backdropFilter blur() doesn't apply in rendering mode due to ANGLE renderer
Player custom playback buggy behavior
Media tag duplicates if volume is interpolated
Cannot render an MP3 file with h264-mkv codec
-buildconf is not there for ffmpeg 2.x
Still image black when using @react-three/postprocessing <DepthOfField/>
Update to Lerna 4
```diff blocks in Docs are not rendered
Css reset overwrites inherited properties
Nitpick in `remotion/init.ts` for create-video package.
Timeline Viewer: Global CSS affects timeline UI
Error rendering in ubuntu
When
Config setLevel does not work
Broken links in docs
FFMPEG throws if height of composition is not dividable by two
Add a call to action button for Discord underneath each documentation page
Rename Remotion Preview window
Validate props of <Player />
© 2019 BoostIO, Inc.