Remotion

Make videos programmatically.

[Remotion @Remotion]

What's Remotion? A way to compose your video with code!

• Use React, a powerful frontend technology, to build sophisticated videos with code.

• Put together building blocks - like <Video>, <Img>, <Audio> as well as your custom components, in any way you want!

• Break down problems into smaller components and re-use them for all your videos.

Bringing all the nice things about frontend programming to video creation - that's what Remotion is all about!

[Remotion @Remotion]

@minjunesh Let us know on Discord or open an issue on GitHub.

Discord: https://t.co/PMum3Cr46s
Github Issues: https://t.co/dgjRdvULXk

[Remotion @Remotion]

HTML-in-canvas is now a first-class primitive in Remotion!

It enables new types of effects that were impossible before.

[Remotion @Remotion]

@json_prompt We're not taking actively applications, but if we see people do cool stuff with Remotion, we might want to connect!

[Remotion @Remotion]

What's Remotion? A way to compose your video with code!

• Use React, a powerful frontend technology, to build sophisticated videos with code.

• Put together building blocks - like <Video>, <Img>, <Audio> as well as your custom components, in any way you want!

• Break down problems into smaller components and re-use them for all your videos.

Bringing all the nice things about frontend programming to video creation - that's what Remotion is all about!

[Remotion @Remotion]

@sumit_zip You don't!

We enable the flag by default and compiled a custom version of Canary that also satisfies our other requirements (media codecs). Cheers!

[Remotion @Remotion]

@vanilagy Source here! https://t.co/l6obj3NfzA

[Remotion @Remotion]

Find sample prompts, code for above examples, technical details for humans and agents here!

https://t.co/KVOQOcIKSQ

[Remotion @Remotion]

Hello World!

$ npx create-video@latest --blank -y glitch
$ cd glitch && npm i
$ claude
> use remotion html-in-canvas best practices. create a sample composition and apply a glitch effect to it!

To preview the video, you need Chrome Canary and to enable a flag once. Rendering works out of the box.

[Remotion @Remotion]

@monsieurBoutte @vanilagy Yes, you can embed HLS videos in all rendering environments now!

[Remotion @Remotion]

Remotion now supports HLS videos!

Thanks to Vanilagy's incredible Mediabunny:

[Vanilagy @vanilagy]

Mediabunny 1.42.0 is now out, adding THE most requested feature: full read/write support for HLS! 🚀

It's truly a game changer for client-side media processing. Here, I'm creating 5 renditions from a 40-second video in ~10 seconds, fully client-side, without a transcode server:

[Remotion @Remotion]

@virgilerietsch Yes, this can help! But you need to provide a HLS video as a source.

[OpenAI Developers @OpenAIDevs]

We’re adding more plugins to Codex to give it more ways to gather context and take action across your stack.

New plugins include @coderabbitai, @Remotion, @CircleCI, and more.

[Remotion @Remotion]

@stephenleung852 Yes, you still have to use the CLI.

Perhaps we can change this, @trq212?

[Remotion @Remotion]

Check out the new Codex Plugins, you can find us there!

Within your Codex app you can now install the Remotion Skill with one click, skipping the CLI installation.

https://t.co/kazdgkdv6w

[OpenAI @OpenAI]

Codex for (almost) everything.

It can now use apps on your Mac, connect to more of your tools, create images, learn from previous actions, remember how you like to work, and take on ongoing and repeatable tasks.

[Remotion @Remotion]

@DistinctLee Indeed, you did. Thanks for suggesting. 💙

[Gary Simon @designcoursecom]

Using @Remotion to generate assets for video using web tech.

[Remotion @Remotion]

@daumantasbanys You can use either!

[Remotion @Remotion]

@gabefletcher What would you like to see improved?

[Remotion @Remotion]

What's new in Remotion?

💥 0:04 Light Leaks
📢 0:30 Sound Effects
▲ 1:12 Render on Vercel
🤹 1:50 New Skills
🌐 2:14 Web Renderer Update
🕴️ 2:24 Less teething with Agents
📦 3:17 Rspack
↔️ 4:07 Sneak Peek: Visual Mode

[Remotion @Remotion]

@bygregorr They helped us make it possible and it was a popular one we didn't support yet!

[Remotion @Remotion]

@kenyondigital Nice 🥳

[Remotion @Remotion]

@kyle_designs Noted!