packages/docs/docs/render.mdx
There are various ways to render your video.
To render a video, click the "<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style={{height: 16, verticalAlign: "text-bottom", fill: "currentColor"}}><path d="M117.8 128H207C286.9-3.7 409.5-8.5 483.9 5.3c11.6 2.2 20.7 11.2 22.8 22.8c13.8 74.4 9 197-122.7 276.9v89.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9l0-114.7c0-22.6-9-44.3-25-60.3s-37.7-25-60.3-25H24c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3zM424 128a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zM166.5 470C132.3 504.3 66 511 28.3 511.9c-16 .4-28.6-12.2-28.2-28.2C1 446 7.7 379.7 42 345.5c34.4-34.4 90.1-34.4 124.5 0s34.4 90.1 0 124.5zm-46.7-36.4c11.4-11.4 11.4-30 0-41.4s-30-11.4-41.4 0c-10.1 10.1-13 28.5-13.7 41.3c-.5 8 5.9 14.3 13.9 13.9c12.8-.7 31.2-3.7 41.3-13.7z"/></svg> Render" button.
Choose your preferred settings, then confirm using the Render video button.
It’s possible to deploy the Remotion Studio onto a long-running server in the cloud, which can then be accessed by your non-technical team members using just a URL. Check out the Deploy the Remotion Studio guide to learn how to do this.
Render a video using render CLI command:
npx remotion render HelloWorld
Modify the composition ID to select a different video to render, or add an output path at the end if you want to override the default.
You can leave out the composition name and a picker will be shown:
npx remotion render
Remotion has a full-featured server-side rendering API. Read more about it on the server-side rendering API.
Check out Remotion Lambda.
You can also render a video using a GitHub Action.
An alpha version of Remotion for Cloud Run is available.
We plan to change it in the future so it shares a runtime with Remotion Lambda.
Instead of rendering a video, you can also just export the audio.
Instead of encoding as a video, you can use the --sequence command to output a series of image.
If you want a single image, you can do so using the CLI or Node.JS API.
See: Render as GIF
See: Creating overlays