Jonny Burger @jonny.io · 24/10/2025Introducing remotion.dev/crop! The easiest way to crop a video of all time. fast ∙ free ∙ local ∙ ad-free ∙ offline ∙ open source 020
Jonny Burger @jonny.io · 15/09/2025Today is the day! Full WebCodecs support is now available in all major browsers, unlocking true multimedia processing in the frontend! And the best way to harness the power: Mediabunny 🐰 050
Jonny Burger @jonny.io · 08/09/2025What’s next for Remotion? 2 huge features: • A more efficient <Video /> tag for speed gains • In-browser rendering! Limited features but good enough for many videos. This will be my main focus going forward! Goal: This year 🔐 010
Jonny Burger @jonny.io · 06/06/2025And of course, we put in a lot of effort to make it easy for you, the developer! 📒 www.remotion.dev/docs/webcode... 100
Jonny Burger @jonny.io · 06/06/2025Our next WebCodecs API: extractFrames()! With this primitive, you can efficiently extract thumbnails for displaying a preview in your editor. No <video> tag involved! Filmstrips now show in the Remotion Studio and in the Pro <Timeline> component! 110
Jonny Burger @jonny.io · 03/06/2025Source code of example: github.com/remotion-dev... <TikTokTextBox>: github.com/remotion-dev... Credits: TechSquidTV & Josiah Winslow fitTextOnNLines() API - available from v4.0.313: remotion.dev/docs/layout-... Uses a binary search text measuring algorithm implemented by HiteshChoudhary0098!github.comremotion/packages/example/src/Title/FitTextOnNLines.tsx at af09e07031bfecc1a1f222fc49f30c09f95a095f · remotion-dev/remotion🎥 Make videos programmatically with React. Contribute to remotion-dev/remotion development by creating an account on GitHub. 000
Jonny Burger @jonny.io · 03/06/2025Captions just like on TikTok 🚀 • New fitTextOnNLines() API in next version of Remotion • <TikTokTextBox> component with auto-rounded corners – source in comments! 110
Jonny Burger @jonny.io · 28/04/2025Remotion Media Parser is finished! 🥳✅ Next step: Produce a big proud announcement video and run it on all channels. In the meanwhile start using it today, IYKYK! 010
Jonny Burger @jonny.io · 22/04/2025We also released an even lower-level API which directly resamples the WebCodecs `AudioData` objects: www.remotion.dev/docs/webcode...remotion.devconvertAudioData() | Remotion | Make videos programmaticallyPart of the @remotion/webcodecs package. 000
Jonny Burger @jonny.io · 22/04/2025How to use it: www.remotion.dev/docs/webcode...remotion.devResample audio to 16kHz | Remotion | Make videos programmaticallyFor using Whisper, Whisper.cpp, @remotion/install-whisper-cpp and Whisper.wasm, you need to provide a 16-bit, 16KHz, WAVE audio file. 100
Jonny Burger @jonny.io · 22/04/2025You can now extract a 16kHz WAVE file from any video using @remotion/webcodecs and on remotion.dev/convert! This is useful because this is the input format that Whisper expects. This is the first step towards a nice API for transcribing in the browser! 100
Jonny Burger @jonny.io · 16/04/2025New Remotion template for musicians 🎵 • `bun create video --music-visualization` • Drop in your music • Customize components and CSS if you like • `bunx remotion render` Enjoy your music visualizer! 010
Jonny Burger @jonny.io · 21/03/2025You've been wondering what @wcandillon.bsky.app has been up to... 010
Jonny Burger @jonny.io · 19/03/2025If you are taking videos with MediaRecorder(), then you should re-mux them to fix these issues. convertMedia() from Remotion allows you to do that, either in the browser, in Node.js or in Bun! www.remotion.dev/docs/webcode...remotion.devFixing a MediaRecorder video | Remotion | Make videos programmaticallyWhen recording a video with the MediaRecorder and getUserMedia() API, a WebM file gets created that may have some playback and compatibility issues. 000
Jonny Burger @jonny.io · 19/03/2025This is the structure of a .webm file. To create one, we need to put information in the beginning of the file that we only know at the end of the process. That is why videos with MediaRecorder() show no duration and why they are slow to seek when playing them back. 100
Jonny Burger @jonny.io · 07/03/2025New API for running parseMedia() on Web Workers! Keeps the main unblocked even for large files to reduce lag. All the communication between main thread and worker is automatically handled, and it works exactly like parseMedia(). Bliss! 000
Jonny Burger @jonny.io · 06/03/2025WebCodecs has no limits 🔫 🕶️ Just converted the full "Terminator" movie with Arnold Schwarzenegger from a sketchy .m3u8 URL to .mp4 4K, 107 minutes, 10GB file size, completely client side, it works! 000
Jonny Burger @jonny.io · 06/03/2025Feels good to have finally done all the work to support all major video and audio formats! Only one step away from stable release: Seeking support! Let's get it 👊 010
Jonny Burger @jonny.io · 05/03/2025@remotion/media-parser now supports parsing .m3u8 files! (HLS) 000
Jonny Burger @jonny.io · 05/03/2025Excited that @TellaHQ is boosting the development of @remotion/media-parser with $10.000! They want to elevate their editor experience with WebCodecs and the Media Parser project is just what they need. We gain a great partner to battletest our parser against 💪 010
Jonny Burger @jonny.io · 28/02/2025Remotion Docs now feature an "Ask AI" button! Use it to find the right command or API, or ask it to write you a Remotion component! 000
Jonny Burger @jonny.io · 27/02/2025We now have a Remotion Starter that uses React Router 7! 🤩 I predict this is going to become a popular way to build apps! www.remotion.dev/templates/re... 030
Jonny Burger @jonny.io · 26/02/2025New in Remotion: You can now programmatically set a default output name, for example to include the current date Suggested by @FernandoTheRojo! 000
Jonny Burger @jonny.io · 25/02/2025New Remotion API: visualizeAudioWaveform()! Allows for making great looking voice visualizations – very parametrizable as well! 000
Jonny Burger @jonny.io · 22/02/2025I don't know exactly what drama is going on here But half a million MRR with a Remotion app is wild if true! 000
Jonny Burger @jonny.io · 21/02/2025Love that @LyonJS uses Remotion to make their conference graphics! 181
Jonny Burger @jonny.io · 19/02/20252024 was Remotion's first profitable year! Thank you for your trust and we'll be here for you for a long time! 010
Jonny Burger @jonny.io · 18/02/2025New in the Remotion Store: Some copy-pasteable presets for animating captions! remotion.proAnimated captionsGet Pro components for Remotion and obtain licenses for companies. 000
Jonny Burger @jonny.io · 07/02/2025Only the latest and greatest! All Remotion templates use React 19, native ESLint 9 and now also Tailwind 4.0! 010
Jonny Burger @jonny.io · 06/02/2025Shoutout to Adobe for filing the best bug reports 😂 A minimal MP3 with custom album cover to demonstrate that we have a bug 🫠 010
Jonny Burger @jonny.io · 03/02/2025Is that a bit too fast? 🤣 How about 30 minutes instead – my React India talk is now out on YouTube! www.youtube.com/watch?v=gYf_FWZGHngyoutube.comBuilding a video editor with React - Jonny BurgerUsing React and Remotion, we can create a simple web video editor that allows for uploading clips, generating captions and exporting them. Learn about all th... 010
Jonny Burger @jonny.io · 30/01/2025In January, about 28% of the conversions failed on remotion.dev/convert Making a new video converter is super hard, and I need some help making it as correct as possible. If a conversion fails, you can now let me know at remotion.dev/report and I will let you know when it's fixed! 010
Jonny Burger @jonny.io · 29/01/2025Upgraded Remotion templates to ESLint 9 + Flat Config! Deleting 170 packages from node_modules 🤯 000
Jonny Burger @jonny.io · 28/01/2025Of course you can also abort renders, for which we now have a hasBeenAborted() helper function! www.remotion.dev/docs/webcodecs/pau… remotion.devPause, resume and abort conversion | Remotion | Make videos programmaticallyYou can pause, resume and abort the conversion process. 000
Jonny Burger @jonny.io · 28/01/2025remotion.dev/convert now allows pausing conversions! And pausing + resuming is also implemented for convertMedia(), parseMedia() and downloadAndParseMedia(). 100
Jonny Burger @jonny.io · 27/01/2025All the same fields as in parseMedia() are supported, you can get so much more information! www.remotion.dev/docs/media-parser/… remotion.devdownloadAndParseMedia() | Remotion | Make videos programmaticallySame as parseMedia(), but also downloads the media file to disk. 000
Jonny Burger @jonny.io · 27/01/2025If an error occurs during parsing, you can opt to download the file nonetheless if you like! 100
Jonny Burger @jonny.io · 27/01/2025You can react to new information as it comes in, and if you don't like what you see, you can abort the download right away! 100
Jonny Burger @jonny.io · 27/01/2025Often, a video gets downloaded to then be analyzed. Introducing the new downloadAndParseMedia() API, which can do both in parallel! 110
Jonny Burger @jonny.io · 26/01/2025You can make text animations smoother in Remotion with some CSS hacks Interesting find, goes straight into the docs! remotion.dev/docs/troubleshooting/s… 000
Jonny Burger @jonny.io · 25/01/2025I totally forgot that PNGs can also be animated Remotion's <AnimatedImage> component supports that too! www.remotion.dev/docs/animatedimage 000
Jonny Burger @jonny.io · 24/01/2025Now you can get the sample rate or number of audio channels with @remotion/media-parser! Works with .mp4, .mov, .webm, .mkv, .avi, .ts, .mp3, .aac, .wav, .flac There is also a callback API, that allows you to get fields as soon as they are available, without having to wait for the full query. 000
Jonny Burger @jonny.io · 23/01/2025The progress has been insane recently! We now understand all of these formats. In gray, the ones I plan to add! And after we speak the language of multimedia, we'll add more use cases besides conversion. At this rate of progress, the game will be completely different at the end of 2025! 000
Jonny Burger @jonny.io · 22/01/2025H.265 is supported now on remotion.dev/convert and in convertMedia()! 010
Jonny Burger @jonny.io · 21/01/2025@remotion/media-parser now reads .aac, .flac and .wav files! Yes, that's THREE new parsers I wrote last weekend. All the usual features: Streaming, reading only as many bytes as needed for your query, compatible with WebCodecs, ID3 extraction, GUI available on remotion.dev/convert! 000
Jonny Burger @jonny.io · 20/01/2025We hired Igor Samokhovets for accelerating Remotion's pursuit to make building a video editor easier! As the founder of a quality Remotion product (banger.show), he knows exactly how to proceed. First mission: Bring a copy-pasteable <Timeline> component to market! 000
