# Table of Contents

- [Remotion Timeline | Remotion | Make videos programmatically](#remotion-timeline-remotion-make-videos-programmatically)
- [Support Policy | Remotion | Make videos programmatically](#support-policy-remotion-make-videos-programmatically)
- [Creating a new project | Remotion | Make videos programmatically](#creating-a-new-project-remotion-make-videos-programmatically)
- [Editor Starter | Remotion | Make videos programmatically](#editor-starter-remotion-make-videos-programmatically)
- [List of resources | Remotion | Make videos programmatically](#list-of-resources-remotion-make-videos-programmatically)
- [Remotion Timeline Demo | Remotion | Make videos programmatically](#remotion-timeline-demo-remotion-make-videos-programmatically)
- [Before you buy the Editor Starter | Remotion | Make videos programmatically](#before-you-buy-the-editor-starter-remotion-make-videos-programmatically)
- [Editor Starter Demo | Remotion | Make videos programmatically](#editor-starter-demo-remotion-make-videos-programmatically)
- [Buy the Editor Starter | Remotion | Make videos programmatically](#buy-the-editor-starter-remotion-make-videos-programmatically)
- [Remotion Recorder | Remotion | Make videos programmatically](#remotion-recorder-remotion-make-videos-programmatically)
- [Timeline – Setup | Remotion | Make videos programmatically](#timeline-setup-remotion-make-videos-programmatically)
- [Setup | Remotion | Make videos programmatically](#setup-remotion-make-videos-programmatically)
- [Timeline – Usage | Remotion | Make videos programmatically](#timeline-usage-remotion-make-videos-programmatically)
- [@remotion/animated-emoji | Remotion | Make videos programmatically](#-remotion-animated-emoji-remotion-make-videos-programmatically)
- [@remotion/animation-utils | Remotion | Make videos programmatically](#-remotion-animation-utils-remotion-make-videos-programmatically)
- [Captions | Remotion | Make videos programmatically](#captions-remotion-make-videos-programmatically)
- [Parameterized videos | Remotion | Make videos programmatically](#parameterized-videos-remotion-make-videos-programmatically)
- [@remotion/bundler | Remotion | Make videos programmatically](#-remotion-bundler-remotion-make-videos-programmatically)
- [Dependencies of the Editor Starter | Remotion | Make videos programmatically](#dependencies-of-the-editor-starter-remotion-make-videos-programmatically)
- [Embedding videos into Remotion | Remotion | Make videos programmatically](#embedding-videos-into-remotion-remotion-make-videos-programmatically)
- [Using audio | Remotion | Make videos programmatically](#using-audio-remotion-make-videos-programmatically)
- [Features in the Editor Starter | Remotion | Make videos programmatically](#features-in-the-editor-starter-remotion-make-videos-programmatically)
- [@remotion/captions | Remotion | Make videos programmatically](#-remotion-captions-remotion-make-videos-programmatically)
- [Render your video | Remotion | Make videos programmatically](#render-your-video-remotion-make-videos-programmatically)
- [@remotion/cloudrun | Remotion | Make videos programmatically](#-remotion-cloudrun-remotion-make-videos-programmatically)
- [Server-Side Rendering | Remotion | Make videos programmatically](#server-side-rendering-remotion-make-videos-programmatically)
- [API overview | Remotion | Make videos programmatically](#api-overview-remotion-make-videos-programmatically)
- [Timeline – FAQ | Remotion | Make videos programmatically](#timeline-faq-remotion-make-videos-programmatically)
- [State management in the Editor Starter | Remotion | Make videos programmatically](#state-management-in-the-editor-starter-remotion-make-videos-programmatically)
- [@remotion/elevenlabs | Remotion | Make videos programmatically](#-remotion-elevenlabs-remotion-make-videos-programmatically)
- [Remotion | Make videos programmatically](#remotion-make-videos-programmatically)
- [Remotion | Make videos programmatically](#remotion-make-videos-programmatically)
- [Animating properties | Remotion | Make videos programmatically](#animating-properties-remotion-make-videos-programmatically)
- [@remotion/player | Remotion | Make videos programmatically](#-remotion-player-remotion-make-videos-programmatically)
- [Remotion Recorder Demo | Remotion | Make videos programmatically](#remotion-recorder-demo-remotion-make-videos-programmatically)
- [The fundamentals | Remotion | Make videos programmatically](#the-fundamentals-remotion-make-videos-programmatically)
- [Undo and Redo | Remotion | Make videos programmatically](#undo-and-redo-remotion-make-videos-programmatically)
- [@remotion/cloudrun | Remotion | Make videos programmatically](#-remotion-cloudrun-remotion-make-videos-programmatically)
- [Remotion | Make videos programmatically](#remotion-make-videos-programmatically)
- [Investors | Remotion | Make videos programmatically](#investors-remotion-make-videos-programmatically)
- [Tracks, items and assets in the Editor Starter | Remotion | Make videos programmatically](#tracks-items-and-assets-in-the-editor-starter-remotion-make-videos-programmatically)
- [@remotion/fonts | Remotion | Make videos programmatically](#-remotion-fonts-remotion-make-videos-programmatically)
- [Is Remotion Recorder for me? | Remotion | Make videos programmatically](#is-remotion-recorder-for-me-remotion-make-videos-programmatically)
- [@remotion/lambda | Remotion | Make videos programmatically](#-remotion-lambda-remotion-make-videos-programmatically)
- [remotion | Remotion | Make videos programmatically](#remotion-remotion-make-videos-programmatically)
- [Remotion | Make videos programmatically](#remotion-make-videos-programmatically)
- [Remotion | Make videos programmatically](#remotion-make-videos-programmatically)
- [Transforms | Remotion | Make videos programmatically](#transforms-remotion-make-videos-programmatically)
- [Making components reusable | Remotion | Make videos programmatically](#making-components-reusable-remotion-make-videos-programmatically)
- [Client-side rendering | Remotion | Make videos programmatically](#client-side-rendering-remotion-make-videos-programmatically)
- [Animated Captions | Remotion | Make videos programmatically](#animated-captions-remotion-make-videos-programmatically)
- [Get help | Remotion | Make videos programmatically](#get-help-remotion-make-videos-programmatically)
- [Copy and Paste in the Editor Starter | Remotion | Make videos programmatically](#copy-and-paste-in-the-editor-starter-remotion-make-videos-programmatically)
- [Ask in public | Remotion | Make videos programmatically](#ask-in-public-remotion-make-videos-programmatically)
- [ensureMaxCharactersPerLine() | Remotion | Make videos programmatically](#ensuremaxcharactersperline-remotion-make-videos-programmatically)
- [v4.0 Alpha | Remotion | Make videos programmatically](#v4-0-alpha-remotion-make-videos-programmatically)
- [<Experimental.Clipper> | Remotion | Make videos programmatically](#-experimental-clipper-remotion-make-videos-programmatically)
- [<Experimental.Null> | Remotion | Make videos programmatically](#-experimental-null-remotion-make-videos-programmatically)
- [cutPath() | Remotion | Make videos programmatically](#cutpath-remotion-make-videos-programmatically)
- [zColor() | Remotion | Make videos programmatically](#zcolor-remotion-make-videos-programmatically)
- [zTextarea() | Remotion | Make videos programmatically](#ztextarea-remotion-make-videos-programmatically)
- [zMatrix() | Remotion | Make videos programmatically](#zmatrix-remotion-make-videos-programmatically)
- [uploadToVercelBlob() | Remotion | Make videos programmatically](#uploadtovercelblob-remotion-make-videos-programmatically)
- [TypeScript Types Reference | Remotion | Make videos programmatically](#typescript-types-reference-remotion-make-videos-programmatically)

---

# Remotion Timeline | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/timeline#__docusaurus_skipToContent_fallback)

Copy page

On this page

![Remotion Timeline Banner](https://www.remotion.dev/img/remotion-timeline-banner.jpg)  
  

A paid customizable timeline component that integrates seamlessly with [Remotion Player](https://www.remotion.dev/docs/player)
.  
It's perfect for builders who need a layer-based editing interface for their video editing app.

You can buy the timeline component on [remotion.pro](https://www.remotion.pro/timeline)
.

[**Demo**\
\
Video walkthrough of the timeline component](https://www.remotion.dev/docs/timeline/demo)
[**Setup**\
\
Installation and configuration guide](https://www.remotion.dev/docs/timeline/setup)
[**Usage**\
\
Component integration and state management](https://www.remotion.dev/docs/timeline/usage)
[**FAQ**\
\
Frequently asked questions](https://www.remotion.dev/docs/timeline/faq)

Key Features[​](https://www.remotion.dev/docs/timeline#key-features "Direct link to Key Features")

---------------------------------------------------------------------------------------------------

Interface:

*   Multiple track support with drag-and-drop functionality (between and within tracks)
*   Timeline item selection and manipulation
*   Keyboard shortcuts for common actions
*   `CanvasComposition` for rendering the timeline state in the Remotion Player
*   Zoomable timeline and `<ZoomSlider>` component to control the zoom level

Customization:

*   Theming with variables (Tailwind CSS V4 and V3)
*   Extensible state management

License[​](https://www.remotion.dev/docs/timeline#license "Direct link to License")

------------------------------------------------------------------------------------

The source code of the Remotion Timeline is governed by the [Remotion License](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md)
 and [its own specific license](https://www.remotion.pro/timeline?tab=license)
.

*   Remotion, as an underlying technology of the Remotion Timeline, is free to use for individuals and small companies. If you fall into this category, you can buy the Remotion Timeline as a one-time purchase. If you are a larger company, you must subscribe to the [Company License](https://www.remotion.pro/license)
    . Read the [Terms & Conditions](https://www.remotion.pro/terms)
    .
    
*   The Remotion Timeline License [can be seen in the Remotion Store Page](https://www.remotion.pro/timeline)
     as well as accessible through the dedicated GitHub repository after purchase.
    

*   [Key Features](https://www.remotion.dev/docs/timeline#key-features)
    
*   [License](https://www.remotion.dev/docs/timeline#license)

---

# Support Policy | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/support#__docusaurus_skipToContent_fallback)

Copy page

On this page

The Remotion team provides **no guarantee** for support, and you should not hold the expectation to receive any help.

However, we welcome you to ask questions and invest a lot of time into answering them.  
Follow the steps below if have a question that you would like to get answered.

How to ask for help[​](https://www.remotion.dev/docs/support#how-to-ask-for-help "Direct link to How to ask for help")

-----------------------------------------------------------------------------------------------------------------------

[See here](https://www.remotion.dev/docs/get-help)
 for channels where you can ask for help as well as for best practices for asking questions.

Prioritized support[​](https://www.remotion.dev/docs/support#prioritized-support "Direct link to Prioritized support")

-----------------------------------------------------------------------------------------------------------------------

Company License customers can get a ![](https://www.remotion.dev/img/blue-heart.png) Company License badge on Discord for their team members. The badge can be activated on [remotion.pro](https://www.remotion.pro/)
.

If posted in a public channel, the Remotion team will try to prioritize your question, albeit no guarantee of support is given.

We still expect company license subscribers to follow the best practices for asking questions outlined above.

Paid consulting[​](https://www.remotion.dev/docs/support#paid-consulting "Direct link to Paid consulting")

-----------------------------------------------------------------------------------------------------------

Our [Remotion Experts](https://www.remotion.dev/experts)
 are available for technical advice and guidance. With their extensive experience in creating Remotion projects, they will surely be of great help.

The only way to receive consulting support from the Remotion team is through the [Enterprise License](https://remotion.pro/license)
.

When we can't help[​](https://www.remotion.dev/docs/support#when-we-cant-help "Direct link to When we can't help")

-------------------------------------------------------------------------------------------------------------------

We don't provide support if:

*   the guidelines above were not followed
*   low effort was put into first solving the problem yourself
*   your question is lacking reproduction or information
*   the cause of problems is due to poor React or JavaScript skills
*   our [Code of Conduct](https://remotion.dev/coc)
     is violated

Remotion is targeted towards developers and therefore basic skills in React and web development are expected.  
You should also be mindful of the limitations of those technologies as we cannot help you overcome them.

See also[​](https://www.remotion.dev/docs/support#see-also "Direct link to See also")

--------------------------------------------------------------------------------------

*   [Get help](https://www.remotion.dev/docs/get-help)
    

*   [How to ask for help](https://www.remotion.dev/docs/support#how-to-ask-for-help)
    
*   [Prioritized support](https://www.remotion.dev/docs/support#prioritized-support)
    
*   [Paid consulting](https://www.remotion.dev/docs/support#paid-consulting)
    
*   [When we can't help](https://www.remotion.dev/docs/support#when-we-cant-help)
    
*   [See also](https://www.remotion.dev/docs/support#see-also)

---

# Creating a new project | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/#__docusaurus_skipToContent_fallback)

Copy page

On this page

Prerequisites[​](https://www.remotion.dev/docs/#prerequisites "Direct link to Prerequisites")

----------------------------------------------------------------------------------------------

To use Remotion, you need at least [Node](https://nodejs.org/en/download/)
 16 or [Bun](https://bun.sh/)
 1.0.3.

Prompting a video with Claude Code[​](https://www.remotion.dev/docs/#prompting-a-video-with-claude-code "Direct link to Prompting a video with Claude Code")

-------------------------------------------------------------------------------------------------------------------------------------------------------------

If you plan on prompting videos with **Claude Code**, see: [Prompting videos with Claude Code](https://www.remotion.dev/docs/ai/claude-code)
.

Scaffolding a new project[​](https://www.remotion.dev/docs/#scaffolding-a-new-project "Direct link to Scaffolding a new project")

----------------------------------------------------------------------------------------------------------------------------------

note

🍎 macOS 15 (Sequoia) or later is required. [Older versions are not supported.](https://github.com/remotion-dev/remotion/issues/7027)
  
🐧 [Linux distros need at least version 2.35 of Libc.](https://github.com/remotion-dev/remotion/issues/2439)
  
They also need to [install some additional packages](https://www.remotion.dev/docs/miscellaneous/linux-dependencies)
.  
Alpine Linux and nixOS are unsupported.

*   npm
*   bun
*   pnpm
*   yarn

Use npm as the package manager

`npx create-video@latest`Copy

Use pnpm as the package manager

`pnpm create video`Copy

Use Yarn as the package manager

`yarn create video`Copy

Use Bun as the package manager and runtime

`bun create video`Copy

note

Bun as a runtime is mostly supported. [Read more here](https://www.remotion.dev/docs/bun)
.

Choose the template that is most suitable for you.  
For your first project, we recommend the [Hello World](https://www.remotion.dev/templates/hello-world)
 template.

*   Regular templates
*   Next.js + React Router 7

After the project has been scaffolded, we recommend to open the project in your text editor and starting the [Remotion Studio](https://www.remotion.dev/docs/studio)
:

    npm run dev

After the project has been scaffolded, we recommend to open the project in your text editor and starting the app:

    npm run dev

To start the [Remotion Studio](https://www.remotion.dev/docs/studio)
:

    npm run remotion

Installation in existing projects[​](https://www.remotion.dev/docs/#installation-in-existing-projects "Direct link to Installation in existing projects")

----------------------------------------------------------------------------------------------------------------------------------------------------------

Want to install Remotion in an existing project? Go here instead: [Installation in existing projects](https://www.remotion.dev/docs/brownfield)

*   [Prerequisites](https://www.remotion.dev/docs/#prerequisites)
    
*   [Prompting a video with Claude Code](https://www.remotion.dev/docs/#prompting-a-video-with-claude-code)
    
*   [Scaffolding a new project](https://www.remotion.dev/docs/#scaffolding-a-new-project)
    
*   [Installation in existing projects](https://www.remotion.dev/docs/#installation-in-existing-projects)

---

# Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter#__docusaurus_skipToContent_fallback)

Copy page

On this page

![](https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/editor-starter-og-image.jpg)  
  

A template containing the most essential elements of a video editor.

*   **Save countless hours** by leveraging our pre-made components for timeline, interactive canvas, font picker, asset uploads, etc.
*   **Get the best of Remotion** put together into one template, culminating years of development and battle-testing.
*   **Customize anything** by adopting a clean, well-structured codebase with 80+ feature flags.

Introduction video[​](https://www.remotion.dev/docs/editor-starter#introduction-video "Direct link to Introduction video")

---------------------------------------------------------------------------------------------------------------------------

  

Table of contents[​](https://www.remotion.dev/docs/editor-starter#table-of-contents "Direct link to Table of contents")

------------------------------------------------------------------------------------------------------------------------

[**Demo**\
\
A demo of the Editor Starter](https://www.remotion.dev/docs/editor-starter/demo)
[**Before you buy**\
\
What to consider before buying](https://www.remotion.dev/docs/editor-starter/before-you-buy)
[**Buy**\
\
How to buy the Editor Starter](https://www.remotion.dev/docs/editor-starter/buy)
[**Setup**\
\
Installation and configuration guide](https://www.remotion.dev/docs/editor-starter/setup)
[**Dependencies**\
\
Required dependencies for Editor Starter](https://www.remotion.dev/docs/editor-starter/dependencies)
[**Features**\
\
Features included in the Editor Starter](https://www.remotion.dev/docs/editor-starter/features)
[**State Management**\
\
How state is managed in the Editor Starter](https://www.remotion.dev/docs/editor-starter/state-management)
[**Tracks, Items & Assets**\
\
Managing tracks, items, and assets](https://www.remotion.dev/docs/editor-starter/tracks-items-assets)
[**Undo and Redo**\
\
Undo and Redo functionality in the Editor Starter](https://www.remotion.dev/docs/editor-starter/undo-redo)
[**Copy and Paste**\
\
How it is implemented in the Editor Starter](https://www.remotion.dev/docs/editor-starter/copy-paste)
[**Cropping**\
\
Mechanics, UI, state management](https://www.remotion.dev/docs/editor-starter/cropping)
[**Fonts**\
\
How fonts work and which ones are included](https://www.remotion.dev/docs/editor-starter/fonts)
[**Asset Uploads**\
\
Asset upload functionality in the Editor Starter](https://www.remotion.dev/docs/editor-starter/asset-uploads)
[**Asset Cleanup**\
\
How to cleanup assets that are no longer needed](https://www.remotion.dev/docs/editor-starter/asset-cleanup)
[**Persistance**\
\
How data is persisted in the Editor Starter](https://www.remotion.dev/docs/editor-starter/persistance)
[**Captioning**\
\
How to setup captions and how they work](https://www.remotion.dev/docs/editor-starter/captioning)
[**Rendering**\
\
How to setup exports and how they work](https://www.remotion.dev/docs/editor-starter/rendering)
[**Backend Routes**\
\
Backend routes used by the Editor Starter](https://www.remotion.dev/docs/editor-starter/backend-routes)
[**Features not included**\
\
Features not included in the Editor Starter](https://www.remotion.dev/docs/editor-starter/features-not-included)
[**FAQ**\
\
Frequently asked questions](https://www.remotion.dev/docs/editor-starter/faq)

Contributors[​](https://www.remotion.dev/docs/editor-starter#contributors "Direct link to Contributors")

---------------------------------------------------------------------------------------------------------

The Editor Starter has been worked on by the following people:

*   [Jonny Burger](https://github.com/JonnyBurger)
    
*   [Igor Samokhovets](https://github.com/samohovets)
    
*   [Shankhadeep Dey](https://github.com/Iamshankhadeep)
    
*   [Mehmet Ademi](https://github.com/mehmetademi)
    
*   [Pramod Kumar](https://github.com/pskd73)
    
*   [Matthew McGillivray](https://github.com/UmungoBungo)
    

License[​](https://www.remotion.dev/docs/editor-starter#license "Direct link to License")

------------------------------------------------------------------------------------------

The source code of the Remotion Editor Starter is governed by the [Remotion License](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md)
 and [its own specific license](https://www.remotion.pro/editor-starter?tab=license)
.

*   Remotion, as an underlying technology of the Remotion Editor Starter, is free to use for individuals and small companies. If you fall into this category, you can buy the Remotion Editor Starter as a one-time purchase. If you are a larger company, you must subscribe to the [Company License](https://www.remotion.pro/license)
    . Read the [Terms & Conditions](https://www.remotion.pro/terms)
    .
    
*   The Remotion Editor Starter License [can be seen in the Remotion Store Page](https://www.remotion.pro/editor-starter)
     as well as accessible through the dedicated GitHub repository after purchase.
    

*   [Introduction video](https://www.remotion.dev/docs/editor-starter#introduction-video)
    
*   [Table of contents](https://www.remotion.dev/docs/editor-starter#table-of-contents)
    
*   [Contributors](https://www.remotion.dev/docs/editor-starter#contributors)
    
*   [License](https://www.remotion.dev/docs/editor-starter#license)

---

# List of resources | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/resources#__docusaurus_skipToContent_fallback)

Copy page

On this page

This list tries to compile all templates, libraries, building blocks and examples in one place. Add more to the list by clicking the "Improve this page" button below!

Templates[​](https://www.remotion.dev/docs/resources#templates "Direct link to Templates")

-------------------------------------------------------------------------------------------

*   Hello World (TypeScript) ([Source code](https://github.com/remotion-dev/template-helloworld)
    , [Preview](https://remotion-helloworld.vercel.app/)
    )
*   Hello World (JavaScript) ([Source code](https://github.com/remotion-dev/template-helloworld-javascript)
    , [Preview](https://template-helloworld-javascript.vercel.app/)
    )
*   Blank ([Source code](https://github.com/remotion-dev/template-empty)
    , [Preview](https://template-empty.vercel.app/)
    )
*   React Three Fiber ([Source code](https://github.com/remotion-dev/template-three)
    , [Preview](https://template-three-remotion.vercel.app/)
    )
*   Stills ([Source code](https://github.com/remotion-dev/template-still)
    , [Preview](https://template-still.vercel.app/)
    )
*   Text-to-Speech Template (Azure) ([Source code](https://github.com/FelippeChemello/Remotion-TTS-Example)
    )
*   Text-to-Speech Template (Google) ([Source code](https://github.com/thecmdrunner/remotion-gtts-template)
    )
*   Audiogram ([Source code](https://github.com/remotion-dev/template-audiogram)
    )
*   Music Visualization ([Source code](https://github.com/remotion-dev/template-music-visualization)
    )
*   Skia ([Source code](https://github.com/remotion-dev/template-skia)
    )
*   [Hello World Template with pull request video previews](https://github.com/stoat-dev/example-remotion)
    
*   [Library starter template with best practices](https://github.com/remotion-dev/library-starter)
    
*   Video Editor & Timeline Component (Next.js, Tailwind CSS) ([Source Code](https://github.com/sambowenhughes/a-react-video-editor)
    , [Preview](https://www.reactvideoeditor.com/open-source?utm_source=remotion)
    )
*   [Free Remotion Components](https://www.clippkit.com/)
    
*   [Remotion Bits - Ready-made blocks to use for you and your agents](https://remotion-bits.dev/)
    
*   Docker Build & Render ([Source code](https://github.com/scotthavird/remotion-docker-template)
    )
*   [Template for deploying Remotion on Railway](https://railway.com/deploy/remotion-on-rails)
     ([Blog](https://medium.com/@viveknathani/remotion-on-rails-0852acc9595e)
    )
*   [Multiple shared Remotion components in a Monorepo template](https://github.com/Takamasa045/remotion-studio-monorepo)
    

SaaS starter Kits[​](https://www.remotion.dev/docs/resources#saas-starter-kits "Direct link to SaaS starter Kits")

-------------------------------------------------------------------------------------------------------------------

*   [React Router 7 template](https://github.com/remotion-dev/template-react-router)
    
*   [Next.js template](https://github.com/remotion-dev/template-next)
    

Integrations[​](https://www.remotion.dev/docs/resources#integrations "Direct link to Integrations")

----------------------------------------------------------------------------------------------------

*   [React Three Fiber](https://www.remotion.dev/docs/three)
    
*   [Skia](https://www.remotion.dev/docs/skia)
    
*   [Google Fonts](https://www.remotion.dev/docs/google-fonts)
    
*   [Figma](https://www.remotion.dev/docs/figma)
    
*   [Lottie](https://www.remotion.dev/docs/lottie)
    
*   [spline.design](https://www.remotion.dev/docs/spline)
    
*   [After Effects](https://www.remotion.dev/docs/after-effects)
    
*   [Rive](https://www.remotion.dev/docs/rive)
    
*   [GIFs](https://www.remotion.dev/docs/gif)
    

Effects[​](https://www.remotion.dev/docs/resources#effects "Direct link to Effects")

-------------------------------------------------------------------------------------

*   [Motion Blur](https://www.remotion.dev/docs/motion-blur)
    
*   [Noise](https://www.remotion.dev/docs/noise)
    
*   [Path animations](https://www.remotion.dev/docs/paths)
    
*   [Glitch Effect](https://github.com/storybynumbers/remotion-glitch-effect)
    

Players[​](https://www.remotion.dev/docs/resources#players "Direct link to Players")

-------------------------------------------------------------------------------------

*   [Remotion Player](https://www.remotion.dev/docs/player)
    
*   [Vidstack Player](https://www.vidstack.io/docs/player/getting-started/installation/react?provider=remotion&styling=default-layout)
    

Animation helpers[​](https://www.remotion.dev/docs/resources#animation-helpers "Direct link to Animation helpers")

-------------------------------------------------------------------------------------------------------------------

*   [Remotion Animated](https://www.remotion-animated.dev/)
    
*   [remotion-transition-series](https://github.com/marcusstenbeck/remotion-transition-series)
    
*   [remotion-time](https://github.com/fwextensions/remotion-time)
     - use `seconds` as a time unit instead of `frame`
*   [Timing Editor](https://www.remotion.dev/timing-editor)
    
*   [remotion-animate-text](https://github.com/pskd73/remotion-animate-text)
    
*   [remotion-subtitle](https://github.com/ahgsql/remotion-subtitles)
     - Captioning helpers and styles

Full projects[​](https://www.remotion.dev/docs/resources#full-projects "Direct link to Full projects")

-------------------------------------------------------------------------------------------------------

*   [GitHub Unwrapped 2023 + 2024](https://github.com/remotion-dev/github-unwrapped)
    
*   [GitHub Unwrapped 2022](https://github.com/remotion-dev/github-unwrapped-2022)
    
*   [GitHub Unwrapped 2021](https://github.com/remotion-dev/github-unwrapped-2021)
    
*   [Podcast Maker](https://github.com/FelippeChemello/podcast-maker)
    
*   [Stargazer](https://github.com/pomber/stargazer)
    
*   [MapSnap](https://remotion.pro/)
     _(exclusive for Company License subscribers)_
*   [Mockoops](https://github.com/Just-Moh-it/Mockoops)
    
*   [Product Hunt Today](https://github.com/Kamigami55/product-hunt-today)
    
*   [Remotion Weather](https://github.com/florentpergoud/remotion-weather)
    
*   [Rewind Table](https://github.com/gregonarash/rewind-table)
     _(Airtable templates for Remotion)_
*   [Conference Speaker Announcement Cards](https://github.com/lyonjs/social-video-generator)
    
*   [Motionly.video](https://github.com/karelnagel/motionly)
    
*   [DataVids](https://github.com/apsquared/datavids_public)
    
*   [Bar race chart](https://github.com/hylarucoder/remotion-bar-race-chart)
    
*   [Captioning and background removal with Sieve](https://github.com/sieve-community/auto-reel-edit)
    

Examples[​](https://www.remotion.dev/docs/resources#examples "Direct link to Examples")

----------------------------------------------------------------------------------------

*   Music with Tone.JS ([Source code](https://github.com/remotion-dev/tone-js-example)
    , [Preview](https://tone-js-example.vercel.app/)
    )
*   Animate .glb models ([Source code](https://github.com/remotion-dev/glb-example)
    , [Preview](https://glb-example.vercel.app/)
    )
*   Typewriter effect ([Source code](https://github.com/remotion-dev/typewriter)
    , [Preview](https://typewriter-remotion.vercel.app/)
    )
*   D3.js example ([Source code](https://github.com/remotion-dev/d3-example)
    , [Preview](https://d3-example-remotion.vercel.app/)
    )
*   Greenscreen Effect ([Docs](https://www.remotion.dev/docs/video-manipulation)
    )
*   Noise visualization ([Docs](https://www.remotion.dev/docs/noise-visualization)
    )
*   Audio visualization ([Docs](https://www.remotion.dev/docs/audio/visualization)
    )
*   3D Text ([Source code](https://github.com/remotion-dev/3d-text)
    , [Preview](https://3d-text-remotion.vercel.app/)
    )
*   Wavy TikTok Effect ([Source code](https://github.com/JonnyBurger/wavy-meme)
    )
*   Apple "Spring loaded" animation ([Source code](https://github.com/JonnyBurger/spring-loaded)
    )
*   Three.js particles animation ([Source code](https://github.com/JonnyBurger/three-particles)
    , [Preview](https://three-particles-remotion.vercel.app/)
    )
*   Text morphing ([Source code](https://github.com/remotion-dev/morph-text)
    , [Preview](https://morph-text-remotion.vercel.app/)
    )
*   Text warping ([Source code](https://github.com/remotion-dev/text-warping)
    , [Preview](https://text-warping.vercel.app/?/Promo)
    )
*   Animate GLTF models ([Source code](https://github.com/remotion-dev/remotion-three-gltf-example)
    , [Preview](https://remotion-three-gltf-example.vercel.app/)
    )
*   OpenGL transitions ([Source code](https://github.com/remotion-dev/remotion-gl-transitions)
    , [Preview](https://remotion-gl-transitions.vercel.app/)
    )
*   Conference talk in React ([Source code](https://github.com/pomber/record-talk-with-remotion)
    )
*   Conference talk in React #2 ([Source code](https://github.com/JonnyBurger/react-summit-talk)
    )
*   Twitch stinger example ([Source code](https://github.com/JonnyBurger/ledevevent-stinger)
    )
*   DevContainer Template ([Source code](https://github.com/openscript/remotion-devcontainer-template)
    )
*   Anime.js example ([Source code](https://github.com/remotion-dev/anime-example)
    , [Preview](https://anime-example-remotion.vercel.app/)
    )
*   Mapbox example ([Source code](https://github.com/remotion-dev/mapbox-example)
    )
*   Shader example ([Source code](https://github.com/onion2k/a-roll)
    )
*   Jump cuts without re-mounting ([Source code](https://github.com/remotion-dev/video-with-jump-cuts)
    , [Preview](https://video-with-jump-cuts.vercel.app/)
    )
*   CSS animations ([Source code](https://github.com/remotion-dev/css-animation-play-state)
    , [Preview](https://css-animation-play-state.vercel.app/)
    )
*   Globe.gl example ([Source code](https://github.com/alexfernandez803/remotion-globegl)
    )
*   Measuring the size of a DOM node ([Source code](https://github.com/remotion-dev/measure-item)
    , [Preview](https://measure-item.vercel.app/)
    )
*   Light-leak Transition ([Source code](https://github.com/remotion-dev/light-leak-example)
    , [Preview](https://light-leak-example.vercel.app/)
    )
*   12+ Remotion Examples ([Preview](https://remotion-example.vercel.app/)
    )
*   Pool game with Matter.js ([Source code and Preview](https://github.com/hylarucoder/remotion-physics)
    )

Components[​](https://www.remotion.dev/docs/resources#components "Direct link to Components")

----------------------------------------------------------------------------------------------

*   Free Remotion Animations & Effects ([Source Code](https://github.com/reactvideoeditor/remotion-templates)
    , [Preview](https://www.reactvideoeditor.com/remotion-templates?utm_source=remotion)
    )
*   [TikTok Text Box](https://github.com/KyleTryon/TikTokTextBox)
    

Videos[​](https://www.remotion.dev/docs/resources#videos "Direct link to Videos")

----------------------------------------------------------------------------------

See the [Showcase](https://www.remotion.dev/showcase)
 for videos made with Remotion.

Tutorials[​](https://www.remotion.dev/docs/resources#tutorials "Direct link to Tutorials")

-------------------------------------------------------------------------------------------

*   [Spotify Wrapped 2020](https://www.youtube.com/watch?v=I-y_5H9-3gk&t=86s)
    
*   [Spotify Wrapped 2025](https://www.youtube.com/watch?v=WAjO-M_Q9C0)
    
*   [Programmatic Stories](https://www.youtube.com/watch?v=70UdF6DWY3M&t=6s)
    
*   [Basketball Tracker](https://www.youtube.com/watch?v=A8miHLSf_BI&t=77s)
    
*   [Formula 1 Graphics](https://www.youtube.com/watch?v=sA-X0Bw_7Gg&t=146s)
    
*   [Remotion Skia Tutorial](https://www.youtube.com/watch?v=-7MOoWN2_nk)
    
*   [Fireship: Remotion Tutorial](https://www.youtube.com/watch?v=deg8bOoziaE&t=3s)
    
*   [CRT effect](https://www.youtube.com/watch?v=-7MOoWN2_nk)
    
*   ["Create videos with Code" by Prismic](https://prismic.io/blog/create-videos-with-code-remotion-tutorial)
    
*   [Integrate GreenSock with Remotion](https://archive.ph/dGQ19)
    
*   [DVD Screensaver Tutorial](https://www.youtube.com/watch?v=n69siyttEwM)
    
*   [Remotion Tutorial by Alfonso Graziano](https://www.youtube.com/watch?v=r4v1J7ozxIg)
    
*   [Timing animations](https://www.youtube.com/watch?v=WigIALCnEvw)
    
*   ["Create a video from a podcast with Remotion and AI"](https://www.youtube.com/watch?v=EGxBBL91nRM)
    
*   [Football Graphics](https://www.youtube.com/watch?v=BI8IWwaDt8s)
    

Blog posts[​](https://www.remotion.dev/docs/resources#blog-posts "Direct link to Blog posts")

----------------------------------------------------------------------------------------------

*   [Integrating Anime.js with Remotion](https://revidcraft.com/posts/remotion-part-02)
    

Tooling[​](https://www.remotion.dev/docs/resources#tooling "Direct link to Tooling")

-------------------------------------------------------------------------------------

*   [VS Code extension](https://marketplace.visualstudio.com/items?itemName=KarelNagel.remotion-vscode)
    
*   [GIF Pull request previews](https://github.com/stoat-dev/example-remotion)
    
*   [Loading compositions remotely](https://github.com/musafiroon/remotion-remote-composition)
    

Hacks[​](https://www.remotion.dev/docs/resources#hacks "Direct link to Hacks")

-------------------------------------------------------------------------------

*   [GitHub Actions Matrix renderer](https://github.com/yuvraj108c/Remotion-Matrix-Renderer)
    
*   [WebKit renderer](https://iosexample.com/using-wkwebview-as-a-faster-alternative-for-rendering-remotion-compositions/)
    
*   [Rustymotion - Rust renderer](https://github.com/clearlysid/rustymotion)
    
*   [Side-by-side editor](https://www.loom.com/share/7b2aa7fe14c04e858838f137ed19dfd8)
    

Humans[​](https://www.remotion.dev/docs/resources#humans "Direct link to Humans")

----------------------------------------------------------------------------------

*   [Experts](https://www.remotion.dev/experts)
    
*   [Support](https://www.remotion.dev/docs/support)
    
*   [Success Stories](https://www.remotion.dev/success-stories)
    

Products[​](https://www.remotion.dev/docs/resources#products "Direct link to Products")

----------------------------------------------------------------------------------------

*   [Typeframes](https://www.typeframes.com/)
    
*   [ClipPulse](https://www.clippulse.com/)
    
*   [Augie](https://www.meetaugie.com/)
    
*   [Hackreels](https://www.hackreels.com/)
    
*   [AnimStats](https://www.animstats.com/)
    
*   [Content Studio AI](https://contentstudioai.com/)
    
*   [HeySam, the AI Sales Engineer](https://www.heysam.ai/)
    
*   [Frameloop AI](https://www.frameloop.ai/)
    
*   [aicut - Faceless Videos](https://www.aicut.pro/)
    
*   [vidbuilder.ai](https://vidbuilder.ai/)
    

See also[​](https://www.remotion.dev/docs/resources#see-also "Direct link to See also")

----------------------------------------------------------------------------------------

*   [Remotion GitHub topic](https://github.com/topics/remotion)
    
*   [#resources and #showcase channel on Discord](https://remotion.dev/discord)
    

Many resources in our documentation were left out from this list to avoid too much redundancy.  
[Search](https://www.remotion.dev/search)
 the documentation to see if we have an article on what you are looking for!

*   [Templates](https://www.remotion.dev/docs/resources#templates)
    
*   [SaaS starter Kits](https://www.remotion.dev/docs/resources#saas-starter-kits)
    
*   [Integrations](https://www.remotion.dev/docs/resources#integrations)
    
*   [Effects](https://www.remotion.dev/docs/resources#effects)
    
*   [Players](https://www.remotion.dev/docs/resources#players)
    
*   [Animation helpers](https://www.remotion.dev/docs/resources#animation-helpers)
    
*   [Full projects](https://www.remotion.dev/docs/resources#full-projects)
    
*   [Examples](https://www.remotion.dev/docs/resources#examples)
    
*   [Components](https://www.remotion.dev/docs/resources#components)
    
*   [Videos](https://www.remotion.dev/docs/resources#videos)
    
*   [Tutorials](https://www.remotion.dev/docs/resources#tutorials)
    
*   [Blog posts](https://www.remotion.dev/docs/resources#blog-posts)
    
*   [Tooling](https://www.remotion.dev/docs/resources#tooling)
    
*   [Hacks](https://www.remotion.dev/docs/resources#hacks)
    
*   [Humans](https://www.remotion.dev/docs/resources#humans)
    
*   [Products](https://www.remotion.dev/docs/resources#products)
    
*   [See also](https://www.remotion.dev/docs/resources#see-also)

---

# Remotion Timeline Demo | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/timeline/demo#__docusaurus_skipToContent_fallback)

Copy page

Here is a walkthrough of how to add the Remotion Timeline to your project.

Timestamps:

00:17 - Copying the Remotion Timeline implementation into the main app codebase 00:41 - Setting up Tailwind theme 01:03 - Integrating the Timeline code into the app 01:50 - Customizing colors (adding a light theme)

---

# Before you buy the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/before-you-buy#__docusaurus_skipToContent_fallback)

Copy page

On this page

Is the Editor Starter for you?

### You want to make a video editor[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-make-a-video-editor "Direct link to You want to make a video editor")

You don't want to edit a video for yourself, you want to make a video editor.  
You are a developer or have a developer on your team.

### You want to build it with React 19[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-build-it-with-react-19 "Direct link to You want to build it with React 19")

The Editor Starter is built with React 19.  
Your application is on React 19 already or you are willing to start your app from scratch using our template.

### You want to use Remotion[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-use-remotion "Direct link to You want to use Remotion")

Remotion is used for playback and for rendering videos.  
You are fine with using Remotion and are okay with its [license](https://www.remotion.dev/docs/license)
.

### You want to use Tailwind v4[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-use-tailwind-v4 "Direct link to You want to use Tailwind v4")

The Editor Starter uses Tailwind v4. To integrate it, your app must also use Tailwind v4.

If you are starting from scratch, our template sets up Tailwind v4 for you. If you are integrating into an existing project that doesn’t use Tailwind v4, plan to add or upgrade to Tailwind v4.

### You want to use TypeScript[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-use-typescript "Direct link to You want to use TypeScript")

The Editor Starter is built with TypeScript. You are fine with using TypeScript.

### You want to iterate on the editor[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-iterate-on-the-editor "Direct link to You want to iterate on the editor")

The Editor Starter is only a starter template.  
We assume you will want to fork it, add features or integrate it with AI.

You are capable of doing so and are aware of the [features that are not included in the Editor Starter](https://www.remotion.dev/docs/editor-starter/features-not-included)
.

See also[​](https://www.remotion.dev/docs/editor-starter/before-you-buy#see-also "Direct link to See also")

------------------------------------------------------------------------------------------------------------

*   [Features](https://www.remotion.dev/docs/editor-starter/features)
    
*   [Features not included](https://www.remotion.dev/docs/editor-starter/features-not-included)
    
*   [Frequently asked questions](https://www.remotion.dev/docs/editor-starter/faq)
    
*   [Dependencies](https://www.remotion.dev/docs/editor-starter/dependencies)
    
*   [Remotion License](https://www.remotion.dev/docs/license)
    

*   [You want to make a video editor](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-make-a-video-editor)
    
*   [You want to build it with React 19](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-build-it-with-react-19)
    
*   [You want to use Remotion](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-use-remotion)
    
*   [You want to use Tailwind v4](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-use-tailwind-v4)
    
*   [You want to use TypeScript](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-use-typescript)
    
*   [You want to iterate on the editor](https://www.remotion.dev/docs/editor-starter/before-you-buy#you-want-to-iterate-on-the-editor)
    
*   [See also](https://www.remotion.dev/docs/editor-starter/before-you-buy#see-also)

---

# Editor Starter Demo | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/demo#__docusaurus_skipToContent_fallback)

Copy page

On this page

Try out the Editor Starter yourself!

| Empty project | Announcement video |
| --- | --- |
| ![Empty Editor Starter project](https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/demo-empty-state.png) | ![Editor Starter announcement video](https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/demo-editor-starter.png) |
| [](https://editor-starter.remotion.dev/)<br><br>[**Try empty project**](https://editor-starter.remotion.dev/) | [](https://editor-starter.remotion.dev/#state=eyJ0cmFja3MiOlt7ImlkIjoiNkJaYiIsIml0ZW1zIjpbIlkyMkEiXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiN01sMyIsIml0ZW1zIjpbIlZ6Z0wiXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiZWlQQiIsIml0ZW1zIjpbIkhtQUciLCJTbDhZIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX0seyJpZCI6IjdJbW4iLCJpdGVtcyI6WyJsUGdnIiwiVUIxSiIsIjhteW4iXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiSnk0cCIsIml0ZW1zIjpbIlE3TXAiXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiVDZzZCIsIml0ZW1zIjpbInZUa2siXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoibE5YRyIsIml0ZW1zIjpbInlFRTciXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiSmhqbCIsIml0ZW1zIjpbIklxODQiLCJyVWlXIiwiVXYxTSJdLCJoaWRkZW4iOmZhbHNlLCJtdXRlZCI6ZmFsc2V9LHsiaWQiOiJBRjhWIiwiaXRlbXMiOlsiRVZlRSIsInpnQXoiLCJkMFNLIiwibmRmViIsIjV0WXMiLCJyOUk1IiwiNXE5NSIsIk12ZEciLCJSQW56IiwiaElLSiIsIkNGdXgiLCJncWtwIiwidDY4dCIsIk5sSUkiLCJzdDNXIiwid0pjTyIsIlV3UW4iLCIyVFliIiwiTHB1ZCIsIm93ZVgiLCJrZ3NkIiwiSWxXMCJdLCJoaWRkZW4iOmZhbHNlLCJtdXRlZCI6ZmFsc2V9LHsiaWQiOiI1ZTRRIiwiaXRlbXMiOlsiVmdzSCIsIm1LS3AiLCJVVUFzIiwieEVncCIsIjNPRkoiLCJ3V2JWIiwiOEF2ayIsIlJzN2oiLCIyT0VWIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX0seyJpZCI6Ik9QSXoiLCJpdGVtcyI6WyJXWXpXIiwiWmJjZSIsImhYbGsiLCI3M2doIiwiR1ludCIsIk1CMU0iLCIwejMzIiwiVk5POCIsIlRxM1IiLCJaZmZtIiwibkcwdCIsIlh5MWMiLCJFeVFMIiwidWZDZiIsInFGZjMiLCJGWmFXIiwiNFNnSiIsIk9NMWoiLCJVUG85IiwiWVR6byIsIlgydHQiLCIwcmJUIiwiek0xOSIsIjJSZkciLCJNeUlQIiwiRnhlNiIsIlhxN24iLCIwcFpVIiwiRlFTaCIsIms5bUUiLCJRRFJUIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX0seyJpZCI6ImNPS2QiLCJpdGVtcyI6WyJHWjVSIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX1dLCJmcHMiOjMwLCJjb21wb3NpdGlvbldpZHRoIjoxOTIwLCJjb21wb3NpdGlvbkhlaWdodCI6MTA4MCwiaXRlbXMiOnsiV1l6VyI6eyJpZCI6IldZelciLCJkdXJhdGlvbkluRnJhbWVzIjoxOCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjkuNTY2NjY2NjY2NjY2NjU4LCJmcm9tIjoxMDgsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJvNVBXIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yMiwibGVmdCI6LTQ3LCJ3aWR0aCI6MTk2NywiaGVpZ2h0IjoxMTA3LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiSXE4NCI6eyJpZCI6IklxODQiLCJkdXJhdGlvbkluRnJhbWVzIjoyMiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjguMTY2NjY2NjY2NjY2NjU5LCJmcm9tIjo4NywidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im81UFciLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTIyLCJsZWZ0IjotMzUsIndpZHRoIjoxOTY3LCJoZWlnaHQiOjExMDcsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MC4yNTc3NzIyMTM4NjkzODY4NywiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCI3M2doIjp7ImlkIjoiNzNnaCIsImR1cmF0aW9uSW5GcmFtZXMiOjM2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6NC41OTk5OTk5OTk5OTk5OTUsImZyb20iOjE5NSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6InZSV1kiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTIwLCJsZWZ0IjotMjgsIndpZHRoIjoxOTYyLCJoZWlnaHQiOjExMDQsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJoWGxrIjp7ImlkIjoiaFhsayIsImR1cmF0aW9uSW5GcmFtZXMiOjMyLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi42LCJmcm9tIjoxNjMsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJha2RIIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi00LCJsZWZ0IjotNywid2lkdGgiOjE5MjcsImhlaWdodCI6MTA4Niwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIlpiY2UiOnsiaWQiOiJaYmNlIiwiZHVyYXRpb25JbkZyYW1lcyI6MzcsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo2LjE2NjY2NjY2NjY2NjY2MjUsImZyb20iOjEyNiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IjNSR0IiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTI3MiwibGVmdCI6LTQzOSwid2lkdGgiOjMzNDMsImhlaWdodCI6MTg4Miwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC43LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiR1ludCI6eyJpZCI6IkdZbnQiLCJkdXJhdGlvbkluRnJhbWVzIjo2MSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjQuOTMzMzMzMzMzMzMzMzMzLCJmcm9tIjoyMzEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJNVDV1IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNzUsImxlZnQiOi0zMzksIndpZHRoIjoyMjgyLCJoZWlnaHQiOjEyODUsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJNQjFNIjp7ImlkIjoiTUIxTSIsImR1cmF0aW9uSW5GcmFtZXMiOjQzLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi4wMDAwMDAwMDAwMDAwMDIsImZyb20iOjI5MiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkVsdjAiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTE3MCwibGVmdCI6LTIxNywid2lkdGgiOjIzMDYsImhlaWdodCI6MTI5OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjB6MzMiOnsiaWQiOiIwejMzIiwiZHVyYXRpb25JbkZyYW1lcyI6ODYsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjozLjU5OTk5OTk5OTk5OTk5OSwiZnJvbSI6MzM1LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiTEcwSyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTUzLCJsZWZ0IjotMzI0LCJ3aWR0aCI6MjQ3MSwiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjo2LCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiVk5POCI6eyJpZCI6IlZOTzgiLCJkdXJhdGlvbkluRnJhbWVzIjo4MCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNDY2NjY2NjY2NjY2NjY2LCJmcm9tIjo0MjEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJMRzBLIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yNDksImxlZnQiOi0xMzQsIndpZHRoIjozMjEzLCJoZWlnaHQiOjE4MDksIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjYsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJUcTNSIjp7ImlkIjoiVHEzUiIsImR1cmF0aW9uSW5GcmFtZXMiOjYyLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MS41NDAwMDAwMDAwMDAwMDIzLCJmcm9tIjo1MDEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiI5TFl0IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNSwibGVmdCI6LTE3LCJ3aWR0aCI6MzM1NywiaGVpZ2h0IjoxODkwLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLjQsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ1ZkNmIjp7ImlkIjoidWZDZiIsImR1cmF0aW9uSW5GcmFtZXMiOjgxLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi44MDE2NjY2NjY2NjY2NjM2LCJmcm9tIjo3MjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJsRHAwIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yMjcsImxlZnQiOi04MTAsIndpZHRoIjozNDQ4LCJoZWlnaHQiOjE5NDEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjAuNjUsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJxRmYzIjp7ImlkIjoicUZmMyIsImR1cmF0aW9uSW5GcmFtZXMiOjc0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Ni42MTMzMzMzMzMzMzMzMywiZnJvbSI6ODAxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiZHBNdSIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotOTUsImxlZnQiOi01NDcsIndpZHRoIjoyNDY1LCJoZWlnaHQiOjEzODgsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjAuNjUsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJGWmFXIjp7ImlkIjoiRlphVyIsImR1cmF0aW9uSW5GcmFtZXMiOjY2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6My43MDAwMDAwMDAwMDAwMDIsImZyb20iOjg3NSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IlZ0YVUiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTkwLCJsZWZ0IjotNjg1LCJ3aWR0aCI6MjY1MCwiaGVpZ2h0IjoxNDkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRXlRTCI6eyJpZCI6IkV5UUwiLCJkdXJhdGlvbkluRnJhbWVzIjozMiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjUuMjMwMDAwMDAwMDAwMDAyLCJmcm9tIjo2ODgsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi02OTQsImxlZnQiOi0yNDkzLCJ3aWR0aCI6NjMzMSwiaGVpZ2h0IjozNTY0LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjcsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJYeTFjIjp7ImlkIjoiWHkxYyIsImR1cmF0aW9uSW5GcmFtZXMiOjQwLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6NC41MzMzMzMzMzMzMzMzMzMsImZyb20iOjY0OCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkJ3Vk4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTE2OTUsImxlZnQiOi0zMDQxLCJ3aWR0aCI6NDk2NywiaGVpZ2h0IjoyNzk2LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiR1o1UiI6eyJpZCI6IkdaNVIiLCJkdXJhdGlvbkluRnJhbWVzIjoxNzU1LCJhdWRpb1N0YXJ0RnJvbUluU2Vjb25kcyI6MCwiZnJvbSI6ODYsInR5cGUiOiJhdWRpbyIsInRvcCI6MCwibGVmdCI6MCwid2lkdGgiOjEwMCwiaGVpZ2h0IjoxMDAsIm9wYWNpdHkiOjEsImRlY2liZWxBZGp1c3RtZW50IjotNi45MDEwNDE2NjY2NjY2NTcsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImFzc2V0SWQiOiIwM1ROIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlfSwiWmZmbSI6eyJpZCI6IlpmZm0iLCJkdXJhdGlvbkluRnJhbWVzIjo0MSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuODY2NjY2NjY2NjY2NjY2LCJmcm9tIjo1NjMsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMjAsImxlZnQiOi01MzksIndpZHRoIjozNDgxLCJoZWlnaHQiOjE5NjAsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjoxLjEyNSwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiNFNnSiI6eyJpZCI6IjRTZ0oiLCJkdXJhdGlvbkluRnJhbWVzIjo5MCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuNTY2NjY2NjY2NjY2NjY2OSwiZnJvbSI6OTQxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiQ05HSyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjowLCJsZWZ0IjotOSwid2lkdGgiOjE5MzIsImhlaWdodCI6MTA4Nywib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOi02MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiT00xaiI6eyJpZCI6Ik9NMWoiLCJkdXJhdGlvbkluRnJhbWVzIjo0OCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjIuNDMzMzMzMzMzMzMzMzMyLCJmcm9tIjoxMDMxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoid1Z3VyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTI0MCwibGVmdCI6LTIyMTUsIndpZHRoIjo0MTMwLCJoZWlnaHQiOjIzMjUsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJVUG85Ijp7ImlkIjoiVVBvOSIsImR1cmF0aW9uSW5GcmFtZXMiOjQxLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6My4wNjY2NjY2NjY2NjY2NjY0LCJmcm9tIjoxMDc5LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoid1Z3VyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotNTc5LCJsZWZ0IjotMjM5LCJ3aWR0aCI6MzI3MSwiaGVpZ2h0IjoxODQyLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiWVR6byI6eyJpZCI6IllUem8iLCJkdXJhdGlvbkluRnJhbWVzIjoxMDEsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjowLjk5OTk5OTk5OTk5OTk5ODYsImZyb20iOjExMjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJMY3lyIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNTksImxlZnQiOi0zNzAsIndpZHRoIjoyNTQ3LCJoZWlnaHQiOjE0MzQsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCIwcmJUIjp7ImlkIjoiMHJiVCIsImR1cmF0aW9uSW5GcmFtZXMiOjE0NCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuNDY2NjY2NjY2NjY2NjY2MSwiZnJvbSI6MTI3NiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkZFaGsiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6MCwibGVmdCI6LTUsIndpZHRoIjoxOTI4LCJoZWlnaHQiOjEwODQsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJYMnR0Ijp7ImlkIjoiWDJ0dCIsImR1cmF0aW9uSW5GcmFtZXMiOjU1LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi45OTk5OTk5OTk5OTk5OTksImZyb20iOjEyMjEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJaRmlHIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNiwibGVmdCI6LTU3LCJ3aWR0aCI6MTk3OCwiaGVpZ2h0IjoxMTEzLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRnhlNiI6eyJpZCI6IkZ4ZTYiLCJkdXJhdGlvbkluRnJhbWVzIjoxMDcsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo2LjA2NjY2NjY2NjY2NjY2NiwiZnJvbSI6MTUzNiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im9iZkgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTgsImxlZnQiOi0yMywid2lkdGgiOjE5NTEsImhlaWdodCI6MTA5OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sInpNMTkiOnsiaWQiOiJ6TTE5IiwiZHVyYXRpb25JbkZyYW1lcyI6NjQsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjczMzMzMzMzMzMzMzMzMywiZnJvbSI6MTQyMCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im9iZkgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTksImxlZnQiOi0zMiwid2lkdGgiOjE5NjMsImhlaWdodCI6MTEwNSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjJSZkciOnsiaWQiOiIyUmZHIiwiZHVyYXRpb25JbkZyYW1lcyI6MzcsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjozLjg2NjY2NjY2NjY2NjY2NjMsImZyb20iOjE0ODQsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJvYmZIIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yNjYsImxlZnQiOi0zNiwid2lkdGgiOjI0NDYsImhlaWdodCI6MTM3Niwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIk15SVAiOnsiaWQiOiJNeUlQIiwiZHVyYXRpb25JbkZyYW1lcyI6MTUsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo1LjM0NTAwMDAwMDAwMDAwMSwiZnJvbSI6MTUyMSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im9iZkgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTI2NiwibGVmdCI6LTM2LCJ3aWR0aCI6MjQ0NiwiaGVpZ2h0IjoxMzc2LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjI1LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiWHE3biI6eyJpZCI6IlhxN24iLCJkdXJhdGlvbkluRnJhbWVzIjoxMDksInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjowLCJmcm9tIjoxNjQzLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoibjFJRCIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjowLCJsZWZ0IjotMSwid2lkdGgiOjE5NDEsImhlaWdodCI6MTA5Mywib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6My43NSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjBwWlUiOnsiaWQiOiIwcFpVIiwiZHVyYXRpb25JbkZyYW1lcyI6NzksInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo1Ljk2NjY2NjY2NjY2NjY2MTUsImZyb20iOjE3NTIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJrUzhHIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjEsImxlZnQiOi0xMDI5LCJ3aWR0aCI6MzkyNCwiaGVpZ2h0IjoyMjA5LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRlFTaCI6eyJpZCI6IkZRU2giLCJkdXJhdGlvbkluRnJhbWVzIjo0OSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjcuOTkzMzMzMzMzMzMzMzI1LCJmcm9tIjoxODMxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoia1M4RyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjoxLCJsZWZ0IjotMTAyOSwid2lkdGgiOjM5MjQsImhlaWdodCI6MjIwOSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC43LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MS41Mjg0MTQ5NzQyNTg4OTY0LCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJuRzB0Ijp7ImlkIjoibkcwdCIsImR1cmF0aW9uSW5GcmFtZXMiOjQ0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi45MzMzMzMzMzMzMzMzMzQsImZyb20iOjYwNCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkJ3Vk4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTE4MSwibGVmdCI6LTEzOTIsIndpZHRoIjozMzE0LCJoZWlnaHQiOjE4NjYsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJWZ3NIIjp7ImlkIjoiVmdzSCIsImR1cmF0aW9uSW5GcmFtZXMiOjk4LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MzcuOTk5OTk5OTk5OTk5OTQsImZyb20iOjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJEODZHIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDcyLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJtS0twIjp7ImlkIjoibUtLcCIsImR1cmF0aW9uSW5GcmFtZXMiOjYzMywidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjQuODk5OTk5OTk5OTk5OTk4LCJmcm9tIjoxODc5LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoidG9DYSIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMzA5LCJsZWZ0IjotNTQ4LCJ3aWR0aCI6MjQ3MiwiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAuMjMwMTg5OTkzMDA0NzI4MSwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ4RWdwIjp7ImlkIjoieEVncCIsImR1cmF0aW9uSW5GcmFtZXMiOjQzOSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjI2LjkwMDAwMDAwMDAwMDA2LCJmcm9tIjozNDE0LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoidEhRMiIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMzA5LCJsZWZ0IjotNTQ4LCJ3aWR0aCI6MjQ3MywiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiVVVBcyI6eyJpZCI6IlVVQXMiLCJkdXJhdGlvbkluRnJhbWVzIjo4MTksInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxMjkuNzMzMzMzMzMzMzMzMTIsImZyb20iOjI1MTIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJDMUxVIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDczLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjoyLjg0NzM2ODU0NjU0MTIsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjNPRkoiOnsiaWQiOiIzT0ZKIiwiZHVyYXRpb25JbkZyYW1lcyI6NDQzLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6OC42NjY2NjY2NjY2NjY2NjYsImZyb20iOjM5MDEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiIxbWNYIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDczLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ3V2JWIjp7ImlkIjoid1diViIsImR1cmF0aW9uSW5GcmFtZXMiOjYxNiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuNDMzMzMzMzMzMzMzMzM0NSwiZnJvbSI6NDM0NCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IlQwbUgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTMwOSwibGVmdCI6LTU0OCwid2lkdGgiOjI0NzMsImhlaWdodCI6MTM5MSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjhBdmsiOnsiaWQiOiI4QXZrIiwiZHVyYXRpb25JbkZyYW1lcyI6MzY0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi4yMDAwMDAwMDAwMDAwMDIsImZyb20iOjQ5NjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiIxUktvIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDczLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJSczdqIjp7ImlkIjoiUnM3aiIsImR1cmF0aW9uSW5GcmFtZXMiOjc2OSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjkuNDMzMzMzMzMzMzMzMzM1LCJmcm9tIjo1MzI0LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiRnVheiIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMzA5LCJsZWZ0IjotNTQ4LCJ3aWR0aCI6MjQ3MywiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRVZlRSI6eyJ0eXBlIjoiY2FwdGlvbnMiLCJhc3NldElkIjoiMzFmNSIsImR1cmF0aW9uSW5GcmFtZXMiOjk4LCJmcm9tIjowLCJoZWlnaHQiOjE5MiwiaWQiOiJFVmVFIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJsZWZ0Ijo1MzAsInRvcCI6Nzc4LCJ3aWR0aCI6ODYwLCJvcGFjaXR5IjoxLCJmb250RmFtaWx5IjoiVGlrVG9rIFNhbnMiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjYwMCJ9LCJyb3RhdGlvbiI6MCwibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJmb250U2l6ZSI6ODAsImFsaWduIjoiY2VudGVyIiwiY29sb3IiOiJ3aGl0ZSIsImhpZ2hsaWdodENvbG9yIjoiIzAyYzhmZiIsImRpcmVjdGlvbiI6Imx0ciIsInBhZ2VEdXJhdGlvbkluTWlsbGlzZWNvbmRzIjoyODAwLCJjYXB0aW9uU3RhcnRJblNlY29uZHMiOjM3Ljk5OTk5OTk5OTk5OTk0LCJzdHJva2VXaWR0aCI6MTAsInN0cm9rZUNvbG9yIjoiYmxhY2siLCJtYXhMaW5lcyI6MiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sInpnQXoiOnsiaWQiOiJ6Z0F6IiwiZHVyYXRpb25JbkZyYW1lcyI6MTQ0LCJ0b3AiOi01LCJsZWZ0IjotMTgsIndpZHRoIjoxOTM2LCJoZWlnaHQiOjE1NzEsImZyb20iOjIzODAsInR5cGUiOiJpbWFnZSIsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImFzc2V0SWQiOiIxRFdjIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJrZWVwQXNwZWN0UmF0aW8iOnRydWUsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjM2NjgxODEyMDU0Mjk5NTgsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC40MDg3OTA5MjAwMDg4MDYxfSwiZDBTSyI6eyJpZCI6ImQwU0siLCJkdXJhdGlvbkluRnJhbWVzIjo2MywidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjAsImZyb20iOjI5OTgsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJuMUlEIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjAsImxlZnQiOi0xLCJ3aWR0aCI6MTk0MSwiaGVpZ2h0IjoxMDkzLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6LTYwLCJwbGF5YmFja1JhdGUiOjIuNTUsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJuZGZWIjp7ImlkIjoibmRmViIsImR1cmF0aW9uSW5GcmFtZXMiOjQ2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MS4wNjY2NjY2NjY2NjY2NjUzLCJmcm9tIjozMDYxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiTGN5ciIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTU5LCJsZWZ0IjotMzcwLCJ3aWR0aCI6MjU0NywiaGVpZ2h0IjoxNDM0LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiNXRZcyI6eyJpZCI6IjV0WXMiLCJkdXJhdGlvbkluRnJhbWVzIjo0NiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNjEzMzMzMzMzMzMzMzMsImZyb20iOjMxMDcsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJkcE11IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi05NSwibGVmdCI6LTU0Nywid2lkdGgiOjI0NjUsImhlaWdodCI6MTM4OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC42NSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sInI5STUiOnsiaWQiOiJyOUk1IiwiZHVyYXRpb25JbkZyYW1lcyI6NDYsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjU2NjY2NjY2NjY2NjY2NjksImZyb20iOjMxNTMsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJDTkdLIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjAsImxlZnQiOi05LCJ3aWR0aCI6MTkzMiwiaGVpZ2h0IjoxMDg3LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6LTYwLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCI1cTk1Ijp7ImlkIjoiNXE5NSIsImR1cmF0aW9uSW5GcmFtZXMiOjY2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Ni43NjY2NjY2NjY2NjY2NjQsImZyb20iOjMxOTksInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJOZnNGIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi02MTksImxlZnQiOi0yMiwid2lkdGgiOjI3MTgsImhlaWdodCI6MTY5OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MS40LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiTXZkRyI6eyJpZCI6Ik12ZEciLCJkdXJhdGlvbkluRnJhbWVzIjo3NSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNTY2NjY2NjY2NjY2NjU5LCJmcm9tIjozMjY1LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoia1M4RyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjoxLCJsZWZ0IjotMTAyOSwid2lkdGgiOjM5MjQsImhlaWdodCI6MjIwOSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIms5bUUiOnsiaWQiOiJrOW1FIiwiZHVyYXRpb25JbkZyYW1lcyI6MTM1LCJhdWRpb1N0YXJ0RnJvbUluU2Vjb25kcyI6MCwiZnJvbSI6MzMxMywidHlwZSI6ImF1ZGlvIiwidG9wIjowLCJsZWZ0IjowLCJ3aWR0aCI6MTAwLCJoZWlnaHQiOjEwMCwib3BhY2l0eSI6MSwiZGVjaWJlbEFkanVzdG1lbnQiOi0xNy41NDkxMDcxNDI4NTcxNCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjg5OTk2MDE1MDgyOTAzMTIsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLjg5MzQ1NDQxNDc5ODk0MTgsImFzc2V0SWQiOiIwM1ROIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlfSwiclVpVyI6eyJ0eXBlIjoic29saWQiLCJjb2xvciI6IiMyODI4MmQiLCJkdXJhdGlvbkluRnJhbWVzIjo5NywiZnJvbSI6MzMyNCwidG9wIjowLCJsZWZ0IjowLCJ3aWR0aCI6MTk0MiwiaGVpZ2h0IjoxMDk0LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImlkIjoiclVpVyIsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImtlZXBBc3BlY3RSYXRpbyI6ZmFsc2UsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjE5MTI4MDg5ODM0MzU0NDMsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC4xMjc1OTE4OTkyMDI1OTkwM30sImxQZ2ciOnsiaWQiOiJsUGdnIiwiZHVyYXRpb25JbkZyYW1lcyI6OTcsImZyb20iOjMzMjQsInR5cGUiOiJ0ZXh0IiwidGV4dCI6IkRlc2lnbiBnb2FscyIsImNvbG9yIjoiI2ZmZmZmZiIsInRvcCI6NDgxLCJsZWZ0Ijo3MDIuNSwid2lkdGgiOjQ2MCwiaGVpZ2h0Ijo5NiwiYWxpZ24iOiJjZW50ZXIiLCJvcGFjaXR5IjoxLCJyb3RhdGlvbiI6MCwiZm9udEZhbWlseSI6IlJvYm90byIsImZvbnRTaXplIjo4MCwibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJyZXNpemVPbkVkaXQiOnRydWUsImRpcmVjdGlvbiI6Imx0ciIsImZvbnRTdHlsZSI6eyJ2YXJpYW50Ijoibm9ybWFsIiwid2VpZ2h0IjoiNDAwIn0sImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwic3Ryb2tlV2lkdGgiOjAsInN0cm9rZUNvbG9yIjoiIzAwMDAwMCIsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjE3MTk3NjM0MDI0OTYwNTQsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC4xMjQxNjk0ODQ0NzEyNjM2MX0sIlJBbnoiOnsiaWQiOiJSQW56IiwiZHVyYXRpb25JbkZyYW1lcyI6NjIsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjU0MDAwMDAwMDAwMDAwMjMsImZyb20iOjM1MjksInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiI5TFl0IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNSwibGVmdCI6LTE3LCJ3aWR0aCI6MzM1NywiaGVpZ2h0IjoxODkwLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLjQsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MC4yMjIyNjA2Njg4MzMwMzc1LCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sImhJS0oiOnsiaWQiOiJoSUtKIiwiZHVyYXRpb25JbkZyYW1lcyI6NDEsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjg2NjY2NjY2NjY2NjY2NiwiZnJvbSI6MzU5MSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkJ3Vk4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTMyMCwibGVmdCI6LTUzOSwid2lkdGgiOjM0ODEsImhlaWdodCI6MTk2MCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjEuMTI1LCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJDRnV4Ijp7ImlkIjoiQ0Z1eCIsImR1cmF0aW9uSW5GcmFtZXMiOjQ0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi45MzMzMzMzMzMzMzMzMzQsImZyb20iOjM2MzIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xODEsImxlZnQiOi0xMzkyLCJ3aWR0aCI6MzMxNCwiaGVpZ2h0IjoxODY2LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiZ3FrcCI6eyJpZCI6Imdxa3AiLCJkdXJhdGlvbkluRnJhbWVzIjo0MCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjQuNTMzMzMzMzMzMzMzMzMzLCJmcm9tIjozNjc2LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiQndWTiIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTY5NSwibGVmdCI6LTMwNDEsIndpZHRoIjo0OTY3LCJoZWlnaHQiOjI3OTYsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ0Njh0Ijp7ImlkIjoidDY4dCIsImR1cmF0aW9uSW5GcmFtZXMiOjMyLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6NS4yMzAwMDAwMDAwMDAwMDIsImZyb20iOjM3MTYsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi02OTQsImxlZnQiOi0yNDkzLCJ3aWR0aCI6NjMzMSwiaGVpZ2h0IjozNTY0LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjcsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJObElJIjp7ImlkIjoiTmxJSSIsImR1cmF0aW9uSW5GcmFtZXMiOjgxLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi44MDE2NjY2NjY2NjY2NjM2LCJmcm9tIjozNzQ4LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoibERwMCIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMjI3LCJsZWZ0IjotODEwLCJ3aWR0aCI6MzQ0OCwiaGVpZ2h0IjoxOTQxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjY1LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwic3QzVyI6eyJpZCI6InN0M1ciLCJkdXJhdGlvbkluRnJhbWVzIjo3NCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNjEzMzMzMzMzMzMzMzMsImZyb20iOjM4MjksInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJkcE11IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi05NSwibGVmdCI6LTU0Nywid2lkdGgiOjI0NjUsImhlaWdodCI6MTM4OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC42NSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIlV3UW4iOnsiaWQiOiJVd1FuIiwiZHVyYXRpb25JbkZyYW1lcyI6NDYsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjozLjcwMDAwMDAwMDAwMDAwMiwiZnJvbSI6NDEyNiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IlZ0YVUiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTkwLCJsZWZ0IjotNjg1LCJ3aWR0aCI6MjY1MCwiaGVpZ2h0IjoxNDkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwid0pjTyI6eyJpZCI6IndKY08iLCJkdXJhdGlvbkluRnJhbWVzIjozNywidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuMTY2NjY2NjY2NjY2NjYyNSwiZnJvbSI6NDA4OSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IjNSR0IiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTM5NywibGVmdCI6LTQyMSwid2lkdGgiOjQxMDUsImhlaWdodCI6MjMxMSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC43LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiMlRZYiI6eyJpZCI6IjJUWWIiLCJkdXJhdGlvbkluRnJhbWVzIjo1MywidG9wIjotMiwibGVmdCI6LTE0NCwid2lkdGgiOjIxNDksImhlaWdodCI6MTQxMSwiZnJvbSI6NDE3MiwidHlwZSI6ImltYWdlIiwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiYXNzZXRJZCI6IkUzb3YiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZSwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC4yNjIxNDc3OTkyNjM3Mjk5fSwiTHB1ZCI6eyJpZCI6IkxwdWQiLCJkdXJhdGlvbkluRnJhbWVzIjoxMTMsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjI2NjY2NjY2NjY2NjY2NzMsImZyb20iOjQ0NjcsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJhYlRMIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xLCJsZWZ0IjotNCwid2lkdGgiOjE5ODMsImhlaWdodCI6MTMwMSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAuNjE5NDEzMzYwNDYxMTczLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJvd2VYIjp7ImlkIjoib3dlWCIsImR1cmF0aW9uSW5GcmFtZXMiOjIxOCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjAsImZyb20iOjQ3NDIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJuR2lMIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjAsImxlZnQiOjAsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODAsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJrZ3NkIjp7ImlkIjoia2dzZCIsImR1cmF0aW9uSW5GcmFtZXMiOjkzLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MCwiZnJvbSI6NTQ4MSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IjNOdFYiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTIsImxlZnQiOi0yLCJ3aWR0aCI6MTkyMiwiaGVpZ2h0IjoxMTg5LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLjcsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MC4xNTA0OTAyNDEwMDM5NzQ0OCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLjE4Nzc2ODQxNDM5NjA4NDgzLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJIbUFHIjp7ImlkIjoiSG1BRyIsImR1cmF0aW9uSW5GcmFtZXMiOjkyLCJmcm9tIjo1NDgxLCJ0eXBlIjoidGV4dCIsInRleHQiOiJyZW1vdGlvbi5kZXYvZWRpdG9yLXN0YXJ0ZXIiLCJjb2xvciI6IiMwMDAwMDAiLCJ0b3AiOjkzMSwibGVmdCI6NjIzLCJ3aWR0aCI6NjgwLCJoZWlnaHQiOjY2LCJhbGlnbiI6ImNlbnRlciIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjU1LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDAwMDAwIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sIlVCMUoiOnsidHlwZSI6InNvbGlkIiwiY29sb3IiOiIjZmZmZmZmIiwiZHVyYXRpb25JbkZyYW1lcyI6OTIsImZyb20iOjU0ODEsInRvcCI6OTAxLCJsZWZ0Ijo1MTYsIndpZHRoIjo4ODksImhlaWdodCI6MTI2LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImlkIjoiVUIxSiIsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6NjIsInJvdGF0aW9uIjowLCJrZWVwQXNwZWN0UmF0aW8iOmZhbHNlLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiMk9FViI6eyJ0eXBlIjoic29saWQiLCJjb2xvciI6IiMyMTIxMjYiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsImZyb20iOjYwOTMsInRvcCI6MCwibGVmdCI6MCwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MCwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJpZCI6IjJPRVYiLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJrZWVwQXNwZWN0UmF0aW8iOmZhbHNlLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiSWxXMCI6eyJpZCI6IklsVzAiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsInRvcCI6NzgsImxlZnQiOi00NjcsIndpZHRoIjoxNTIyLCJoZWlnaHQiOjkyNSwiZnJvbSI6NjA5MywidHlwZSI6ImltYWdlIiwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiYXNzZXRJZCI6IllRVzEiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZSwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sIlV2MU0iOnsiaWQiOiJVdjFNIiwiZHVyYXRpb25JbkZyYW1lcyI6MzExLCJmcm9tIjo2MDkzLCJ0eXBlIjoidGV4dCIsInRleHQiOiJyZW1vdGlvbi5kZXYvZWRpdG9yLXN0YXJ0ZXIiLCJjb2xvciI6IiNmZmZmZmYiLCJ0b3AiOjI0MywibGVmdCI6MTE4Niwid2lkdGgiOjU1NCwiaGVpZ2h0Ijo1NSwiYWxpZ24iOiJsZWZ0Iiwib3BhY2l0eSI6MSwicm90YXRpb24iOjAsImZvbnRGYW1pbHkiOiJSb2JvdG8iLCJmb250U2l6ZSI6NDYsImxpbmVIZWlnaHQiOjEuMiwibGV0dGVyU3BhY2luZyI6MCwicmVzaXplT25FZGl0Ijp0cnVlLCJkaXJlY3Rpb24iOiJsdHIiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjQwMCJ9LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInN0cm9rZVdpZHRoIjowLCJzdHJva2VDb2xvciI6IiMwMDAwMDAiLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiUURSVCI6eyJpZCI6IlFEUlQiLCJkdXJhdGlvbkluRnJhbWVzIjozMjcsImF1ZGlvU3RhcnRGcm9tSW5TZWNvbmRzIjowLCJmcm9tIjo2MDc3LCJ0eXBlIjoiYXVkaW8iLCJ0b3AiOjAsImxlZnQiOjAsIndpZHRoIjoxMDAsImhlaWdodCI6MTAwLCJvcGFjaXR5IjoxLCJkZWNpYmVsQWRqdXN0bWVudCI6LTE3LjU0OTEwNzE0Mjg1NzE0LCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAuODk5OTYwMTUwODI5MDMxMiwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAuODkzNDU0NDE0Nzk4OTQxOCwiYXNzZXRJZCI6IjAzVE4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2V9LCI4bXluIjp7ImlkIjoiOG15biIsImR1cmF0aW9uSW5GcmFtZXMiOjMxMSwiZnJvbSI6NjA5MywidHlwZSI6InRleHQiLCJ0ZXh0IjoiRG9jcyIsImNvbG9yIjoiIzA4ODRmMyIsInRvcCI6MjA2LCJsZWZ0IjoxMTg1LCJ3aWR0aCI6NjEsImhlaWdodCI6MzIsImFsaWduIjoibGVmdCIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjI3LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDg4NGYzIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sInlFRTciOnsiaWQiOiJ5RUU3IiwiZHVyYXRpb25JbkZyYW1lcyI6MzExLCJmcm9tIjo2MDkzLCJ0eXBlIjoidGV4dCIsInRleHQiOiJyZW1vdGlvbi5wcm8vZWRpdG9yLXN0YXJ0ZXIiLCJjb2xvciI6IiNmZmZmZmYiLCJ0b3AiOjQwMiwibGVmdCI6MTE4Niwid2lkdGgiOjU0OSwiaGVpZ2h0Ijo1NSwiYWxpZ24iOiJsZWZ0Iiwib3BhY2l0eSI6MSwicm90YXRpb24iOjAsImZvbnRGYW1pbHkiOiJSb2JvdG8iLCJmb250U2l6ZSI6NDYsImxpbmVIZWlnaHQiOjEuMiwibGV0dGVyU3BhY2luZyI6MCwicmVzaXplT25FZGl0Ijp0cnVlLCJkaXJlY3Rpb24iOiJsdHIiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjQwMCJ9LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInN0cm9rZVdpZHRoIjowLCJzdHJva2VDb2xvciI6IiMwMDAwMDAiLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiU2w4WSI6eyJpZCI6IlNsOFkiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsImZyb20iOjYwOTMsInR5cGUiOiJ0ZXh0IiwidGV4dCI6IkJ1eSIsImNvbG9yIjoiIzA4ODRmMyIsInRvcCI6MzY1LCJsZWZ0IjoxMTg1LCJ3aWR0aCI6NDYsImhlaWdodCI6MzIsImFsaWduIjoibGVmdCIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjI3LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDg4NGYzIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sInZUa2siOnsiaWQiOiJ2VGtrIiwiZHVyYXRpb25JbkZyYW1lcyI6MzExLCJmcm9tIjo2MDkzLCJ0eXBlIjoidGV4dCIsInRleHQiOiJlZGl0b3Itc3RhcnRlci5yZW1vdGlvbi5kZXYiLCJjb2xvciI6IiNmZmZmZmYiLCJ0b3AiOjU2MCwibGVmdCI6MTE4Niwid2lkdGgiOjU0NSwiaGVpZ2h0Ijo1NSwiYWxpZ24iOiJsZWZ0Iiwib3BhY2l0eSI6MSwicm90YXRpb24iOjAsImZvbnRGYW1pbHkiOiJSb2JvdG8iLCJmb250U2l6ZSI6NDYsImxpbmVIZWlnaHQiOjEuMiwibGV0dGVyU3BhY2luZyI6MCwicmVzaXplT25FZGl0Ijp0cnVlLCJkaXJlY3Rpb24iOiJsdHIiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjQwMCJ9LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInN0cm9rZVdpZHRoIjowLCJzdHJva2VDb2xvciI6IiMwMDAwMDAiLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiVnpnTCI6eyJpZCI6IlZ6Z0wiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsImZyb20iOjYwOTMsInR5cGUiOiJ0ZXh0IiwidGV4dCI6IkRlbW8iLCJjb2xvciI6IiMwODg0ZjMiLCJ0b3AiOjUyMywibGVmdCI6MTE4NSwid2lkdGgiOjcxLCJoZWlnaHQiOjMyLCJhbGlnbiI6ImxlZnQiLCJvcGFjaXR5IjoxLCJyb3RhdGlvbiI6MCwiZm9udEZhbWlseSI6IlJvYm90byIsImZvbnRTaXplIjoyNywibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJyZXNpemVPbkVkaXQiOnRydWUsImRpcmVjdGlvbiI6Imx0ciIsImZvbnRTdHlsZSI6eyJ2YXJpYW50Ijoibm9ybWFsIiwid2VpZ2h0IjoiNzAwIn0sImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwic3Ryb2tlV2lkdGgiOjAsInN0cm9rZUNvbG9yIjoiIzA4ODRmMyIsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjB9LCJRN01wIjp7ImlkIjoiUTdNcCIsImR1cmF0aW9uSW5GcmFtZXMiOjMxMSwiZnJvbSI6NjA5MywidHlwZSI6InRleHQiLCJ0ZXh0IjoiTGluayBiZWxvdyIsImNvbG9yIjoiI2ZmZmZmZiIsInRvcCI6NzE2LCJsZWZ0IjoxMTg2LCJ3aWR0aCI6MjE5LCJoZWlnaHQiOjU1LCJhbGlnbiI6ImxlZnQiLCJvcGFjaXR5IjoxLCJyb3RhdGlvbiI6MCwiZm9udEZhbWlseSI6IlJvYm90byIsImZvbnRTaXplIjo0NiwibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJyZXNpemVPbkVkaXQiOnRydWUsImRpcmVjdGlvbiI6Imx0ciIsImZvbnRTdHlsZSI6eyJ2YXJpYW50Ijoibm9ybWFsIiwid2VpZ2h0IjoiNDAwIn0sImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwic3Ryb2tlV2lkdGgiOjAsInN0cm9rZUNvbG9yIjoiIzAwMDAwMCIsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjB9LCJZMjJBIjp7ImlkIjoiWTIyQSIsImR1cmF0aW9uSW5GcmFtZXMiOjMxMSwiZnJvbSI6NjA5MywidHlwZSI6InRleHQiLCJ0ZXh0IjoiRWRpdCB0aGlzIHZpZGVvIiwiY29sb3IiOiIjMDg4NGYzIiwidG9wIjo2NzksImxlZnQiOjExODUsIndpZHRoIjoxNzEsImhlaWdodCI6MzIsImFsaWduIjoibGVmdCIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjI3LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDg4NGYzIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH19LCJhc3NldHMiOnsibzVQVyI6eyJpZCI6Im81UFciLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTIuNTE4MDAwNjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6InRpbWVsaW5lLWltcG9ydC5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzE2ZDBiZWJhLWU1NjAtNGM0Ni1hNDJmLWJhODRiOTUwNjNjNyIsInJlbW90ZUZpbGVLZXkiOiIxNmQwYmViYS1lNTYwLTRjNDYtYTQyZi1iYTg0Yjk1MDYzYzciLCJzaXplIjoxMjI3ODUxMywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJ2UldZIjp7ImlkIjoidlJXWSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo5LjU1MTMzNCwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJ0cmltLWxlZnQubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS8yYmE2OTQ5MC1iMmVjLTQ3ZGUtODhiNi01MWFkYmJiZjhlZTYiLCJyZW1vdGVGaWxlS2V5IjoiMmJhNjk0OTAtYjJlYy00N2RlLTg4YjYtNTFhZGJiYmY4ZWU2Iiwic2l6ZSI6OTIxNTc0NywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJha2RIIjp7ImlkIjoiYWtkSCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo2LjczNDY2NzMzMzMzMzMzMywiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJ0cmltLXJpZ2h0Lm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vM2RhNTc4ZDEtZDg0NS00NThlLTlhODYtMWIxNjQ0MWJmMDllIiwicmVtb3RlRmlsZUtleSI6IjNkYTU3OGQxLWQ4NDUtNDU4ZS05YTg2LTFiMTY0NDFiZjA5ZSIsInNpemUiOjYzNzQ4MTQsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiM1JHQiI6eyJpZCI6IjNSR0IiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OS4zNTEzMzQwMDAwMDAwMDEsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoidXBsb2FkLWxvYWRpbmctaW5kaWNhdG9yLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vOTdkOTZjZDktZDliZi00OGFhLWEzNWYtODAwYTI1Njg5YzQ3IiwicmVtb3RlRmlsZUtleSI6Ijk3ZDk2Y2Q5LWQ5YmYtNDhhYS1hMzVmLTgwMGEyNTY4OWM0NyIsInNpemUiOjkwNDU1NTEsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiTVQ1dSI6eyJpZCI6Ik1UNXUiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTIuMDUxMzM0LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6InZvbHVtZS1jb250cm9sLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vNmE2MzgxMGEtN2I3MS00ZDljLWI1MDEtMDZmNjI4NmI5NGVmIiwicmVtb3RlRmlsZUtleSI6IjZhNjM4MTBhLTdiNzEtNGQ5Yy1iNTAxLTA2ZjYyODZiOTRlZiIsInNpemUiOjExNzg1MDMyLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sIkVsdjAiOnsiaWQiOiJFbHYwIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjcuOTUxMzM0LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImZhZGUtaW4ubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS81ZjU1NTAzZi00ZmMxLTRlZTktYTUxMi03MWE1MjViZWZmZmMiLCJyZW1vdGVGaWxlS2V5IjoiNWY1NTUwM2YtNGZjMS00ZWU5LWE1MTItNzFhNTI1YmVmZmZjIiwic2l6ZSI6NzU4MjY2MSwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJMRzBLIjp7ImlkIjoiTEcwSyIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoxNS4xMDE2NjY2NjY2NjY2NjcsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoicGluY2gtdG8tem9vbS5NT1YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzc0M2MwZTVhLTI1NGYtNDkzYy05YTE5LWU2NDEwNzE5NzM1MiIsInJlbW90ZUZpbGVLZXkiOiI3NDNjMGU1YS0yNTRmLTQ5M2MtOWExOS1lNjQxMDcxOTczNTIiLCJzaXplIjoxNDgzOTI4MywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCI5TFl0Ijp7ImlkIjoiOUxZdCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo3LjI2ODAwMDY2NjY2NjY2NjYsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoic29saWQtZHJhd2luZy10b29sLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYzJkNDBiNDUtZjQ0Mi00MjEyLTlkZDItZDE3ZWYwZTcxZjMxIiwicmVtb3RlRmlsZUtleSI6ImMyZDQwYjQ1LWY0NDItNDIxMi05ZGQyLWQxN2VmMGU3MWYzMSIsInNpemUiOjY4Njc4NDksIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwibERwMCI6eyJpZCI6ImxEcDAiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTEuNDM0NjY3MzMzMzMzMzM1LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImZvbnQtc3R5bGVzLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vNTgwMjhmN2EtNTViMy00MTM2LWExZjItODY2NTFiOWM2ZDhiIiwicmVtb3RlRmlsZUtleSI6IjU4MDI4ZjdhLTU1YjMtNDEzNi1hMWYyLTg2NjUxYjljNmQ4YiIsInNpemUiOjExMTIxNTE2LCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sImRwTXUiOnsiaWQiOiJkcE11IiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjExLjQzNDY2NzMzMzMzMzMzNSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJmb250LXN0eWxlcy5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tL2MyOWFhNmUzLTU2YTMtNGE4My1hMDk2LTg0YWM3ODU1ZWY4NCIsInJlbW90ZUZpbGVLZXkiOiJjMjlhYTZlMy01NmEzLTRhODMtYTA5Ni04NGFjNzg1NWVmODQiLCJzaXplIjoxMTEyMTUxNiwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJWdGFVIjp7ImlkIjoiVnRhVSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo2LjY2NSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJnZW5lcmF0aW5nLWNhcHRpb25zLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYzFkMjY5Y2EtY2U2MC00M2Q4LThiMGUtODFkOTA0ODIwNzIzIiwicmVtb3RlRmlsZUtleSI6ImMxZDI2OWNhLWNlNjAtNDNkOC04YjBlLTgxZDkwNDgyMDcyMyIsInNpemUiOjc4MTA3OTIsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiQndWTiI6eyJpZCI6IkJ3Vk4iLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OC4wODQ2NjczMzMzMzMzMzQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoic2VuZC10by1iYWNrLWNlbnRlci1ib3JkZXItcmFkaXVzLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZjg0NGNjMTUtMjQ1OS00OGIxLTg2YzAtYWE0MjAzYjIxYzU1IiwicmVtb3RlRmlsZUtleSI6ImY4NDRjYzE1LTI0NTktNDhiMS04NmMwLWFhNDIwM2IyMWM1NSIsInNpemUiOjc3NTI4NTEsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiMDNUTiI6eyJpZCI6IjAzVE4iLCJ0eXBlIjoiYXVkaW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6NTguNTEyLCJmaWxlbmFtZSI6IkVTX09yZGluYXJ5IExvdmUgKEluc3RydW1lbnRhbCBWZXJzaW9uKSAtIExpc2EgVG93biAoVmVyc2lvbiAyZDEyOWFiNCkgLSBmdWxsbWl4X3ByZXZpZXcubXAzIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS83NjdlY2Y4NS0yZjc4LTQ3YjItODJlNS01MmFhMWQ3YTgzZDEiLCJyZW1vdGVGaWxlS2V5IjoiNzY3ZWNmODUtMmY3OC00N2IyLTgyZTUtNTJhYTFkN2E4M2QxIiwic2l6ZSI6MjM0MDQ4MCwibWltZVR5cGUiOiJhdWRpby9tcGVnIn0sIkNOR0siOnsiaWQiOiJDTkdLIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjQuNTk3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImNhcHRpb25zLWFuZC1wbGF5YmFjay5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tL2RiNzg0YmY5LTlkYWMtNDVhNC05NjZmLTRlNDIwOWUxYTdhYSIsInJlbW90ZUZpbGVLZXkiOiJkYjc4NGJmOS05ZGFjLTQ1YTQtOTY2Zi00ZTQyMDllMWE3YWEiLCJzaXplIjo2NTAwNzU1LCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sIndWd1ciOnsiaWQiOiJ3VndXIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjkuNzUxMzM0MDAwMDAwMDAyLCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImNhcHRpb24taGlnaGxpZ2h0LWNvbG9yLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZTA4MGY2YTQtNjk4My00ODk1LTk5NDUtZGYwZTZhMzgzNDY2IiwicmVtb3RlRmlsZUtleSI6ImUwODBmNmE0LTY5ODMtNDg5NS05OTQ1LWRmMGU2YTM4MzQ2NiIsInNpemUiOjk0MzY4MjgsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiTGN5ciI6eyJpZCI6IkxjeXIiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6Ni42MzQ2NjczMzMzMzMzMzQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiY2FudmFzLW1hcnF1ZWUtc2VsZWN0aW9uLWFuZC1tb3ZlLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZmMxNGY5YTktNWMwYi00NWIzLTg5NWQtOGFkMGEzNjc0YmYyIiwicmVtb3RlRmlsZUtleSI6ImZjMTRmOWE5LTVjMGItNDViMy04OTVkLThhZDBhMzY3NGJmMiIsInNpemUiOjYyNzI2MTQsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiRkVoayI6eyJpZCI6IkZFaGsiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OS45NjgwMDA2NjY2NjY2NjcsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoidGltZWxpbmUtbWFycXVlZS1zZWxlY3Rpb24ubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS81YWNhYmZhNy1iMzU0LTQwY2YtYjkxMC0xZTk5YmRiNTU3ZGUiLCJyZW1vdGVGaWxlS2V5IjoiNWFjYWJmYTctYjM1NC00MGNmLWI5MTAtMWU5OWJkYjU1N2RlIiwic2l6ZSI6OTY3NTI4NywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJaRmlHIjp7ImlkIjoiWkZpRyIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo3LjgwMTMzNDAwMDAwMDAwMSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJ0aW1lbGluZS16b29tLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZjM0ZjVlOTMtN2ZkMy00ZjhhLWJlODItNzFjYzA3NjIyN2EwIiwicmVtb3RlRmlsZUtleSI6ImYzNGY1ZTkzLTdmZDMtNGY4YS1iZTgyLTcxY2MwNzYyMjdhMCIsInNpemUiOjc0MTIxOTksIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwib2JmSCI6eyJpZCI6Im9iZkgiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTEuMDM0NjY3MzMzMzMzMzM1LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6InNwbGl0LWl0ZW0tYW5kLXJvbGxpbmctZWRpdC5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tL2FhNmZhZGZiLWEzYmYtNDA3MC1hZTA0LTI0NTcwNGI4MGU4NSIsInJlbW90ZUZpbGVLZXkiOiJhYTZmYWRmYi1hM2JmLTQwNzAtYWUwNC0yNDU3MDRiODBlODUiLCJzaXplIjoxMDcxMzEzNCwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJuMUlEIjp7ImlkIjoibjFJRCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoxNi41ODksImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiZWRpdG9yLWJ1aWxkdXAubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS8xNzc5OGZlYy02ODliLTRhYWItOWJhMi0wNmRhMzY3YTQ5ZjQiLCJyZW1vdGVGaWxlS2V5IjoiMTc3OThmZWMtNjg5Yi00YWFiLTliYTItMDZkYTM2N2E0OWY0Iiwic2l6ZSI6MTg1NTA4MzAsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwia1M4RyI6eyJpZCI6ImtTOEciLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OS4xMzQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoicmVuZGVyaW5nLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vMGIxOTBmMzYtYjg3OC00MjI3LThjYjUtZjBmNTIwNjhhNDI3IiwicmVtb3RlRmlsZUtleSI6IjBiMTkwZjM2LWI4NzgtNDIyNy04Y2I1LWYwZjUyMDY4YTQyNyIsInNpemUiOjEwNDI5MTQzLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sIkQ4NkciOnsiaWQiOiJEODZHIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjU0LjAzNjY2NjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IklNR180ODIwLk1PViIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vMDk0OTEyZjMtN2E1ZC00ODZiLWEwMmMtMGYxYWU0MmY4YWU5IiwicmVtb3RlRmlsZUtleSI6IjA5NDkxMmYzLTdhNWQtNDg2Yi1hMDJjLTBmMWFlNDJmOGFlOSIsInNpemUiOjUyMTI4ODIzLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCJ0b0NhIjp7ImlkIjoidG9DYSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjozNC44MDMzMzMzMzMzMzMzMzUsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjEuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS8zMjU1OWI5MS0yMjc1LTQ0NDItOGUyOS1lYzJiYTg2ZmEwMDUiLCJyZW1vdGVGaWxlS2V5IjoiMzI1NTliOTEtMjI3NS00NDQyLThlMjktZWMyYmE4NmZhMDA1Iiwic2l6ZSI6MzMyNDkxOTcsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sInRIUTIiOnsiaWQiOiJ0SFEyIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjQ3LjQzNjY2NjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IklNR180ODIzLk1PViIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZTlmYWNmZTAtMjAxYS00YTc1LTg2YjEtOTEyNjVlNjZkYjY5IiwicmVtb3RlRmlsZUtleSI6ImU5ZmFjZmUwLTIwMWEtNGE3NS04NmIxLTkxMjY1ZTY2ZGI2OSIsInNpemUiOjQ1NzEwMTg2LCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCJDMUxVIjp7ImlkIjoiQzFMVSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoxNjQuNzQ4MzMzMzMzMzMzMzMsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjIuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9kOTYzMTA5OS04ODEzLTRkMjYtOTM3ZC1kMWU4OGZkMmU4NTMiLCJyZW1vdGVGaWxlS2V5IjoiZDk2MzEwOTktODgxMy00ZDI2LTkzN2QtZDFlODhmZDJlODUzIiwic2l6ZSI6MTYwNjk2NDkzLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCIxbWNYIjp7ImlkIjoiMW1jWCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoyOS44NjgzMzMzMzMzMzMzMzIsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjQuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS81MGU2YThlOS1lODg5LTRlYmQtYmU1ZS05ZDE0OWQ4YjZmYzQiLCJyZW1vdGVGaWxlS2V5IjoiNTBlNmE4ZTktZTg4OS00ZWJkLWJlNWUtOWQxNDlkOGI2ZmM0Iiwic2l6ZSI6MjgzMjk0MDcsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sIlQwbUgiOnsiaWQiOiJUMG1IIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjI2LjEzNSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJJTUdfNDgyNS5NT1YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzI3OTRmODEyLWRkYzUtNGZlYy04YTIwLWNmZmNkZWZhOWUzOSIsInJlbW90ZUZpbGVLZXkiOiIyNzk0ZjgxMi1kZGM1LTRmZWMtOGEyMC1jZmZjZGVmYTllMzkiLCJzaXplIjoyNDY4MDEzMCwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTkyMCwiaGVpZ2h0IjoxMDgwfSwiMVJLbyI6eyJpZCI6IjFSS28iLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MjIuMTM1LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IklNR180ODI2Lk1PViIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vOGZjMGU4OWUtNDEwNS00ZGFhLTgzYzAtYjU1ZGU4ZDFkZDg2IiwicmVtb3RlRmlsZUtleSI6IjhmYzBlODllLTQxMDUtNGRhYS04M2MwLWI1NWRlOGQxZGQ4NiIsInNpemUiOjIwOTk0MjIxLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCJGdWF6Ijp7ImlkIjoiRnVheiIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjozNi45MDE2NjY2NjY2NjY2NjQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjcuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9hYzMzMDczYy0yZjgzLTRiOWUtOTVhOC04YWEzMjE5ZGE3MDkiLCJyZW1vdGVGaWxlS2V5IjoiYWMzMzA3M2MtMmY4My00YjllLTk1YTgtOGFhMzIxOWRhNzA5Iiwic2l6ZSI6MzUyMjk1MDMsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sIjMxZjUiOnsiaWQiOiIzMWY1IiwidHlwZSI6ImNhcHRpb24iLCJjYXB0aW9ucyI6W3siY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjQ4ODAuMDAwMTE0NDQwOTE4LCJzdGFydE1zIjozNzk5Ljk5OTk1MjMxNjI4NCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjo0MzQwLjAwMDAzMzM3ODYwMX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6NTA3OS45OTk5MjM3MDYwNTUsInN0YXJ0TXMiOjQ4ODAuMDAwMTE0NDQwOTE4LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ5ODAuMDAwMDE5MDczNDg2fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo1NDAwLjAwMDA5NTM2NzQzMiwic3RhcnRNcyI6NTA3OS45OTk5MjM3MDYwNTUsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NTI0MC4wMDAwMDk1MzY3NDN9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjU3MTkuOTk5NzkwMTkxNjUsInN0YXJ0TXMiOjU0MDAuMDAwMDk1MzY3NDMyLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjU1NTkuOTk5OTQyNzc5NTQxfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo2MjM5Ljk5OTc3MTExODE2NCwic3RhcnRNcyI6NTcxOS45OTk3OTAxOTE2NSwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjo1OTc5Ljk5OTc4MDY1NDkwN30seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6Njc4MC4wMDAyMDk4MDgzNSwic3RhcnRNcyI6NjIzOS45OTk3NzExMTgxNjQsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NjUwOS45OTk5OTA0NjMyNTd9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjkzNDAuMDAwMTUyNTg3ODksInN0YXJ0TXMiOjg4MDAuMDAwMTkwNzM0ODYzLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjkwNzAuMDAwMTcxNjYxMzc3fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo5NTIwLjAwMDQ1Nzc2MzY3Miwic3RhcnRNcyI6OTM0MC4wMDAxNTI1ODc4OSwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjo5NDMwLjAwMDMwNTE3NTc4MX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6OTY5OS45OTk4MDkyNjUxMzcsInN0YXJ0TXMiOjk1MjAuMDAwNDU3NzYzNjcyLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjk2MTAuMDAwMTMzNTE0NDA0fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoxMDM1OS45OTk2NTY2NzcyNDYsInN0YXJ0TXMiOjk2OTkuOTk5ODA5MjY1MTM3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjEwMDI5Ljk5OTczMjk3MTE5MX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTEzNDAuMDAwMTUyNTg3ODksInN0YXJ0TXMiOjEwMzU5Ljk5OTY1NjY3NzI0NiwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoxMDg0OS45OTk5MDQ2MzI1Njh9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjExODk5Ljk5OTYxODUzMDI3Mywic3RhcnRNcyI6MTEzNDAuMDAwMTUyNTg3ODksInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6MTE2MTkuOTk5ODg1NTU5MDgyfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoxNDM4MC4wMDAxMTQ0NDA5MTgsInN0YXJ0TXMiOjEzODQwLjAwMDE1MjU4Nzg5LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE0MTEwLjAwMDEzMzUxNDQwNH0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTQ1NjAuMDAwNDE5NjE2Nywic3RhcnRNcyI6MTQzODAuMDAwMTE0NDQwOTE4LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE0NDcwLjAwMDI2NzAyODgwOX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTQ3NzkuOTk5NzMyOTcxMTkxLCJzdGFydE1zIjoxNDU2MC4wMDA0MTk2MTY3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE0NjcwLjAwMDA3NjI5Mzk0NX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTU2MDAuMDAwMzgxNDY5NzI3LCJzdGFydE1zIjoxNDc3OS45OTk3MzI5NzExOTEsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6MTUxOTAuMDAwMDU3MjIwNDU5fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoxNjAwMCwic3RhcnRNcyI6MTU2MDAuMDAwMzgxNDY5NzI3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE1ODAwLjAwMDE5MDczNDg2M30seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTY1NTkuOTk5NDY1OTQyMzgzLCJzdGFydE1zIjoxNjAwMCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoxNjI3OS45OTk3MzI5NzExOTF9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjIxNjAwLjAwMDM4MTQ2OTcyNywic3RhcnRNcyI6MjAyMDAuMDAwNzYyOTM5NDUzLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjIwOTAwLjAwMDU3MjIwNDU5fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoyMzAwMCwic3RhcnRNcyI6MjE2MDAuMDAwMzgxNDY5NzI3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjIyMzAwLjAwMDE5MDczNDg2M30seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MjMyNjAuMDAwMjI4ODgxODM2LCJzdGFydE1zIjoyMzAwMCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoyMzEzMC4wMDAxMTQ0NDA5MTh9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjIzODQwLjAwMDE1MjU4Nzg5LCJzdGFydE1zIjoyMzI2MC4wMDAyMjg4ODE4MzYsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6MjM1NTAuMDAwMTkwNzM0ODYzfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoyNDYyMC4wMDA4MzkyMzM0LCJzdGFydE1zIjoyMzg0MC4wMDAxNTI1ODc4OSwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoyNDIzMC4wMDA0OTU5MTA2NDV9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjI1MTM5Ljk5OTM4OTY0ODQzOCwic3RhcnRNcyI6MjQ2MjAuMDAwODM5MjMzNCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoyNDg4MC4wMDAxMTQ0NDA5MTh9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjM4NDE5Ljk5ODE2ODk0NTMxLCJzdGFydE1zIjozNzcyMC4wMDEyMjA3MDMxMjUsInRleHQiOiIgVGhpcyIsInRpbWVzdGFtcE1zIjozODA2OS45OTk2OTQ4MjQyMn0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6Mzg3MjAuMDAxMjIwNzAzMTI1LCJzdGFydE1zIjozODQxOS45OTgxNjg5NDUzMSwidGV4dCI6IiBpcyIsInRpbWVzdGFtcE1zIjozODU2OS45OTk2OTQ4MjQyMn0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6Mzg4ODAuMDAxMDY4MTE1MjM0LCJzdGFydE1zIjozODcyMC4wMDEyMjA3MDMxMjUsInRleHQiOiIgdGhlIiwidGltZXN0YW1wTXMiOjM4ODAwLjAwMTE0NDQwOTE4fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjozOTUwMCwic3RhcnRNcyI6Mzg4ODAuMDAxMDY4MTE1MjM0LCJ0ZXh0IjoiIFJlbW90aW9uIiwidGltZXN0YW1wTXMiOjM5MTkwLjAwMDUzNDA1NzYyfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0MDI5OS45OTkyMzcwNjA1NSwic3RhcnRNcyI6Mzk1MDAsInRleHQiOiIgRWRpdG9yIiwidGltZXN0YW1wTXMiOjM5ODk5Ljk5OTYxODUzMDI3fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0MjYwMCwic3RhcnRNcyI6NDAyOTkuOTk5MjM3MDYwNTUsInRleHQiOiIgU3RhcnRlci4iLCJ0aW1lc3RhbXBNcyI6NDA0NDkuOTk4ODU1NTkwODJ9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjQ0NTYwLjAwMTM3MzI5MTAxNiwic3RhcnRNcyI6NDM1MjAuMDAwNDU3NzYzNjcsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NDQwNDAuMDAwOTE1NTI3MzQ0fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0NDc5OS45OTkyMzcwNjA1NSwic3RhcnRNcyI6NDQ1NjAuMDAxMzczMjkxMDE2LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ0NjgwLjAwMDMwNTE3NTc4fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0NTE4MC4wMDAzMDUxNzU3OCwic3RhcnRNcyI6NDQ3OTkuOTk5MjM3MDYwNTUsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NDQ5ODkuOTk5NzcxMTE4MTY0fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0NTU2MC4wMDEzNzMyOTEwMTYsInN0YXJ0TXMiOjQ1MTgwLjAwMDMwNTE3NTc4LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ1MzcwLjAwMDgzOTIzMzR9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjQ2MDk5Ljk5ODQ3NDEyMTA5NCwic3RhcnRNcyI6NDU1NjAuMDAxMzczMjkxMDE2LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ1ODI5Ljk5OTkyMzcwNjA1NX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6NDY2MTkuOTk4OTMxODg0NzY2LCJzdGFydE1zIjo0NjA5OS45OTg0NzQxMjEwOTQsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NDYzNTkuOTk4NzAzMDAyOTN9XSwiZmlsZW5hbWUiOiJjYXB0aW9ucy5zcnQiLCJyZW1vdGVVcmwiOm51bGwsInJlbW90ZUZpbGVLZXkiOm51bGwsInNpemUiOjQzNjIsIm1pbWVUeXBlIjoiYXBwbGljYXRpb24vanNvbiJ9LCIxRFdjIjp7ImlkIjoiMURXYyIsInR5cGUiOiJpbWFnZSIsImZpbGVuYW1lIjoiU2NyZWVuc2hvdCAyMDI1LTA4LTIwIGF0IDEwLjIxLjQ3LnBuZyIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYzI3N2E5MDgtMmExYi00NTUzLTliNDctMTE5OWM5M2RmZWE4IiwicmVtb3RlRmlsZUtleSI6ImMyNzdhOTA4LTJhMWItNDU1My05YjQ3LTExOTljOTNkZmVhOCIsInNpemUiOjMzNjg0MywibWltZVR5cGUiOiJpbWFnZS9wbmciLCJ3aWR0aCI6MTQ0NCwiaGVpZ2h0IjoxMTcyfSwiTmZzRiI6eyJpZCI6Ik5mc0YiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTIuMDgzMzMzMzMzMzMzMzM0LCJoYXNBdWRpb1RyYWNrIjpmYWxzZSwiZmlsZW5hbWUiOiJTY3JlZW4gUmVjb3JkaW5nIDIwMjUtMDgtMjAgYXQgMTAuMzUuNDYubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9mODgwODM2MS01Yjk1LTRjMjQtOGU1Mi03M2VjM2Q2Y2YyYzAiLCJyZW1vdGVGaWxlS2V5IjoiZjg4MDgzNjEtNWI5NS00YzI0LThlNTItNzNlYzNkNmNmMmMwIiwic2l6ZSI6Mjk3MTQ1MSwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTcyOSwiaGVpZ2h0IjoxMDgwfSwiRTNvdiI6eyJpZCI6IkUzb3YiLCJ0eXBlIjoiaW1hZ2UiLCJmaWxlbmFtZSI6IlNjcmVlbnNob3QgMjAyNS0wOC0yMCBhdCAxMC41MS41OC5wbmciLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzY3YzY3ZGQ2LWJjNTUtNDZlOS04NjM0LTI3ZmYzZTAxNDcyNyIsInJlbW90ZUZpbGVLZXkiOiI2N2M2N2RkNi1iYzU1LTQ2ZTktODYzNC0yN2ZmM2UwMTQ3MjciLCJzaXplIjoxODM2ODUsIm1pbWVUeXBlIjoiaW1hZ2UvcG5nIiwid2lkdGgiOjE0ODksImhlaWdodCI6OTc4fSwiYWJUTCI6eyJpZCI6ImFiVEwiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6NS42NSwiaGFzQXVkaW9UcmFjayI6ZmFsc2UsImZpbGVuYW1lIjoiU2NyZWVuIFJlY29yZGluZyAyMDI1LTA4LTIwIGF0IDEwLjU0LjEyLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYWYxNDQzNmYtNDc1NC00MjE3LTg4ODAtM2RjYTVlYTA1NWU0IiwicmVtb3RlRmlsZUtleSI6ImFmMTQ0MzZmLTQ3NTQtNDIxNy04ODgwLTNkY2E1ZWEwNTVlNCIsInNpemUiOjU0MTM1OTksIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE2NDYsImhlaWdodCI6MTA4MH0sIm5HaUwiOnsiaWQiOiJuR2lMIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjkuMTUyLCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IldoYXRJc1JlbW90aW9uLm1wNCIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYmRmMmM5OWQtNmEzZC00NmI5LTk3MmYtZThhMDkzYjhiMzFhIiwicmVtb3RlRmlsZUtleSI6ImJkZjJjOTlkLTZhM2QtNDZiOS05NzJmLWU4YTA5M2I4YjMxYSIsInNpemUiOjIxNzU1MDEsIm1pbWVUeXBlIjoidmlkZW8vbXA0Iiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sIjNOdFYiOnsiaWQiOiIzTnRWIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjkuMDE2NjY2NjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjpmYWxzZSwiZmlsZW5hbWUiOiJTY3JlZW4gUmVjb3JkaW5nIDIwMjUtMDgtMjAgYXQgMTEuMDYuMzIubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9hM2NhMWUzNy0zNDYzLTQ5MjAtOTkxYS0wYjBiNTA5NWIxODYiLCJyZW1vdGVGaWxlS2V5IjoiYTNjYTFlMzctMzQ2My00OTIwLTk5MWEtMGIwYjUwOTViMTg2Iiwic2l6ZSI6NDMxNTcwNSwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTc0NiwiaGVpZ2h0IjoxMDgwfSwiWVFXMSI6eyJpZCI6IllRVzEiLCJ0eXBlIjoiaW1hZ2UiLCJmaWxlbmFtZSI6IlNjcmVlbnNob3QgMjAyNS0wOC0yMCBhdCAxMS4xNy4yMi5wbmciLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzk1YmFkNTYxLTUxZGMtNGMzYS04OGNhLTkzOTQxZTYyZTkxYiIsInJlbW90ZUZpbGVLZXkiOiI5NWJhZDU2MS01MWRjLTRjM2EtODhjYS05Mzk0MWU2MmU5MWIiLCJzaXplIjoxMTM3MDU2LCJtaW1lVHlwZSI6ImltYWdlL3BuZyIsIndpZHRoIjoyMDc4LCJoZWlnaHQiOjEyNjJ9fSwiZGVsZXRlZEFzc2V0cyI6W119)<br><br>[**Edit announcement video**](https://editor-starter.remotion.dev/#state=eyJ0cmFja3MiOlt7ImlkIjoiNkJaYiIsIml0ZW1zIjpbIlkyMkEiXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiN01sMyIsIml0ZW1zIjpbIlZ6Z0wiXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiZWlQQiIsIml0ZW1zIjpbIkhtQUciLCJTbDhZIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX0seyJpZCI6IjdJbW4iLCJpdGVtcyI6WyJsUGdnIiwiVUIxSiIsIjhteW4iXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiSnk0cCIsIml0ZW1zIjpbIlE3TXAiXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiVDZzZCIsIml0ZW1zIjpbInZUa2siXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoibE5YRyIsIml0ZW1zIjpbInlFRTciXSwiaGlkZGVuIjpmYWxzZSwibXV0ZWQiOmZhbHNlfSx7ImlkIjoiSmhqbCIsIml0ZW1zIjpbIklxODQiLCJyVWlXIiwiVXYxTSJdLCJoaWRkZW4iOmZhbHNlLCJtdXRlZCI6ZmFsc2V9LHsiaWQiOiJBRjhWIiwiaXRlbXMiOlsiRVZlRSIsInpnQXoiLCJkMFNLIiwibmRmViIsIjV0WXMiLCJyOUk1IiwiNXE5NSIsIk12ZEciLCJSQW56IiwiaElLSiIsIkNGdXgiLCJncWtwIiwidDY4dCIsIk5sSUkiLCJzdDNXIiwid0pjTyIsIlV3UW4iLCIyVFliIiwiTHB1ZCIsIm93ZVgiLCJrZ3NkIiwiSWxXMCJdLCJoaWRkZW4iOmZhbHNlLCJtdXRlZCI6ZmFsc2V9LHsiaWQiOiI1ZTRRIiwiaXRlbXMiOlsiVmdzSCIsIm1LS3AiLCJVVUFzIiwieEVncCIsIjNPRkoiLCJ3V2JWIiwiOEF2ayIsIlJzN2oiLCIyT0VWIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX0seyJpZCI6Ik9QSXoiLCJpdGVtcyI6WyJXWXpXIiwiWmJjZSIsImhYbGsiLCI3M2doIiwiR1ludCIsIk1CMU0iLCIwejMzIiwiVk5POCIsIlRxM1IiLCJaZmZtIiwibkcwdCIsIlh5MWMiLCJFeVFMIiwidWZDZiIsInFGZjMiLCJGWmFXIiwiNFNnSiIsIk9NMWoiLCJVUG85IiwiWVR6byIsIlgydHQiLCIwcmJUIiwiek0xOSIsIjJSZkciLCJNeUlQIiwiRnhlNiIsIlhxN24iLCIwcFpVIiwiRlFTaCIsIms5bUUiLCJRRFJUIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX0seyJpZCI6ImNPS2QiLCJpdGVtcyI6WyJHWjVSIl0sImhpZGRlbiI6ZmFsc2UsIm11dGVkIjpmYWxzZX1dLCJmcHMiOjMwLCJjb21wb3NpdGlvbldpZHRoIjoxOTIwLCJjb21wb3NpdGlvbkhlaWdodCI6MTA4MCwiaXRlbXMiOnsiV1l6VyI6eyJpZCI6IldZelciLCJkdXJhdGlvbkluRnJhbWVzIjoxOCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjkuNTY2NjY2NjY2NjY2NjU4LCJmcm9tIjoxMDgsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJvNVBXIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yMiwibGVmdCI6LTQ3LCJ3aWR0aCI6MTk2NywiaGVpZ2h0IjoxMTA3LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiSXE4NCI6eyJpZCI6IklxODQiLCJkdXJhdGlvbkluRnJhbWVzIjoyMiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjguMTY2NjY2NjY2NjY2NjU5LCJmcm9tIjo4NywidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im81UFciLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTIyLCJsZWZ0IjotMzUsIndpZHRoIjoxOTY3LCJoZWlnaHQiOjExMDcsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MC4yNTc3NzIyMTM4NjkzODY4NywiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCI3M2doIjp7ImlkIjoiNzNnaCIsImR1cmF0aW9uSW5GcmFtZXMiOjM2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6NC41OTk5OTk5OTk5OTk5OTUsImZyb20iOjE5NSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6InZSV1kiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTIwLCJsZWZ0IjotMjgsIndpZHRoIjoxOTYyLCJoZWlnaHQiOjExMDQsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJoWGxrIjp7ImlkIjoiaFhsayIsImR1cmF0aW9uSW5GcmFtZXMiOjMyLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi42LCJmcm9tIjoxNjMsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJha2RIIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi00LCJsZWZ0IjotNywid2lkdGgiOjE5MjcsImhlaWdodCI6MTA4Niwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIlpiY2UiOnsiaWQiOiJaYmNlIiwiZHVyYXRpb25JbkZyYW1lcyI6MzcsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo2LjE2NjY2NjY2NjY2NjY2MjUsImZyb20iOjEyNiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IjNSR0IiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTI3MiwibGVmdCI6LTQzOSwid2lkdGgiOjMzNDMsImhlaWdodCI6MTg4Miwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC43LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiR1ludCI6eyJpZCI6IkdZbnQiLCJkdXJhdGlvbkluRnJhbWVzIjo2MSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjQuOTMzMzMzMzMzMzMzMzMzLCJmcm9tIjoyMzEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJNVDV1IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNzUsImxlZnQiOi0zMzksIndpZHRoIjoyMjgyLCJoZWlnaHQiOjEyODUsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJNQjFNIjp7ImlkIjoiTUIxTSIsImR1cmF0aW9uSW5GcmFtZXMiOjQzLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi4wMDAwMDAwMDAwMDAwMDIsImZyb20iOjI5MiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkVsdjAiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTE3MCwibGVmdCI6LTIxNywid2lkdGgiOjIzMDYsImhlaWdodCI6MTI5OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjB6MzMiOnsiaWQiOiIwejMzIiwiZHVyYXRpb25JbkZyYW1lcyI6ODYsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjozLjU5OTk5OTk5OTk5OTk5OSwiZnJvbSI6MzM1LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiTEcwSyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTUzLCJsZWZ0IjotMzI0LCJ3aWR0aCI6MjQ3MSwiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjo2LCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiVk5POCI6eyJpZCI6IlZOTzgiLCJkdXJhdGlvbkluRnJhbWVzIjo4MCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNDY2NjY2NjY2NjY2NjY2LCJmcm9tIjo0MjEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJMRzBLIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yNDksImxlZnQiOi0xMzQsIndpZHRoIjozMjEzLCJoZWlnaHQiOjE4MDksIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjYsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJUcTNSIjp7ImlkIjoiVHEzUiIsImR1cmF0aW9uSW5GcmFtZXMiOjYyLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MS41NDAwMDAwMDAwMDAwMDIzLCJmcm9tIjo1MDEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiI5TFl0IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNSwibGVmdCI6LTE3LCJ3aWR0aCI6MzM1NywiaGVpZ2h0IjoxODkwLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLjQsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ1ZkNmIjp7ImlkIjoidWZDZiIsImR1cmF0aW9uSW5GcmFtZXMiOjgxLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi44MDE2NjY2NjY2NjY2NjM2LCJmcm9tIjo3MjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJsRHAwIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yMjcsImxlZnQiOi04MTAsIndpZHRoIjozNDQ4LCJoZWlnaHQiOjE5NDEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjAuNjUsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJxRmYzIjp7ImlkIjoicUZmMyIsImR1cmF0aW9uSW5GcmFtZXMiOjc0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Ni42MTMzMzMzMzMzMzMzMywiZnJvbSI6ODAxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiZHBNdSIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotOTUsImxlZnQiOi01NDcsIndpZHRoIjoyNDY1LCJoZWlnaHQiOjEzODgsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjAuNjUsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJGWmFXIjp7ImlkIjoiRlphVyIsImR1cmF0aW9uSW5GcmFtZXMiOjY2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6My43MDAwMDAwMDAwMDAwMDIsImZyb20iOjg3NSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IlZ0YVUiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTkwLCJsZWZ0IjotNjg1LCJ3aWR0aCI6MjY1MCwiaGVpZ2h0IjoxNDkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRXlRTCI6eyJpZCI6IkV5UUwiLCJkdXJhdGlvbkluRnJhbWVzIjozMiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjUuMjMwMDAwMDAwMDAwMDAyLCJmcm9tIjo2ODgsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi02OTQsImxlZnQiOi0yNDkzLCJ3aWR0aCI6NjMzMSwiaGVpZ2h0IjozNTY0LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjcsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJYeTFjIjp7ImlkIjoiWHkxYyIsImR1cmF0aW9uSW5GcmFtZXMiOjQwLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6NC41MzMzMzMzMzMzMzMzMzMsImZyb20iOjY0OCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkJ3Vk4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTE2OTUsImxlZnQiOi0zMDQxLCJ3aWR0aCI6NDk2NywiaGVpZ2h0IjoyNzk2LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiR1o1UiI6eyJpZCI6IkdaNVIiLCJkdXJhdGlvbkluRnJhbWVzIjoxNzU1LCJhdWRpb1N0YXJ0RnJvbUluU2Vjb25kcyI6MCwiZnJvbSI6ODYsInR5cGUiOiJhdWRpbyIsInRvcCI6MCwibGVmdCI6MCwid2lkdGgiOjEwMCwiaGVpZ2h0IjoxMDAsIm9wYWNpdHkiOjEsImRlY2liZWxBZGp1c3RtZW50IjotNi45MDEwNDE2NjY2NjY2NTcsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImFzc2V0SWQiOiIwM1ROIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlfSwiWmZmbSI6eyJpZCI6IlpmZm0iLCJkdXJhdGlvbkluRnJhbWVzIjo0MSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuODY2NjY2NjY2NjY2NjY2LCJmcm9tIjo1NjMsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMjAsImxlZnQiOi01MzksIndpZHRoIjozNDgxLCJoZWlnaHQiOjE5NjAsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjoxLjEyNSwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiNFNnSiI6eyJpZCI6IjRTZ0oiLCJkdXJhdGlvbkluRnJhbWVzIjo5MCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuNTY2NjY2NjY2NjY2NjY2OSwiZnJvbSI6OTQxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiQ05HSyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjowLCJsZWZ0IjotOSwid2lkdGgiOjE5MzIsImhlaWdodCI6MTA4Nywib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOi02MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiT00xaiI6eyJpZCI6Ik9NMWoiLCJkdXJhdGlvbkluRnJhbWVzIjo0OCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjIuNDMzMzMzMzMzMzMzMzMyLCJmcm9tIjoxMDMxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoid1Z3VyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTI0MCwibGVmdCI6LTIyMTUsIndpZHRoIjo0MTMwLCJoZWlnaHQiOjIzMjUsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJVUG85Ijp7ImlkIjoiVVBvOSIsImR1cmF0aW9uSW5GcmFtZXMiOjQxLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6My4wNjY2NjY2NjY2NjY2NjY0LCJmcm9tIjoxMDc5LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoid1Z3VyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotNTc5LCJsZWZ0IjotMjM5LCJ3aWR0aCI6MzI3MSwiaGVpZ2h0IjoxODQyLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiWVR6byI6eyJpZCI6IllUem8iLCJkdXJhdGlvbkluRnJhbWVzIjoxMDEsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjowLjk5OTk5OTk5OTk5OTk5ODYsImZyb20iOjExMjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJMY3lyIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNTksImxlZnQiOi0zNzAsIndpZHRoIjoyNTQ3LCJoZWlnaHQiOjE0MzQsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCIwcmJUIjp7ImlkIjoiMHJiVCIsImR1cmF0aW9uSW5GcmFtZXMiOjE0NCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuNDY2NjY2NjY2NjY2NjY2MSwiZnJvbSI6MTI3NiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkZFaGsiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6MCwibGVmdCI6LTUsIndpZHRoIjoxOTI4LCJoZWlnaHQiOjEwODQsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJYMnR0Ijp7ImlkIjoiWDJ0dCIsImR1cmF0aW9uSW5GcmFtZXMiOjU1LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi45OTk5OTk5OTk5OTk5OTksImZyb20iOjEyMjEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJaRmlHIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNiwibGVmdCI6LTU3LCJ3aWR0aCI6MTk3OCwiaGVpZ2h0IjoxMTEzLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRnhlNiI6eyJpZCI6IkZ4ZTYiLCJkdXJhdGlvbkluRnJhbWVzIjoxMDcsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo2LjA2NjY2NjY2NjY2NjY2NiwiZnJvbSI6MTUzNiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im9iZkgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTgsImxlZnQiOi0yMywid2lkdGgiOjE5NTEsImhlaWdodCI6MTA5OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sInpNMTkiOnsiaWQiOiJ6TTE5IiwiZHVyYXRpb25JbkZyYW1lcyI6NjQsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjczMzMzMzMzMzMzMzMzMywiZnJvbSI6MTQyMCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im9iZkgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTksImxlZnQiOi0zMiwid2lkdGgiOjE5NjMsImhlaWdodCI6MTEwNSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjJSZkciOnsiaWQiOiIyUmZHIiwiZHVyYXRpb25JbkZyYW1lcyI6MzcsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjozLjg2NjY2NjY2NjY2NjY2NjMsImZyb20iOjE0ODQsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJvYmZIIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0yNjYsImxlZnQiOi0zNiwid2lkdGgiOjI0NDYsImhlaWdodCI6MTM3Niwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIk15SVAiOnsiaWQiOiJNeUlQIiwiZHVyYXRpb25JbkZyYW1lcyI6MTUsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo1LjM0NTAwMDAwMDAwMDAwMSwiZnJvbSI6MTUyMSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6Im9iZkgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTI2NiwibGVmdCI6LTM2LCJ3aWR0aCI6MjQ0NiwiaGVpZ2h0IjoxMzc2LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjI1LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiWHE3biI6eyJpZCI6IlhxN24iLCJkdXJhdGlvbkluRnJhbWVzIjoxMDksInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjowLCJmcm9tIjoxNjQzLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoibjFJRCIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjowLCJsZWZ0IjotMSwid2lkdGgiOjE5NDEsImhlaWdodCI6MTA5Mywib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6My43NSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjBwWlUiOnsiaWQiOiIwcFpVIiwiZHVyYXRpb25JbkZyYW1lcyI6NzksInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjo1Ljk2NjY2NjY2NjY2NjY2MTUsImZyb20iOjE3NTIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJrUzhHIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjEsImxlZnQiOi0xMDI5LCJ3aWR0aCI6MzkyNCwiaGVpZ2h0IjoyMjA5LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRlFTaCI6eyJpZCI6IkZRU2giLCJkdXJhdGlvbkluRnJhbWVzIjo0OSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjcuOTkzMzMzMzMzMzMzMzI1LCJmcm9tIjoxODMxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoia1M4RyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjoxLCJsZWZ0IjotMTAyOSwid2lkdGgiOjM5MjQsImhlaWdodCI6MjIwOSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC43LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MS41Mjg0MTQ5NzQyNTg4OTY0LCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJuRzB0Ijp7ImlkIjoibkcwdCIsImR1cmF0aW9uSW5GcmFtZXMiOjQ0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi45MzMzMzMzMzMzMzMzMzQsImZyb20iOjYwNCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkJ3Vk4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTE4MSwibGVmdCI6LTEzOTIsIndpZHRoIjozMzE0LCJoZWlnaHQiOjE4NjYsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJWZ3NIIjp7ImlkIjoiVmdzSCIsImR1cmF0aW9uSW5GcmFtZXMiOjk4LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MzcuOTk5OTk5OTk5OTk5OTQsImZyb20iOjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJEODZHIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDcyLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJtS0twIjp7ImlkIjoibUtLcCIsImR1cmF0aW9uSW5GcmFtZXMiOjYzMywidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjQuODk5OTk5OTk5OTk5OTk4LCJmcm9tIjoxODc5LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoidG9DYSIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMzA5LCJsZWZ0IjotNTQ4LCJ3aWR0aCI6MjQ3MiwiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAuMjMwMTg5OTkzMDA0NzI4MSwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ4RWdwIjp7ImlkIjoieEVncCIsImR1cmF0aW9uSW5GcmFtZXMiOjQzOSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjI2LjkwMDAwMDAwMDAwMDA2LCJmcm9tIjozNDE0LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoidEhRMiIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMzA5LCJsZWZ0IjotNTQ4LCJ3aWR0aCI6MjQ3MywiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiVVVBcyI6eyJpZCI6IlVVQXMiLCJkdXJhdGlvbkluRnJhbWVzIjo4MTksInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxMjkuNzMzMzMzMzMzMzMzMTIsImZyb20iOjI1MTIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJDMUxVIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDczLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjoyLjg0NzM2ODU0NjU0MTIsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjNPRkoiOnsiaWQiOiIzT0ZKIiwiZHVyYXRpb25JbkZyYW1lcyI6NDQzLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6OC42NjY2NjY2NjY2NjY2NjYsImZyb20iOjM5MDEsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiIxbWNYIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDczLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ3V2JWIjp7ImlkIjoid1diViIsImR1cmF0aW9uSW5GcmFtZXMiOjYxNiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjEuNDMzMzMzMzMzMzMzMzM0NSwiZnJvbSI6NDM0NCwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IlQwbUgiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTMwOSwibGVmdCI6LTU0OCwid2lkdGgiOjI0NzMsImhlaWdodCI6MTM5MSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIjhBdmsiOnsiaWQiOiI4QXZrIiwiZHVyYXRpb25JbkZyYW1lcyI6MzY0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi4yMDAwMDAwMDAwMDAwMDIsImZyb20iOjQ5NjAsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiIxUktvIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0zMDksImxlZnQiOi01NDgsIndpZHRoIjoyNDczLCJoZWlnaHQiOjEzOTEsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJSczdqIjp7ImlkIjoiUnM3aiIsImR1cmF0aW9uSW5GcmFtZXMiOjc2OSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjkuNDMzMzMzMzMzMzMzMzM1LCJmcm9tIjo1MzI0LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiRnVheiIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMzA5LCJsZWZ0IjotNTQ4LCJ3aWR0aCI6MjQ3MywiaGVpZ2h0IjoxMzkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiRVZlRSI6eyJ0eXBlIjoiY2FwdGlvbnMiLCJhc3NldElkIjoiMzFmNSIsImR1cmF0aW9uSW5GcmFtZXMiOjk4LCJmcm9tIjowLCJoZWlnaHQiOjE5MiwiaWQiOiJFVmVFIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJsZWZ0Ijo1MzAsInRvcCI6Nzc4LCJ3aWR0aCI6ODYwLCJvcGFjaXR5IjoxLCJmb250RmFtaWx5IjoiVGlrVG9rIFNhbnMiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjYwMCJ9LCJyb3RhdGlvbiI6MCwibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJmb250U2l6ZSI6ODAsImFsaWduIjoiY2VudGVyIiwiY29sb3IiOiJ3aGl0ZSIsImhpZ2hsaWdodENvbG9yIjoiIzAyYzhmZiIsImRpcmVjdGlvbiI6Imx0ciIsInBhZ2VEdXJhdGlvbkluTWlsbGlzZWNvbmRzIjoyODAwLCJjYXB0aW9uU3RhcnRJblNlY29uZHMiOjM3Ljk5OTk5OTk5OTk5OTk0LCJzdHJva2VXaWR0aCI6MTAsInN0cm9rZUNvbG9yIjoiYmxhY2siLCJtYXhMaW5lcyI6MiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sInpnQXoiOnsiaWQiOiJ6Z0F6IiwiZHVyYXRpb25JbkZyYW1lcyI6MTQ0LCJ0b3AiOi01LCJsZWZ0IjotMTgsIndpZHRoIjoxOTM2LCJoZWlnaHQiOjE1NzEsImZyb20iOjIzODAsInR5cGUiOiJpbWFnZSIsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImFzc2V0SWQiOiIxRFdjIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJrZWVwQXNwZWN0UmF0aW8iOnRydWUsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjM2NjgxODEyMDU0Mjk5NTgsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC40MDg3OTA5MjAwMDg4MDYxfSwiZDBTSyI6eyJpZCI6ImQwU0siLCJkdXJhdGlvbkluRnJhbWVzIjo2MywidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjAsImZyb20iOjI5OTgsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJuMUlEIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjAsImxlZnQiOi0xLCJ3aWR0aCI6MTk0MSwiaGVpZ2h0IjoxMDkzLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6LTYwLCJwbGF5YmFja1JhdGUiOjIuNTUsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJuZGZWIjp7ImlkIjoibmRmViIsImR1cmF0aW9uSW5GcmFtZXMiOjQ2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MS4wNjY2NjY2NjY2NjY2NjUzLCJmcm9tIjozMDYxLCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiTGN5ciIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTU5LCJsZWZ0IjotMzcwLCJ3aWR0aCI6MjU0NywiaGVpZ2h0IjoxNDM0LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiNXRZcyI6eyJpZCI6IjV0WXMiLCJkdXJhdGlvbkluRnJhbWVzIjo0NiwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNjEzMzMzMzMzMzMzMzMsImZyb20iOjMxMDcsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJkcE11IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi05NSwibGVmdCI6LTU0Nywid2lkdGgiOjI0NjUsImhlaWdodCI6MTM4OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC42NSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sInI5STUiOnsiaWQiOiJyOUk1IiwiZHVyYXRpb25JbkZyYW1lcyI6NDYsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjU2NjY2NjY2NjY2NjY2NjksImZyb20iOjMxNTMsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJDTkdLIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjAsImxlZnQiOi05LCJ3aWR0aCI6MTkzMiwiaGVpZ2h0IjoxMDg3LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6LTYwLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCI1cTk1Ijp7ImlkIjoiNXE5NSIsImR1cmF0aW9uSW5GcmFtZXMiOjY2LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Ni43NjY2NjY2NjY2NjY2NjQsImZyb20iOjMxOTksInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJOZnNGIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi02MTksImxlZnQiOi0yMiwid2lkdGgiOjI3MTgsImhlaWdodCI6MTY5OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MS40LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiTXZkRyI6eyJpZCI6Ik12ZEciLCJkdXJhdGlvbkluRnJhbWVzIjo3NSwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNTY2NjY2NjY2NjY2NjU5LCJmcm9tIjozMjY1LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoia1M4RyIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjoxLCJsZWZ0IjotMTAyOSwid2lkdGgiOjM5MjQsImhlaWdodCI6MjIwOSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIms5bUUiOnsiaWQiOiJrOW1FIiwiZHVyYXRpb25JbkZyYW1lcyI6MTM1LCJhdWRpb1N0YXJ0RnJvbUluU2Vjb25kcyI6MCwiZnJvbSI6MzMxMywidHlwZSI6ImF1ZGlvIiwidG9wIjowLCJsZWZ0IjowLCJ3aWR0aCI6MTAwLCJoZWlnaHQiOjEwMCwib3BhY2l0eSI6MSwiZGVjaWJlbEFkanVzdG1lbnQiOi0xNy41NDkxMDcxNDI4NTcxNCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjg5OTk2MDE1MDgyOTAzMTIsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLjg5MzQ1NDQxNDc5ODk0MTgsImFzc2V0SWQiOiIwM1ROIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlfSwiclVpVyI6eyJ0eXBlIjoic29saWQiLCJjb2xvciI6IiMyODI4MmQiLCJkdXJhdGlvbkluRnJhbWVzIjo5NywiZnJvbSI6MzMyNCwidG9wIjowLCJsZWZ0IjowLCJ3aWR0aCI6MTk0MiwiaGVpZ2h0IjoxMDk0LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImlkIjoiclVpVyIsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImtlZXBBc3BlY3RSYXRpbyI6ZmFsc2UsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjE5MTI4MDg5ODM0MzU0NDMsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC4xMjc1OTE4OTkyMDI1OTkwM30sImxQZ2ciOnsiaWQiOiJsUGdnIiwiZHVyYXRpb25JbkZyYW1lcyI6OTcsImZyb20iOjMzMjQsInR5cGUiOiJ0ZXh0IiwidGV4dCI6IkRlc2lnbiBnb2FscyIsImNvbG9yIjoiI2ZmZmZmZiIsInRvcCI6NDgxLCJsZWZ0Ijo3MDIuNSwid2lkdGgiOjQ2MCwiaGVpZ2h0Ijo5NiwiYWxpZ24iOiJjZW50ZXIiLCJvcGFjaXR5IjoxLCJyb3RhdGlvbiI6MCwiZm9udEZhbWlseSI6IlJvYm90byIsImZvbnRTaXplIjo4MCwibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJyZXNpemVPbkVkaXQiOnRydWUsImRpcmVjdGlvbiI6Imx0ciIsImZvbnRTdHlsZSI6eyJ2YXJpYW50Ijoibm9ybWFsIiwid2VpZ2h0IjoiNDAwIn0sImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwic3Ryb2tlV2lkdGgiOjAsInN0cm9rZUNvbG9yIjoiIzAwMDAwMCIsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLjE3MTk3NjM0MDI0OTYwNTQsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC4xMjQxNjk0ODQ0NzEyNjM2MX0sIlJBbnoiOnsiaWQiOiJSQW56IiwiZHVyYXRpb25JbkZyYW1lcyI6NjIsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjU0MDAwMDAwMDAwMDAwMjMsImZyb20iOjM1MjksInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiI5TFl0IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xNSwibGVmdCI6LTE3LCJ3aWR0aCI6MzM1NywiaGVpZ2h0IjoxODkwLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLjQsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MC4yMjIyNjA2Njg4MzMwMzc1LCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sImhJS0oiOnsiaWQiOiJoSUtKIiwiZHVyYXRpb25JbkZyYW1lcyI6NDEsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjg2NjY2NjY2NjY2NjY2NiwiZnJvbSI6MzU5MSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IkJ3Vk4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTMyMCwibGVmdCI6LTUzOSwid2lkdGgiOjM0ODEsImhlaWdodCI6MTk2MCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjEuMTI1LCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJDRnV4Ijp7ImlkIjoiQ0Z1eCIsImR1cmF0aW9uSW5GcmFtZXMiOjQ0LCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi45MzMzMzMzMzMzMzMzMzQsImZyb20iOjM2MzIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xODEsImxlZnQiOi0xMzkyLCJ3aWR0aCI6MzMxNCwiaGVpZ2h0IjoxODY2LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiZ3FrcCI6eyJpZCI6Imdxa3AiLCJkdXJhdGlvbkluRnJhbWVzIjo0MCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjQuNTMzMzMzMzMzMzMzMzMzLCJmcm9tIjozNjc2LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoiQndWTiIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMTY5NSwibGVmdCI6LTMwNDEsIndpZHRoIjo0OTY3LCJoZWlnaHQiOjI3OTYsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJ0Njh0Ijp7ImlkIjoidDY4dCIsImR1cmF0aW9uSW5GcmFtZXMiOjMyLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6NS4yMzAwMDAwMDAwMDAwMDIsImZyb20iOjM3MTYsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJCd1ZOIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi02OTQsImxlZnQiOi0yNDkzLCJ3aWR0aCI6NjMzMSwiaGVpZ2h0IjozNTY0LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjcsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJObElJIjp7ImlkIjoiTmxJSSIsImR1cmF0aW9uSW5GcmFtZXMiOjgxLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6Mi44MDE2NjY2NjY2NjY2NjM2LCJmcm9tIjozNzQ4LCJ0eXBlIjoidmlkZW8iLCJhc3NldElkIjoibERwMCIsImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwidG9wIjotMjI3LCJsZWZ0IjotODEwLCJ3aWR0aCI6MzQ0OCwiaGVpZ2h0IjoxOTQxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjowLjY1LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwic3QzVyI6eyJpZCI6InN0M1ciLCJkdXJhdGlvbkluRnJhbWVzIjo3NCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuNjEzMzMzMzMzMzMzMzMsImZyb20iOjM4MjksInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJkcE11IiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi05NSwibGVmdCI6LTU0Nywid2lkdGgiOjI0NjUsImhlaWdodCI6MTM4OCwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC42NSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZX0sIlV3UW4iOnsiaWQiOiJVd1FuIiwiZHVyYXRpb25JbkZyYW1lcyI6NDYsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjozLjcwMDAwMDAwMDAwMDAwMiwiZnJvbSI6NDEyNiwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IlZ0YVUiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTkwLCJsZWZ0IjotNjg1LCJ3aWR0aCI6MjY1MCwiaGVpZ2h0IjoxNDkxLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwid0pjTyI6eyJpZCI6IndKY08iLCJkdXJhdGlvbkluRnJhbWVzIjozNywidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjYuMTY2NjY2NjY2NjY2NjYyNSwiZnJvbSI6NDA4OSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IjNSR0IiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTM5NywibGVmdCI6LTQyMSwid2lkdGgiOjQxMDUsImhlaWdodCI6MjMxMSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MC43LCJhdWRpb0ZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJhdWRpb0ZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MCwia2VlcEFzcGVjdFJhdGlvIjp0cnVlfSwiMlRZYiI6eyJpZCI6IjJUWWIiLCJkdXJhdGlvbkluRnJhbWVzIjo1MywidG9wIjotMiwibGVmdCI6LTE0NCwid2lkdGgiOjIxNDksImhlaWdodCI6MTQxMSwiZnJvbSI6NDE3MiwidHlwZSI6ImltYWdlIiwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiYXNzZXRJZCI6IkUzb3YiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZSwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MC4yNjIxNDc3OTkyNjM3Mjk5fSwiTHB1ZCI6eyJpZCI6IkxwdWQiLCJkdXJhdGlvbkluRnJhbWVzIjoxMTMsInZpZGVvU3RhcnRGcm9tSW5TZWNvbmRzIjoxLjI2NjY2NjY2NjY2NjY2NzMsImZyb20iOjQ0NjcsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJhYlRMIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOi0xLCJsZWZ0IjotNCwid2lkdGgiOjE5ODMsImhlaWdodCI6MTMwMSwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiZGVjaWJlbEFkanVzdG1lbnQiOjAsInBsYXliYWNrUmF0ZSI6MSwiYXVkaW9GYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAuNjE5NDEzMzYwNDYxMTczLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJvd2VYIjp7ImlkIjoib3dlWCIsImR1cmF0aW9uSW5GcmFtZXMiOjIxOCwidmlkZW9TdGFydEZyb21JblNlY29uZHMiOjAsImZyb20iOjQ3NDIsInR5cGUiOiJ2aWRlbyIsImFzc2V0SWQiOiJuR2lMIiwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJ0b3AiOjAsImxlZnQiOjAsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODAsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6MCwicm90YXRpb24iOjAsImRlY2liZWxBZGp1c3RtZW50IjowLCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJrZ3NkIjp7ImlkIjoia2dzZCIsImR1cmF0aW9uSW5GcmFtZXMiOjkzLCJ2aWRlb1N0YXJ0RnJvbUluU2Vjb25kcyI6MCwiZnJvbSI6NTQ4MSwidHlwZSI6InZpZGVvIiwiYXNzZXRJZCI6IjNOdFYiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInRvcCI6LTIsImxlZnQiOi0yLCJ3aWR0aCI6MTkyMiwiaGVpZ2h0IjoxMTg5LCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJkZWNpYmVsQWRqdXN0bWVudCI6MCwicGxheWJhY2tSYXRlIjoxLjcsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImF1ZGlvRmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MC4xNTA0OTAyNDEwMDM5NzQ0OCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowLjE4Nzc2ODQxNDM5NjA4NDgzLCJrZWVwQXNwZWN0UmF0aW8iOnRydWV9LCJIbUFHIjp7ImlkIjoiSG1BRyIsImR1cmF0aW9uSW5GcmFtZXMiOjkyLCJmcm9tIjo1NDgxLCJ0eXBlIjoidGV4dCIsInRleHQiOiJyZW1vdGlvbi5kZXYvZWRpdG9yLXN0YXJ0ZXIiLCJjb2xvciI6IiMwMDAwMDAiLCJ0b3AiOjkzMSwibGVmdCI6NjIzLCJ3aWR0aCI6NjgwLCJoZWlnaHQiOjY2LCJhbGlnbiI6ImNlbnRlciIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjU1LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDAwMDAwIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sIlVCMUoiOnsidHlwZSI6InNvbGlkIiwiY29sb3IiOiIjZmZmZmZmIiwiZHVyYXRpb25JbkZyYW1lcyI6OTIsImZyb20iOjU0ODEsInRvcCI6OTAxLCJsZWZ0Ijo1MTYsIndpZHRoIjo4ODksImhlaWdodCI6MTI2LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImlkIjoiVUIxSiIsIm9wYWNpdHkiOjEsImJvcmRlclJhZGl1cyI6NjIsInJvdGF0aW9uIjowLCJrZWVwQXNwZWN0UmF0aW8iOmZhbHNlLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiMk9FViI6eyJ0eXBlIjoic29saWQiLCJjb2xvciI6IiMyMTIxMjYiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsImZyb20iOjYwOTMsInRvcCI6MCwibGVmdCI6MCwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MCwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJpZCI6IjJPRVYiLCJvcGFjaXR5IjoxLCJib3JkZXJSYWRpdXMiOjAsInJvdGF0aW9uIjowLCJrZWVwQXNwZWN0UmF0aW8iOmZhbHNlLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiSWxXMCI6eyJpZCI6IklsVzAiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsInRvcCI6NzgsImxlZnQiOi00NjcsIndpZHRoIjoxNTIyLCJoZWlnaHQiOjkyNSwiZnJvbSI6NjA5MywidHlwZSI6ImltYWdlIiwib3BhY2l0eSI6MSwiYm9yZGVyUmFkaXVzIjowLCJyb3RhdGlvbiI6MCwiYXNzZXRJZCI6IllRVzEiLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsImtlZXBBc3BlY3RSYXRpbyI6dHJ1ZSwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sIlV2MU0iOnsiaWQiOiJVdjFNIiwiZHVyYXRpb25JbkZyYW1lcyI6MzExLCJmcm9tIjo2MDkzLCJ0eXBlIjoidGV4dCIsInRleHQiOiJyZW1vdGlvbi5kZXYvZWRpdG9yLXN0YXJ0ZXIiLCJjb2xvciI6IiNmZmZmZmYiLCJ0b3AiOjI0MywibGVmdCI6MTE4Niwid2lkdGgiOjU1NCwiaGVpZ2h0Ijo1NSwiYWxpZ24iOiJsZWZ0Iiwib3BhY2l0eSI6MSwicm90YXRpb24iOjAsImZvbnRGYW1pbHkiOiJSb2JvdG8iLCJmb250U2l6ZSI6NDYsImxpbmVIZWlnaHQiOjEuMiwibGV0dGVyU3BhY2luZyI6MCwicmVzaXplT25FZGl0Ijp0cnVlLCJkaXJlY3Rpb24iOiJsdHIiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjQwMCJ9LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInN0cm9rZVdpZHRoIjowLCJzdHJva2VDb2xvciI6IiMwMDAwMDAiLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiUURSVCI6eyJpZCI6IlFEUlQiLCJkdXJhdGlvbkluRnJhbWVzIjozMjcsImF1ZGlvU3RhcnRGcm9tSW5TZWNvbmRzIjowLCJmcm9tIjo2MDc3LCJ0eXBlIjoiYXVkaW8iLCJ0b3AiOjAsImxlZnQiOjAsIndpZHRoIjoxMDAsImhlaWdodCI6MTAwLCJvcGFjaXR5IjoxLCJkZWNpYmVsQWRqdXN0bWVudCI6LTE3LjU0OTEwNzE0Mjg1NzE0LCJwbGF5YmFja1JhdGUiOjEsImF1ZGlvRmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAuODk5OTYwMTUwODI5MDMxMiwiYXVkaW9GYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjAuODkzNDU0NDE0Nzk4OTQxOCwiYXNzZXRJZCI6IjAzVE4iLCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2V9LCI4bXluIjp7ImlkIjoiOG15biIsImR1cmF0aW9uSW5GcmFtZXMiOjMxMSwiZnJvbSI6NjA5MywidHlwZSI6InRleHQiLCJ0ZXh0IjoiRG9jcyIsImNvbG9yIjoiIzA4ODRmMyIsInRvcCI6MjA2LCJsZWZ0IjoxMTg1LCJ3aWR0aCI6NjEsImhlaWdodCI6MzIsImFsaWduIjoibGVmdCIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjI3LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDg4NGYzIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sInlFRTciOnsiaWQiOiJ5RUU3IiwiZHVyYXRpb25JbkZyYW1lcyI6MzExLCJmcm9tIjo2MDkzLCJ0eXBlIjoidGV4dCIsInRleHQiOiJyZW1vdGlvbi5wcm8vZWRpdG9yLXN0YXJ0ZXIiLCJjb2xvciI6IiNmZmZmZmYiLCJ0b3AiOjQwMiwibGVmdCI6MTE4Niwid2lkdGgiOjU0OSwiaGVpZ2h0Ijo1NSwiYWxpZ24iOiJsZWZ0Iiwib3BhY2l0eSI6MSwicm90YXRpb24iOjAsImZvbnRGYW1pbHkiOiJSb2JvdG8iLCJmb250U2l6ZSI6NDYsImxpbmVIZWlnaHQiOjEuMiwibGV0dGVyU3BhY2luZyI6MCwicmVzaXplT25FZGl0Ijp0cnVlLCJkaXJlY3Rpb24iOiJsdHIiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjQwMCJ9LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInN0cm9rZVdpZHRoIjowLCJzdHJva2VDb2xvciI6IiMwMDAwMDAiLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiU2w4WSI6eyJpZCI6IlNsOFkiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsImZyb20iOjYwOTMsInR5cGUiOiJ0ZXh0IiwidGV4dCI6IkJ1eSIsImNvbG9yIjoiIzA4ODRmMyIsInRvcCI6MzY1LCJsZWZ0IjoxMTg1LCJ3aWR0aCI6NDYsImhlaWdodCI6MzIsImFsaWduIjoibGVmdCIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjI3LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDg4NGYzIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH0sInZUa2siOnsiaWQiOiJ2VGtrIiwiZHVyYXRpb25JbkZyYW1lcyI6MzExLCJmcm9tIjo2MDkzLCJ0eXBlIjoidGV4dCIsInRleHQiOiJlZGl0b3Itc3RhcnRlci5yZW1vdGlvbi5kZXYiLCJjb2xvciI6IiNmZmZmZmYiLCJ0b3AiOjU2MCwibGVmdCI6MTE4Niwid2lkdGgiOjU0NSwiaGVpZ2h0Ijo1NSwiYWxpZ24iOiJsZWZ0Iiwib3BhY2l0eSI6MSwicm90YXRpb24iOjAsImZvbnRGYW1pbHkiOiJSb2JvdG8iLCJmb250U2l6ZSI6NDYsImxpbmVIZWlnaHQiOjEuMiwibGV0dGVyU3BhY2luZyI6MCwicmVzaXplT25FZGl0Ijp0cnVlLCJkaXJlY3Rpb24iOiJsdHIiLCJmb250U3R5bGUiOnsidmFyaWFudCI6Im5vcm1hbCIsIndlaWdodCI6IjQwMCJ9LCJpc0RyYWdnaW5nSW5UaW1lbGluZSI6ZmFsc2UsInN0cm9rZVdpZHRoIjowLCJzdHJva2VDb2xvciI6IiMwMDAwMDAiLCJmYWRlSW5EdXJhdGlvbkluU2Vjb25kcyI6MCwiZmFkZU91dER1cmF0aW9uSW5TZWNvbmRzIjowfSwiVnpnTCI6eyJpZCI6IlZ6Z0wiLCJkdXJhdGlvbkluRnJhbWVzIjozMTEsImZyb20iOjYwOTMsInR5cGUiOiJ0ZXh0IiwidGV4dCI6IkRlbW8iLCJjb2xvciI6IiMwODg0ZjMiLCJ0b3AiOjUyMywibGVmdCI6MTE4NSwid2lkdGgiOjcxLCJoZWlnaHQiOjMyLCJhbGlnbiI6ImxlZnQiLCJvcGFjaXR5IjoxLCJyb3RhdGlvbiI6MCwiZm9udEZhbWlseSI6IlJvYm90byIsImZvbnRTaXplIjoyNywibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJyZXNpemVPbkVkaXQiOnRydWUsImRpcmVjdGlvbiI6Imx0ciIsImZvbnRTdHlsZSI6eyJ2YXJpYW50Ijoibm9ybWFsIiwid2VpZ2h0IjoiNzAwIn0sImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwic3Ryb2tlV2lkdGgiOjAsInN0cm9rZUNvbG9yIjoiIzA4ODRmMyIsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjB9LCJRN01wIjp7ImlkIjoiUTdNcCIsImR1cmF0aW9uSW5GcmFtZXMiOjMxMSwiZnJvbSI6NjA5MywidHlwZSI6InRleHQiLCJ0ZXh0IjoiTGluayBiZWxvdyIsImNvbG9yIjoiI2ZmZmZmZiIsInRvcCI6NzE2LCJsZWZ0IjoxMTg2LCJ3aWR0aCI6MjE5LCJoZWlnaHQiOjU1LCJhbGlnbiI6ImxlZnQiLCJvcGFjaXR5IjoxLCJyb3RhdGlvbiI6MCwiZm9udEZhbWlseSI6IlJvYm90byIsImZvbnRTaXplIjo0NiwibGluZUhlaWdodCI6MS4yLCJsZXR0ZXJTcGFjaW5nIjowLCJyZXNpemVPbkVkaXQiOnRydWUsImRpcmVjdGlvbiI6Imx0ciIsImZvbnRTdHlsZSI6eyJ2YXJpYW50Ijoibm9ybWFsIiwid2VpZ2h0IjoiNDAwIn0sImlzRHJhZ2dpbmdJblRpbWVsaW5lIjpmYWxzZSwic3Ryb2tlV2lkdGgiOjAsInN0cm9rZUNvbG9yIjoiIzAwMDAwMCIsImZhZGVJbkR1cmF0aW9uSW5TZWNvbmRzIjowLCJmYWRlT3V0RHVyYXRpb25JblNlY29uZHMiOjB9LCJZMjJBIjp7ImlkIjoiWTIyQSIsImR1cmF0aW9uSW5GcmFtZXMiOjMxMSwiZnJvbSI6NjA5MywidHlwZSI6InRleHQiLCJ0ZXh0IjoiRWRpdCB0aGlzIHZpZGVvIiwiY29sb3IiOiIjMDg4NGYzIiwidG9wIjo2NzksImxlZnQiOjExODUsIndpZHRoIjoxNzEsImhlaWdodCI6MzIsImFsaWduIjoibGVmdCIsIm9wYWNpdHkiOjEsInJvdGF0aW9uIjowLCJmb250RmFtaWx5IjoiUm9ib3RvIiwiZm9udFNpemUiOjI3LCJsaW5lSGVpZ2h0IjoxLjIsImxldHRlclNwYWNpbmciOjAsInJlc2l6ZU9uRWRpdCI6dHJ1ZSwiZGlyZWN0aW9uIjoibHRyIiwiZm9udFN0eWxlIjp7InZhcmlhbnQiOiJub3JtYWwiLCJ3ZWlnaHQiOiI3MDAifSwiaXNEcmFnZ2luZ0luVGltZWxpbmUiOmZhbHNlLCJzdHJva2VXaWR0aCI6MCwic3Ryb2tlQ29sb3IiOiIjMDg4NGYzIiwiZmFkZUluRHVyYXRpb25JblNlY29uZHMiOjAsImZhZGVPdXREdXJhdGlvbkluU2Vjb25kcyI6MH19LCJhc3NldHMiOnsibzVQVyI6eyJpZCI6Im81UFciLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTIuNTE4MDAwNjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6InRpbWVsaW5lLWltcG9ydC5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzE2ZDBiZWJhLWU1NjAtNGM0Ni1hNDJmLWJhODRiOTUwNjNjNyIsInJlbW90ZUZpbGVLZXkiOiIxNmQwYmViYS1lNTYwLTRjNDYtYTQyZi1iYTg0Yjk1MDYzYzciLCJzaXplIjoxMjI3ODUxMywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJ2UldZIjp7ImlkIjoidlJXWSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo5LjU1MTMzNCwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJ0cmltLWxlZnQubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS8yYmE2OTQ5MC1iMmVjLTQ3ZGUtODhiNi01MWFkYmJiZjhlZTYiLCJyZW1vdGVGaWxlS2V5IjoiMmJhNjk0OTAtYjJlYy00N2RlLTg4YjYtNTFhZGJiYmY4ZWU2Iiwic2l6ZSI6OTIxNTc0NywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJha2RIIjp7ImlkIjoiYWtkSCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo2LjczNDY2NzMzMzMzMzMzMywiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJ0cmltLXJpZ2h0Lm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vM2RhNTc4ZDEtZDg0NS00NThlLTlhODYtMWIxNjQ0MWJmMDllIiwicmVtb3RlRmlsZUtleSI6IjNkYTU3OGQxLWQ4NDUtNDU4ZS05YTg2LTFiMTY0NDFiZjA5ZSIsInNpemUiOjYzNzQ4MTQsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiM1JHQiI6eyJpZCI6IjNSR0IiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OS4zNTEzMzQwMDAwMDAwMDEsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoidXBsb2FkLWxvYWRpbmctaW5kaWNhdG9yLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vOTdkOTZjZDktZDliZi00OGFhLWEzNWYtODAwYTI1Njg5YzQ3IiwicmVtb3RlRmlsZUtleSI6Ijk3ZDk2Y2Q5LWQ5YmYtNDhhYS1hMzVmLTgwMGEyNTY4OWM0NyIsInNpemUiOjkwNDU1NTEsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiTVQ1dSI6eyJpZCI6Ik1UNXUiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTIuMDUxMzM0LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6InZvbHVtZS1jb250cm9sLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vNmE2MzgxMGEtN2I3MS00ZDljLWI1MDEtMDZmNjI4NmI5NGVmIiwicmVtb3RlRmlsZUtleSI6IjZhNjM4MTBhLTdiNzEtNGQ5Yy1iNTAxLTA2ZjYyODZiOTRlZiIsInNpemUiOjExNzg1MDMyLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sIkVsdjAiOnsiaWQiOiJFbHYwIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjcuOTUxMzM0LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImZhZGUtaW4ubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS81ZjU1NTAzZi00ZmMxLTRlZTktYTUxMi03MWE1MjViZWZmZmMiLCJyZW1vdGVGaWxlS2V5IjoiNWY1NTUwM2YtNGZjMS00ZWU5LWE1MTItNzFhNTI1YmVmZmZjIiwic2l6ZSI6NzU4MjY2MSwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJMRzBLIjp7ImlkIjoiTEcwSyIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoxNS4xMDE2NjY2NjY2NjY2NjcsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoicGluY2gtdG8tem9vbS5NT1YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzc0M2MwZTVhLTI1NGYtNDkzYy05YTE5LWU2NDEwNzE5NzM1MiIsInJlbW90ZUZpbGVLZXkiOiI3NDNjMGU1YS0yNTRmLTQ5M2MtOWExOS1lNjQxMDcxOTczNTIiLCJzaXplIjoxNDgzOTI4MywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCI5TFl0Ijp7ImlkIjoiOUxZdCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo3LjI2ODAwMDY2NjY2NjY2NjYsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoic29saWQtZHJhd2luZy10b29sLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYzJkNDBiNDUtZjQ0Mi00MjEyLTlkZDItZDE3ZWYwZTcxZjMxIiwicmVtb3RlRmlsZUtleSI6ImMyZDQwYjQ1LWY0NDItNDIxMi05ZGQyLWQxN2VmMGU3MWYzMSIsInNpemUiOjY4Njc4NDksIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwibERwMCI6eyJpZCI6ImxEcDAiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTEuNDM0NjY3MzMzMzMzMzM1LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImZvbnQtc3R5bGVzLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vNTgwMjhmN2EtNTViMy00MTM2LWExZjItODY2NTFiOWM2ZDhiIiwicmVtb3RlRmlsZUtleSI6IjU4MDI4ZjdhLTU1YjMtNDEzNi1hMWYyLTg2NjUxYjljNmQ4YiIsInNpemUiOjExMTIxNTE2LCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sImRwTXUiOnsiaWQiOiJkcE11IiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjExLjQzNDY2NzMzMzMzMzMzNSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJmb250LXN0eWxlcy5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tL2MyOWFhNmUzLTU2YTMtNGE4My1hMDk2LTg0YWM3ODU1ZWY4NCIsInJlbW90ZUZpbGVLZXkiOiJjMjlhYTZlMy01NmEzLTRhODMtYTA5Ni04NGFjNzg1NWVmODQiLCJzaXplIjoxMTEyMTUxNiwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJWdGFVIjp7ImlkIjoiVnRhVSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo2LjY2NSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJnZW5lcmF0aW5nLWNhcHRpb25zLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYzFkMjY5Y2EtY2U2MC00M2Q4LThiMGUtODFkOTA0ODIwNzIzIiwicmVtb3RlRmlsZUtleSI6ImMxZDI2OWNhLWNlNjAtNDNkOC04YjBlLTgxZDkwNDgyMDcyMyIsInNpemUiOjc4MTA3OTIsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiQndWTiI6eyJpZCI6IkJ3Vk4iLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OC4wODQ2NjczMzMzMzMzMzQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoic2VuZC10by1iYWNrLWNlbnRlci1ib3JkZXItcmFkaXVzLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZjg0NGNjMTUtMjQ1OS00OGIxLTg2YzAtYWE0MjAzYjIxYzU1IiwicmVtb3RlRmlsZUtleSI6ImY4NDRjYzE1LTI0NTktNDhiMS04NmMwLWFhNDIwM2IyMWM1NSIsInNpemUiOjc3NTI4NTEsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiMDNUTiI6eyJpZCI6IjAzVE4iLCJ0eXBlIjoiYXVkaW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6NTguNTEyLCJmaWxlbmFtZSI6IkVTX09yZGluYXJ5IExvdmUgKEluc3RydW1lbnRhbCBWZXJzaW9uKSAtIExpc2EgVG93biAoVmVyc2lvbiAyZDEyOWFiNCkgLSBmdWxsbWl4X3ByZXZpZXcubXAzIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS83NjdlY2Y4NS0yZjc4LTQ3YjItODJlNS01MmFhMWQ3YTgzZDEiLCJyZW1vdGVGaWxlS2V5IjoiNzY3ZWNmODUtMmY3OC00N2IyLTgyZTUtNTJhYTFkN2E4M2QxIiwic2l6ZSI6MjM0MDQ4MCwibWltZVR5cGUiOiJhdWRpby9tcGVnIn0sIkNOR0siOnsiaWQiOiJDTkdLIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjQuNTk3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImNhcHRpb25zLWFuZC1wbGF5YmFjay5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tL2RiNzg0YmY5LTlkYWMtNDVhNC05NjZmLTRlNDIwOWUxYTdhYSIsInJlbW90ZUZpbGVLZXkiOiJkYjc4NGJmOS05ZGFjLTQ1YTQtOTY2Zi00ZTQyMDllMWE3YWEiLCJzaXplIjo2NTAwNzU1LCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sIndWd1ciOnsiaWQiOiJ3VndXIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjkuNzUxMzM0MDAwMDAwMDAyLCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6ImNhcHRpb24taGlnaGxpZ2h0LWNvbG9yLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZTA4MGY2YTQtNjk4My00ODk1LTk5NDUtZGYwZTZhMzgzNDY2IiwicmVtb3RlRmlsZUtleSI6ImUwODBmNmE0LTY5ODMtNDg5NS05OTQ1LWRmMGU2YTM4MzQ2NiIsInNpemUiOjk0MzY4MjgsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiTGN5ciI6eyJpZCI6IkxjeXIiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6Ni42MzQ2NjczMzMzMzMzMzQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiY2FudmFzLW1hcnF1ZWUtc2VsZWN0aW9uLWFuZC1tb3ZlLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZmMxNGY5YTktNWMwYi00NWIzLTg5NWQtOGFkMGEzNjc0YmYyIiwicmVtb3RlRmlsZUtleSI6ImZjMTRmOWE5LTVjMGItNDViMy04OTVkLThhZDBhMzY3NGJmMiIsInNpemUiOjYyNzI2MTQsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwiRkVoayI6eyJpZCI6IkZFaGsiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OS45NjgwMDA2NjY2NjY2NjcsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoidGltZWxpbmUtbWFycXVlZS1zZWxlY3Rpb24ubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS81YWNhYmZhNy1iMzU0LTQwY2YtYjkxMC0xZTk5YmRiNTU3ZGUiLCJyZW1vdGVGaWxlS2V5IjoiNWFjYWJmYTctYjM1NC00MGNmLWI5MTAtMWU5OWJkYjU1N2RlIiwic2l6ZSI6OTY3NTI4NywibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJaRmlHIjp7ImlkIjoiWkZpRyIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjo3LjgwMTMzNDAwMDAwMDAwMSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJ0aW1lbGluZS16b29tLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZjM0ZjVlOTMtN2ZkMy00ZjhhLWJlODItNzFjYzA3NjIyN2EwIiwicmVtb3RlRmlsZUtleSI6ImYzNGY1ZTkzLTdmZDMtNGY4YS1iZTgyLTcxY2MwNzYyMjdhMCIsInNpemUiOjc0MTIxOTksIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwib2JmSCI6eyJpZCI6Im9iZkgiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTEuMDM0NjY3MzMzMzMzMzM1LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6InNwbGl0LWl0ZW0tYW5kLXJvbGxpbmctZWRpdC5tb3YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tL2FhNmZhZGZiLWEzYmYtNDA3MC1hZTA0LTI0NTcwNGI4MGU4NSIsInJlbW90ZUZpbGVLZXkiOiJhYTZmYWRmYi1hM2JmLTQwNzAtYWUwNC0yNDU3MDRiODBlODUiLCJzaXplIjoxMDcxMzEzNCwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTA4MCwiaGVpZ2h0Ijo2MDh9LCJuMUlEIjp7ImlkIjoibjFJRCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoxNi41ODksImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiZWRpdG9yLWJ1aWxkdXAubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS8xNzc5OGZlYy02ODliLTRhYWItOWJhMi0wNmRhMzY3YTQ5ZjQiLCJyZW1vdGVGaWxlS2V5IjoiMTc3OThmZWMtNjg5Yi00YWFiLTliYTItMDZkYTM2N2E0OWY0Iiwic2l6ZSI6MTg1NTA4MzAsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjEwODAsImhlaWdodCI6NjA4fSwia1M4RyI6eyJpZCI6ImtTOEciLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6OS4xMzQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoicmVuZGVyaW5nLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vMGIxOTBmMzYtYjg3OC00MjI3LThjYjUtZjBmNTIwNjhhNDI3IiwicmVtb3RlRmlsZUtleSI6IjBiMTkwZjM2LWI4NzgtNDIyNy04Y2I1LWYwZjUyMDY4YTQyNyIsInNpemUiOjEwNDI5MTQzLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxMDgwLCJoZWlnaHQiOjYwOH0sIkQ4NkciOnsiaWQiOiJEODZHIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjU0LjAzNjY2NjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IklNR180ODIwLk1PViIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vMDk0OTEyZjMtN2E1ZC00ODZiLWEwMmMtMGYxYWU0MmY4YWU5IiwicmVtb3RlRmlsZUtleSI6IjA5NDkxMmYzLTdhNWQtNDg2Yi1hMDJjLTBmMWFlNDJmOGFlOSIsInNpemUiOjUyMTI4ODIzLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCJ0b0NhIjp7ImlkIjoidG9DYSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjozNC44MDMzMzMzMzMzMzMzMzUsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjEuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS8zMjU1OWI5MS0yMjc1LTQ0NDItOGUyOS1lYzJiYTg2ZmEwMDUiLCJyZW1vdGVGaWxlS2V5IjoiMzI1NTliOTEtMjI3NS00NDQyLThlMjktZWMyYmE4NmZhMDA1Iiwic2l6ZSI6MzMyNDkxOTcsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sInRIUTIiOnsiaWQiOiJ0SFEyIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjQ3LjQzNjY2NjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IklNR180ODIzLk1PViIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vZTlmYWNmZTAtMjAxYS00YTc1LTg2YjEtOTEyNjVlNjZkYjY5IiwicmVtb3RlRmlsZUtleSI6ImU5ZmFjZmUwLTIwMWEtNGE3NS04NmIxLTkxMjY1ZTY2ZGI2OSIsInNpemUiOjQ1NzEwMTg2LCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCJDMUxVIjp7ImlkIjoiQzFMVSIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoxNjQuNzQ4MzMzMzMzMzMzMzMsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjIuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9kOTYzMTA5OS04ODEzLTRkMjYtOTM3ZC1kMWU4OGZkMmU4NTMiLCJyZW1vdGVGaWxlS2V5IjoiZDk2MzEwOTktODgxMy00ZDI2LTkzN2QtZDFlODhmZDJlODUzIiwic2l6ZSI6MTYwNjk2NDkzLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCIxbWNYIjp7ImlkIjoiMW1jWCIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjoyOS44NjgzMzMzMzMzMzMzMzIsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjQuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS81MGU2YThlOS1lODg5LTRlYmQtYmU1ZS05ZDE0OWQ4YjZmYzQiLCJyZW1vdGVGaWxlS2V5IjoiNTBlNmE4ZTktZTg4OS00ZWJkLWJlNWUtOWQxNDlkOGI2ZmM0Iiwic2l6ZSI6MjgzMjk0MDcsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sIlQwbUgiOnsiaWQiOiJUMG1IIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjI2LjEzNSwiaGFzQXVkaW9UcmFjayI6dHJ1ZSwiZmlsZW5hbWUiOiJJTUdfNDgyNS5NT1YiLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzI3OTRmODEyLWRkYzUtNGZlYy04YTIwLWNmZmNkZWZhOWUzOSIsInJlbW90ZUZpbGVLZXkiOiIyNzk0ZjgxMi1kZGM1LTRmZWMtOGEyMC1jZmZjZGVmYTllMzkiLCJzaXplIjoyNDY4MDEzMCwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTkyMCwiaGVpZ2h0IjoxMDgwfSwiMVJLbyI6eyJpZCI6IjFSS28iLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MjIuMTM1LCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IklNR180ODI2Lk1PViIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vOGZjMGU4OWUtNDEwNS00ZGFhLTgzYzAtYjU1ZGU4ZDFkZDg2IiwicmVtb3RlRmlsZUtleSI6IjhmYzBlODllLTQxMDUtNGRhYS04M2MwLWI1NWRlOGQxZGQ4NiIsInNpemUiOjIwOTk0MjIxLCJtaW1lVHlwZSI6InZpZGVvL3F1aWNrdGltZSIsIndpZHRoIjoxOTIwLCJoZWlnaHQiOjEwODB9LCJGdWF6Ijp7ImlkIjoiRnVheiIsInR5cGUiOiJ2aWRlbyIsImR1cmF0aW9uSW5TZWNvbmRzIjozNi45MDE2NjY2NjY2NjY2NjQsImhhc0F1ZGlvVHJhY2siOnRydWUsImZpbGVuYW1lIjoiSU1HXzQ4MjcuTU9WIiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9hYzMzMDczYy0yZjgzLTRiOWUtOTVhOC04YWEzMjE5ZGE3MDkiLCJyZW1vdGVGaWxlS2V5IjoiYWMzMzA3M2MtMmY4My00YjllLTk1YTgtOGFhMzIxOWRhNzA5Iiwic2l6ZSI6MzUyMjk1MDMsIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sIjMxZjUiOnsiaWQiOiIzMWY1IiwidHlwZSI6ImNhcHRpb24iLCJjYXB0aW9ucyI6W3siY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjQ4ODAuMDAwMTE0NDQwOTE4LCJzdGFydE1zIjozNzk5Ljk5OTk1MjMxNjI4NCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjo0MzQwLjAwMDAzMzM3ODYwMX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6NTA3OS45OTk5MjM3MDYwNTUsInN0YXJ0TXMiOjQ4ODAuMDAwMTE0NDQwOTE4LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ5ODAuMDAwMDE5MDczNDg2fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo1NDAwLjAwMDA5NTM2NzQzMiwic3RhcnRNcyI6NTA3OS45OTk5MjM3MDYwNTUsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NTI0MC4wMDAwMDk1MzY3NDN9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjU3MTkuOTk5NzkwMTkxNjUsInN0YXJ0TXMiOjU0MDAuMDAwMDk1MzY3NDMyLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjU1NTkuOTk5OTQyNzc5NTQxfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo2MjM5Ljk5OTc3MTExODE2NCwic3RhcnRNcyI6NTcxOS45OTk3OTAxOTE2NSwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjo1OTc5Ljk5OTc4MDY1NDkwN30seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6Njc4MC4wMDAyMDk4MDgzNSwic3RhcnRNcyI6NjIzOS45OTk3NzExMTgxNjQsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NjUwOS45OTk5OTA0NjMyNTd9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjkzNDAuMDAwMTUyNTg3ODksInN0YXJ0TXMiOjg4MDAuMDAwMTkwNzM0ODYzLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjkwNzAuMDAwMTcxNjYxMzc3fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo5NTIwLjAwMDQ1Nzc2MzY3Miwic3RhcnRNcyI6OTM0MC4wMDAxNTI1ODc4OSwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjo5NDMwLjAwMDMwNTE3NTc4MX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6OTY5OS45OTk4MDkyNjUxMzcsInN0YXJ0TXMiOjk1MjAuMDAwNDU3NzYzNjcyLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjk2MTAuMDAwMTMzNTE0NDA0fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoxMDM1OS45OTk2NTY2NzcyNDYsInN0YXJ0TXMiOjk2OTkuOTk5ODA5MjY1MTM3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjEwMDI5Ljk5OTczMjk3MTE5MX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTEzNDAuMDAwMTUyNTg3ODksInN0YXJ0TXMiOjEwMzU5Ljk5OTY1NjY3NzI0NiwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoxMDg0OS45OTk5MDQ2MzI1Njh9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjExODk5Ljk5OTYxODUzMDI3Mywic3RhcnRNcyI6MTEzNDAuMDAwMTUyNTg3ODksInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6MTE2MTkuOTk5ODg1NTU5MDgyfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoxNDM4MC4wMDAxMTQ0NDA5MTgsInN0YXJ0TXMiOjEzODQwLjAwMDE1MjU4Nzg5LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE0MTEwLjAwMDEzMzUxNDQwNH0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTQ1NjAuMDAwNDE5NjE2Nywic3RhcnRNcyI6MTQzODAuMDAwMTE0NDQwOTE4LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE0NDcwLjAwMDI2NzAyODgwOX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTQ3NzkuOTk5NzMyOTcxMTkxLCJzdGFydE1zIjoxNDU2MC4wMDA0MTk2MTY3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE0NjcwLjAwMDA3NjI5Mzk0NX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTU2MDAuMDAwMzgxNDY5NzI3LCJzdGFydE1zIjoxNDc3OS45OTk3MzI5NzExOTEsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6MTUxOTAuMDAwMDU3MjIwNDU5fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoxNjAwMCwic3RhcnRNcyI6MTU2MDAuMDAwMzgxNDY5NzI3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjE1ODAwLjAwMDE5MDczNDg2M30seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MTY1NTkuOTk5NDY1OTQyMzgzLCJzdGFydE1zIjoxNjAwMCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoxNjI3OS45OTk3MzI5NzExOTF9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjIxNjAwLjAwMDM4MTQ2OTcyNywic3RhcnRNcyI6MjAyMDAuMDAwNzYyOTM5NDUzLCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjIwOTAwLjAwMDU3MjIwNDU5fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoyMzAwMCwic3RhcnRNcyI6MjE2MDAuMDAwMzgxNDY5NzI3LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjIyMzAwLjAwMDE5MDczNDg2M30seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6MjMyNjAuMDAwMjI4ODgxODM2LCJzdGFydE1zIjoyMzAwMCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoyMzEzMC4wMDAxMTQ0NDA5MTh9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjIzODQwLjAwMDE1MjU4Nzg5LCJzdGFydE1zIjoyMzI2MC4wMDAyMjg4ODE4MzYsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6MjM1NTAuMDAwMTkwNzM0ODYzfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjoyNDYyMC4wMDA4MzkyMzM0LCJzdGFydE1zIjoyMzg0MC4wMDAxNTI1ODc4OSwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoyNDIzMC4wMDA0OTU5MTA2NDV9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjI1MTM5Ljk5OTM4OTY0ODQzOCwic3RhcnRNcyI6MjQ2MjAuMDAwODM5MjMzNCwidGV4dCI6IiIsInRpbWVzdGFtcE1zIjoyNDg4MC4wMDAxMTQ0NDA5MTh9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjM4NDE5Ljk5ODE2ODk0NTMxLCJzdGFydE1zIjozNzcyMC4wMDEyMjA3MDMxMjUsInRleHQiOiIgVGhpcyIsInRpbWVzdGFtcE1zIjozODA2OS45OTk2OTQ4MjQyMn0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6Mzg3MjAuMDAxMjIwNzAzMTI1LCJzdGFydE1zIjozODQxOS45OTgxNjg5NDUzMSwidGV4dCI6IiBpcyIsInRpbWVzdGFtcE1zIjozODU2OS45OTk2OTQ4MjQyMn0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6Mzg4ODAuMDAxMDY4MTE1MjM0LCJzdGFydE1zIjozODcyMC4wMDEyMjA3MDMxMjUsInRleHQiOiIgdGhlIiwidGltZXN0YW1wTXMiOjM4ODAwLjAwMTE0NDQwOTE4fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjozOTUwMCwic3RhcnRNcyI6Mzg4ODAuMDAxMDY4MTE1MjM0LCJ0ZXh0IjoiIFJlbW90aW9uIiwidGltZXN0YW1wTXMiOjM5MTkwLjAwMDUzNDA1NzYyfSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0MDI5OS45OTkyMzcwNjA1NSwic3RhcnRNcyI6Mzk1MDAsInRleHQiOiIgRWRpdG9yIiwidGltZXN0YW1wTXMiOjM5ODk5Ljk5OTYxODUzMDI3fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0MjYwMCwic3RhcnRNcyI6NDAyOTkuOTk5MjM3MDYwNTUsInRleHQiOiIgU3RhcnRlci4iLCJ0aW1lc3RhbXBNcyI6NDA0NDkuOTk4ODU1NTkwODJ9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjQ0NTYwLjAwMTM3MzI5MTAxNiwic3RhcnRNcyI6NDM1MjAuMDAwNDU3NzYzNjcsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NDQwNDAuMDAwOTE1NTI3MzQ0fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0NDc5OS45OTkyMzcwNjA1NSwic3RhcnRNcyI6NDQ1NjAuMDAxMzczMjkxMDE2LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ0NjgwLjAwMDMwNTE3NTc4fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0NTE4MC4wMDAzMDUxNzU3OCwic3RhcnRNcyI6NDQ3OTkuOTk5MjM3MDYwNTUsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NDQ5ODkuOTk5NzcxMTE4MTY0fSx7ImNvbmZpZGVuY2UiOm51bGwsImVuZE1zIjo0NTU2MC4wMDEzNzMyOTEwMTYsInN0YXJ0TXMiOjQ1MTgwLjAwMDMwNTE3NTc4LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ1MzcwLjAwMDgzOTIzMzR9LHsiY29uZmlkZW5jZSI6bnVsbCwiZW5kTXMiOjQ2MDk5Ljk5ODQ3NDEyMTA5NCwic3RhcnRNcyI6NDU1NjAuMDAxMzczMjkxMDE2LCJ0ZXh0IjoiIiwidGltZXN0YW1wTXMiOjQ1ODI5Ljk5OTkyMzcwNjA1NX0seyJjb25maWRlbmNlIjpudWxsLCJlbmRNcyI6NDY2MTkuOTk4OTMxODg0NzY2LCJzdGFydE1zIjo0NjA5OS45OTg0NzQxMjEwOTQsInRleHQiOiIiLCJ0aW1lc3RhbXBNcyI6NDYzNTkuOTk4NzAzMDAyOTN9XSwiZmlsZW5hbWUiOiJjYXB0aW9ucy5zcnQiLCJyZW1vdGVVcmwiOm51bGwsInJlbW90ZUZpbGVLZXkiOm51bGwsInNpemUiOjQzNjIsIm1pbWVUeXBlIjoiYXBwbGljYXRpb24vanNvbiJ9LCIxRFdjIjp7ImlkIjoiMURXYyIsInR5cGUiOiJpbWFnZSIsImZpbGVuYW1lIjoiU2NyZWVuc2hvdCAyMDI1LTA4LTIwIGF0IDEwLjIxLjQ3LnBuZyIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYzI3N2E5MDgtMmExYi00NTUzLTliNDctMTE5OWM5M2RmZWE4IiwicmVtb3RlRmlsZUtleSI6ImMyNzdhOTA4LTJhMWItNDU1My05YjQ3LTExOTljOTNkZmVhOCIsInNpemUiOjMzNjg0MywibWltZVR5cGUiOiJpbWFnZS9wbmciLCJ3aWR0aCI6MTQ0NCwiaGVpZ2h0IjoxMTcyfSwiTmZzRiI6eyJpZCI6Ik5mc0YiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6MTIuMDgzMzMzMzMzMzMzMzM0LCJoYXNBdWRpb1RyYWNrIjpmYWxzZSwiZmlsZW5hbWUiOiJTY3JlZW4gUmVjb3JkaW5nIDIwMjUtMDgtMjAgYXQgMTAuMzUuNDYubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9mODgwODM2MS01Yjk1LTRjMjQtOGU1Mi03M2VjM2Q2Y2YyYzAiLCJyZW1vdGVGaWxlS2V5IjoiZjg4MDgzNjEtNWI5NS00YzI0LThlNTItNzNlYzNkNmNmMmMwIiwic2l6ZSI6Mjk3MTQ1MSwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTcyOSwiaGVpZ2h0IjoxMDgwfSwiRTNvdiI6eyJpZCI6IkUzb3YiLCJ0eXBlIjoiaW1hZ2UiLCJmaWxlbmFtZSI6IlNjcmVlbnNob3QgMjAyNS0wOC0yMCBhdCAxMC41MS41OC5wbmciLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzY3YzY3ZGQ2LWJjNTUtNDZlOS04NjM0LTI3ZmYzZTAxNDcyNyIsInJlbW90ZUZpbGVLZXkiOiI2N2M2N2RkNi1iYzU1LTQ2ZTktODYzNC0yN2ZmM2UwMTQ3MjciLCJzaXplIjoxODM2ODUsIm1pbWVUeXBlIjoiaW1hZ2UvcG5nIiwid2lkdGgiOjE0ODksImhlaWdodCI6OTc4fSwiYWJUTCI6eyJpZCI6ImFiVEwiLCJ0eXBlIjoidmlkZW8iLCJkdXJhdGlvbkluU2Vjb25kcyI6NS42NSwiaGFzQXVkaW9UcmFjayI6ZmFsc2UsImZpbGVuYW1lIjoiU2NyZWVuIFJlY29yZGluZyAyMDI1LTA4LTIwIGF0IDEwLjU0LjEyLm1vdiIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYWYxNDQzNmYtNDc1NC00MjE3LTg4ODAtM2RjYTVlYTA1NWU0IiwicmVtb3RlRmlsZUtleSI6ImFmMTQ0MzZmLTQ3NTQtNDIxNy04ODgwLTNkY2E1ZWEwNTVlNCIsInNpemUiOjU0MTM1OTksIm1pbWVUeXBlIjoidmlkZW8vcXVpY2t0aW1lIiwid2lkdGgiOjE2NDYsImhlaWdodCI6MTA4MH0sIm5HaUwiOnsiaWQiOiJuR2lMIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjkuMTUyLCJoYXNBdWRpb1RyYWNrIjp0cnVlLCJmaWxlbmFtZSI6IldoYXRJc1JlbW90aW9uLm1wNCIsInJlbW90ZVVybCI6Imh0dHBzOi8vcmVtb3Rpb25sYW1iZGEtZ3h6bGU0eW5vaC5zMy1hY2NlbGVyYXRlLmFtYXpvbmF3cy5jb20vYmRmMmM5OWQtNmEzZC00NmI5LTk3MmYtZThhMDkzYjhiMzFhIiwicmVtb3RlRmlsZUtleSI6ImJkZjJjOTlkLTZhM2QtNDZiOS05NzJmLWU4YTA5M2I4YjMxYSIsInNpemUiOjIxNzU1MDEsIm1pbWVUeXBlIjoidmlkZW8vbXA0Iiwid2lkdGgiOjE5MjAsImhlaWdodCI6MTA4MH0sIjNOdFYiOnsiaWQiOiIzTnRWIiwidHlwZSI6InZpZGVvIiwiZHVyYXRpb25JblNlY29uZHMiOjkuMDE2NjY2NjY2NjY2NjY3LCJoYXNBdWRpb1RyYWNrIjpmYWxzZSwiZmlsZW5hbWUiOiJTY3JlZW4gUmVjb3JkaW5nIDIwMjUtMDgtMjAgYXQgMTEuMDYuMzIubW92IiwicmVtb3RlVXJsIjoiaHR0cHM6Ly9yZW1vdGlvbmxhbWJkYS1neHpsZTR5bm9oLnMzLWFjY2VsZXJhdGUuYW1hem9uYXdzLmNvbS9hM2NhMWUzNy0zNDYzLTQ5MjAtOTkxYS0wYjBiNTA5NWIxODYiLCJyZW1vdGVGaWxlS2V5IjoiYTNjYTFlMzctMzQ2My00OTIwLTk5MWEtMGIwYjUwOTViMTg2Iiwic2l6ZSI6NDMxNTcwNSwibWltZVR5cGUiOiJ2aWRlby9xdWlja3RpbWUiLCJ3aWR0aCI6MTc0NiwiaGVpZ2h0IjoxMDgwfSwiWVFXMSI6eyJpZCI6IllRVzEiLCJ0eXBlIjoiaW1hZ2UiLCJmaWxlbmFtZSI6IlNjcmVlbnNob3QgMjAyNS0wOC0yMCBhdCAxMS4xNy4yMi5wbmciLCJyZW1vdGVVcmwiOiJodHRwczovL3JlbW90aW9ubGFtYmRhLWd4emxlNHlub2guczMtYWNjZWxlcmF0ZS5hbWF6b25hd3MuY29tLzk1YmFkNTYxLTUxZGMtNGMzYS04OGNhLTkzOTQxZTYyZTkxYiIsInJlbW90ZUZpbGVLZXkiOiI5NWJhZDU2MS01MWRjLTRjM2EtODhjYS05Mzk0MWU2MmU5MWIiLCJzaXplIjoxMTM3MDU2LCJtaW1lVHlwZSI6ImltYWdlL3BuZyIsIndpZHRoIjoyMDc4LCJoZWlnaHQiOjEyNjJ9fSwiZGVsZXRlZEFzc2V0cyI6W119) |

Notes[​](https://www.remotion.dev/docs/editor-starter/demo#notes "Direct link to Notes")

-----------------------------------------------------------------------------------------

*   The announcement video link is a long URL, it might not be sharable everywhere.
*   Don't rely on these to edit serious projects. We might change the internal data structure of videos as we develop the Editor Starter, breaking your projects.
*   There is no responsive design, so the demo might not look good on mobile.

*   [Notes](https://www.remotion.dev/docs/editor-starter/demo#notes)

---

# Buy the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/buy#__docusaurus_skipToContent_fallback)

Copy page

On this page

To buy the Editor Starter for $600, visit **[remotion.pro/editor-starter](https://www.remotion.pro/editor-starter)
**.

### Upgrading from the Timeline[​](https://www.remotion.dev/docs/editor-starter/buy#upgrading-from-the-timeline "Direct link to Upgrading from the Timeline")

If you have already bought the [Timeline](https://www.remotion.dev/docs/timeline)
 and are buying the Editor Starter, you are eligible for a full refund on the Timeline component.  
Buy from the same email address and then contact us at [\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection#f19998b183949c9e85989e9fdf959487)
 from the email address you used to buy the Timeline.

### For Enterprise License holders[​](https://www.remotion.dev/docs/editor-starter/buy#for-enterprise-license-holders "Direct link to For Enterprise License holders")

The Editor Starter is included in the Enterprise License.  
Provide a list of GitHub users you would like to invite in our private channel with us to get access to the Editor Starter.

*   [Upgrading from the Timeline](https://www.remotion.dev/docs/editor-starter/buy#upgrading-from-the-timeline)
    
*   [For Enterprise License holders](https://www.remotion.dev/docs/editor-starter/buy#for-enterprise-license-holders)

---

# Remotion Recorder | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/recorder#__docusaurus_skipToContent_fallback)

Copy page

On this page

![Animated Remotion Recorder Logo](https://www.remotion.dev/recorder/recorder-logo-light.gif)

The Remotion Recorder is a video production tool **built entirely in JavaScript**.

Recording[​](https://www.remotion.dev/docs/recorder#recording "Direct link to Recording")

------------------------------------------------------------------------------------------

Record your facecam and screen in sync but independently. This allows you to create a dynamic layout later.

|     |     |
| --- | --- |
| ![](https://www.remotion.dev/recorder/individual.png) |     |
| Record webcam and display as separate streams. Up to 4 sources can be recorded at the same time! | Ensure you are in the center of the video and you are not too close to the microphone. |

Different platforms require different formats[​](https://www.remotion.dev/docs/recorder#different-platforms-require-different-formats "Direct link to Different platforms require different formats")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Each platform has its own conventions for how videos should look.

|     |     |     |
| --- | --- | --- |
| ![](https://www.remotion.dev/recorder/vps-square.png) | ![](https://www.remotion.dev/recorder/vps-landscape.png) | WIP |
| **Twitter, LinkedIn**<br><br>1:1<br><br>Muted by default<br><br>Captions burned in | **YouTube**<br><br>16:9<br><br>Audio by default<br><br>Captions as .srt file<br><br>Endcard with related videos | **<br><br>TikTok, Reels, Shorts<br><br>[planned](https://www.remotion.dev/docs/recorder#tiktok-format)<br>**<br><br>9:16<br><br>Safe space at bottom required<br><br>Word-by-word captions |

The goal of the Recorder: Edit once **and feel native on each platform**.

This has a measurable impact on the performance of your post: For example, a 1:1 video on X [results in 30-35% higher video views and a 80-100% higher engagement rate](https://buffer.com/resources/square-video-vs-landscape-video/)
.

Captions are essential[​](https://www.remotion.dev/docs/recorder#captions-are-essential "Direct link to Captions are essential")

---------------------------------------------------------------------------------------------------------------------------------

Generate captions locally using [Whisper.cpp](https://github.com/ggerganov/whisper.cpp)
. The Recorder will automatically install it for you.  
AI will make mistakes - so we make it easy to correct them.

|     |     |     |
| --- | --- | --- |
| Captions have word-level timings | Orphan words are avoided by balancing the text layout | Use `backticks` to highlight technical terms |

|     |     |     |
| --- | --- | --- |
| Fix captions quickly by clicking on a word | ![](https://www.remotion.dev/recorder/autocorrect.png)  <br><br>Write a JavaScript function to fix common misspellings | ![](https://www.remotion.dev/recorder/asjson.png)  <br><br>Captions are stored as editable JSON |

Agnostic endcards[​](https://www.remotion.dev/docs/recorder#agnostic-endcards "Direct link to Agnostic endcards")

------------------------------------------------------------------------------------------------------------------

Your viewer watched the entire video! Now don't make them forget about you.

|     |     |
| --- | --- |
| ![](https://www.remotion.dev/recorder/endcard-square.png)<br><br>If you post on Twitter, the call-to-action is "Follow" and your other platforms are linked. | ![](https://www.remotion.dev/recorder/endcard-youtube.png)  <br><br>If you post on YouTube, the call to action is "Subscribe" and cutouts for related videos are made. |

The endcard is written with React and CSS, so can be easily customized.

Customization[​](https://www.remotion.dev/docs/recorder#customization "Direct link to Customization")

------------------------------------------------------------------------------------------------------

Having access to the entire source code, you can use CSS to customize the look of the Recorder.

|     |     |     |
| --- | --- | --- |
| ![](https://www.remotion.dev/recorder/theme-light.png)<br><br>Look of the built-in light theme | ![](https://www.remotion.dev/recorder/theme-dark.png)  <br><br>Look of the built-in dark theme | ![](https://www.remotion.dev/recorder/theme-fancy.png)  <br><br>Use CSS to make it your own! |

The Recorder is built with TypeScript and React, and you can fully customize it's behavior. It's a hackable video editor.

Silence removal[​](https://www.remotion.dev/docs/recorder#silence-removal "Direct link to Silence removal")

------------------------------------------------------------------------------------------------------------

Automatically remove the silence at the start and end of your take.

Music[​](https://www.remotion.dev/docs/recorder#music "Direct link to Music")

------------------------------------------------------------------------------

Add background music to your video and automatically fade between the different sections.  
Three exclusive tracks are included that you may use for your video.

Layouting[​](https://www.remotion.dev/docs/recorder#layouting "Direct link to Layouting")

------------------------------------------------------------------------------------------

Whether you only record your facecam, or also your display, the Recorder always finds the ideal layout - even if you mix landscape and portrait videos.

Transitions[​](https://www.remotion.dev/docs/recorder#transitions "Direct link to Transitions")

------------------------------------------------------------------------------------------------

Enable clean transitions between scenes - no matter if you change the layout during the video.

Chapters[​](https://www.remotion.dev/docs/recorder#chapters "Direct link to Chapters")

---------------------------------------------------------------------------------------

Mark a scene as the beginning of a new chapter and automatically generate animated chapters.

B-Roll[​](https://www.remotion.dev/docs/recorder#b-roll "Direct link to B-Roll")

---------------------------------------------------------------------------------

Add images and videos on top of your facecam or display while your voiceover is playing to give the video more depth.

Exporting[​](https://www.remotion.dev/docs/recorder#exporting "Direct link to Exporting")

------------------------------------------------------------------------------------------

Export your video with much control over the encoding options.  
Render a video with a single click on a button, the CLI, Node.JS APIs, GitHub Actions, or even on AWS Lambda!

See also[​](https://www.remotion.dev/docs/recorder#see-also "Direct link to See also")

---------------------------------------------------------------------------------------

*   [Editor Starter](https://www.remotion.dev/docs/editor-starter)
    

* * *

1) 9:16 format is not yet implemented.

*   [Recording](https://www.remotion.dev/docs/recorder#recording)
    
*   [Different platforms require different formats](https://www.remotion.dev/docs/recorder#different-platforms-require-different-formats)
    
*   [Captions are essential](https://www.remotion.dev/docs/recorder#captions-are-essential)
    
*   [Agnostic endcards](https://www.remotion.dev/docs/recorder#agnostic-endcards)
    
*   [Customization](https://www.remotion.dev/docs/recorder#customization)
    
*   [Silence removal](https://www.remotion.dev/docs/recorder#silence-removal)
    
*   [Music](https://www.remotion.dev/docs/recorder#music)
    
*   [Layouting](https://www.remotion.dev/docs/recorder#layouting)
    
*   [Transitions](https://www.remotion.dev/docs/recorder#transitions)
    
*   [Chapters](https://www.remotion.dev/docs/recorder#chapters)
    
*   [B-Roll](https://www.remotion.dev/docs/recorder#b-roll)
    
*   [Exporting](https://www.remotion.dev/docs/recorder#exporting)
    
*   [See also](https://www.remotion.dev/docs/recorder#see-also)

---

# Timeline – Setup | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/timeline/setup#__docusaurus_skipToContent_fallback)

Copy page

On this page

Installation[​](https://www.remotion.dev/docs/timeline/setup#installation "Direct link to Installation")

---------------------------------------------------------------------------------------------------------

1.  Copy the `timeline/` folder to your application
2.  Install the required dependencies:

    npm install remotion @remotion/player @remotion/media-utils tailwindcss

Tailwind Configuration[​](https://www.remotion.dev/docs/timeline/setup#tailwind-configuration "Direct link to Tailwind Configuration")

---------------------------------------------------------------------------------------------------------------------------------------

### Using Tailwind CSS v4 (Current Project)[​](https://www.remotion.dev/docs/timeline/setup#using-tailwind-css-v4-current-project "Direct link to Using Tailwind CSS v4 (Current Project)")

This project uses Tailwind CSS V4. Import `src/timeline/theme/timeline.css` in your global CSS file:

    @import './timeline/theme/timeline.css';

You can customize the colors by modifying the values in the `@theme` block.

### Using Tailwind CSS v3 (Legacy)[​](https://www.remotion.dev/docs/timeline/setup#using-tailwind-css-v3-legacy "Direct link to Using Tailwind CSS v3 (Legacy)")

Instructions for Tailwind v3

Use `src/timeline/theme/timeline-preset.mjs` as a preset in your `tailwind.config.js`:

Then, set up your `tailwind.config.js` like this:

    import timelinePreset from './timeline/theme/timeline-preset.mjs';
    
    /** @type {import('tailwindcss').Config} */
    export default {
      presets: [timelinePreset],
      content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
      theme: {
        extend: {
          // Add your custom theme extensions here
        },
      },
    };

*   [Installation](https://www.remotion.dev/docs/timeline/setup#installation)
    
*   [Tailwind Configuration](https://www.remotion.dev/docs/timeline/setup#tailwind-configuration)
    *   [Using Tailwind CSS v4 (Current Project)](https://www.remotion.dev/docs/timeline/setup#using-tailwind-css-v4-current-project)
        
    *   [Using Tailwind CSS v3 (Legacy)](https://www.remotion.dev/docs/timeline/setup#using-tailwind-css-v3-legacy)

---

# Setup | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/setup#__docusaurus_skipToContent_fallback)

Copy page

On this page

After obtaining the Editor Starter, you should [fork](https://github.com/remotion-dev/editor-starter/fork)
 it to your own account.

Once you have forked the repository, you can clone it to your local machine, and install the dependencies by doing the following:

Start a new project[​](https://www.remotion.dev/docs/editor-starter/setup#start-a-new-project "Direct link to Start a new project")

------------------------------------------------------------------------------------------------------------------------------------

If you are starting a new project, you can stay in your repository and install dependencies:

    npm i

Run the app using:

    npm run dev

The app may be deployed like any other React Router 7 app, for example by connecting the repository to [Vercel](https://vercel.com/)
.

Copying into an existing project[​](https://www.remotion.dev/docs/editor-starter/setup#copying-into-an-existing-project "Direct link to Copying into an existing project")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------

If you already have a project, you can copy the `src/editor` folder into your existing project.  
The following instructions were tested on a new Next.js project with Tailwind and TypeScript enabled, but it should work with any React framework.

[](https://www.remotion.dev/docs/editor-starter/setup#1)

[1](https://www.remotion.dev/docs/editor-starter/setup#1)

[](https://www.remotion.dev/docs/editor-starter/setup#1)
Install the [dependencies](https://www.remotion.dev/docs/editor-starter/dependencies)
.

[](https://www.remotion.dev/docs/editor-starter/setup#2)

[2](https://www.remotion.dev/docs/editor-starter/setup#2)

[](https://www.remotion.dev/docs/editor-starter/setup#2)
Copy the `src/editor` folder into your existing project.

[](https://www.remotion.dev/docs/editor-starter/setup#3)

[3](https://www.remotion.dev/docs/editor-starter/setup#3)

[](https://www.remotion.dev/docs/editor-starter/setup#3)
Mount the editor in your app. For example, in Next.js, in `page/app.tsx`:

page/app.tsx

`import { Editor } from "./editor/editor"; export default function Home() {   return <Editor />; }`Copy

[](https://www.remotion.dev/docs/editor-starter/setup#4)

[4](https://www.remotion.dev/docs/editor-starter/setup#4)

[](https://www.remotion.dev/docs/editor-starter/setup#4)
Set up the [backend routes](https://www.remotion.dev/docs/editor-starter/backend-routes)
.

Setting up asset uploads[​](https://www.remotion.dev/docs/editor-starter/setup#setting-up-asset-uploads "Direct link to Setting up asset uploads")

---------------------------------------------------------------------------------------------------------------------------------------------------

If the user drops in any assets, you can configure them to be uploaded to an S3 bucket.  
See [Asset uploads](https://www.remotion.dev/docs/editor-starter/asset-uploads)
 for more information.

Setting up rendering[​](https://www.remotion.dev/docs/editor-starter/setup#setting-up-rendering "Direct link to Setting up rendering")

---------------------------------------------------------------------------------------------------------------------------------------

See [Rendering](https://www.remotion.dev/docs/editor-starter/rendering)
 for how to setup the Remotion Lambda integration.

Setting up captions[​](https://www.remotion.dev/docs/editor-starter/setup#setting-up-captions "Direct link to Setting up captions")

------------------------------------------------------------------------------------------------------------------------------------

You can setup AI transcription for audio and video assets. See [Captioning](https://www.remotion.dev/docs/editor-starter/captioning)
 on how to set it up.

*   [Start a new project](https://www.remotion.dev/docs/editor-starter/setup#start-a-new-project)
    
*   [Copying into an existing project](https://www.remotion.dev/docs/editor-starter/setup#copying-into-an-existing-project)
    
*   [Setting up asset uploads](https://www.remotion.dev/docs/editor-starter/setup#setting-up-asset-uploads)
    
*   [Setting up rendering](https://www.remotion.dev/docs/editor-starter/setup#setting-up-rendering)
    
*   [Setting up captions](https://www.remotion.dev/docs/editor-starter/setup#setting-up-captions)

---

# Timeline – Usage | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/timeline/usage#__docusaurus_skipToContent_fallback)

Copy page

On this page

Component Integration[​](https://www.remotion.dev/docs/timeline/usage#component-integration "Direct link to Component Integration")

------------------------------------------------------------------------------------------------------------------------------------

Import and use the timeline components in your React application.

For optimal performance and proper functionality, structure your components like this:

    import type {PlayerRef} from '@remotion/player';
    import {Timeline, TimelineContainer} from './timeline/remotion-timeline/components/timeline';
    import {TimelineProvider} from './timeline/remotion-timeline/context/provider';
    import {TimelineSizeProvider} from './timeline/remotion-timeline/context/timeline-size-provider';
    import {TimelineZoomProvider} from './timeline/remotion-timeline/context/timeline-zoom-provider';
    import {PreviewContainer} from './layout';
    
    export const App = () => {
      const playerRef = useRef<PlayerRef>(null);
      const timelineContainerRef = useRef<HTMLDivElement>(null);
      const timelineContainerSize = useElementSize(timelineContainerRef);
      const timelineContainerWidth = timelineContainerSize?.width;
    
      return (
        <TimelineProvider
          onChange={(newState) => {
            console.log('New timeline state:', newState);
          }}
          initialState={initialState}
        >
          <TimelineZoomProvider initialZoom={1}>
            <PreviewContainer>
              <VideoPreview loop playerRef={playerRef} />
              <ActionRow playerRef={playerRef} />
            </PreviewContainer>
    
            <TimelineContainer timelineContainerRef={timelineContainerRef}>
              {timelineContainerWidth ? (
                <TimelineSizeProvider containerWidth={timelineContainerWidth}>
                  <Timeline playerRef={playerRef} />
                </TimelineSizeProvider>
              ) : null}
            </TimelineContainer>
          </TimelineZoomProvider>
        </TimelineProvider>
      );
    };

This structure ensures:

*   Timeline state management through `TimelineProvider`
*   Zoom functionality with `TimelineZoomProvider`
*   Proper sizing calculations with `TimelineSizeProvider`
*   Responsive timeline container with `TimelineContainer`

Default state structure[​](https://www.remotion.dev/docs/timeline/usage#default-state-structure "Direct link to Default state structure")

------------------------------------------------------------------------------------------------------------------------------------------

The project includes a predefined state structure for timeline tracks and items. You can check [TimelineProvider component](https://github.com/remotion-dev/timeline/blob/main/src/timeline/remotion-timeline/context/provider.tsx)
 for the state structure.

Video Preview[​](https://www.remotion.dev/docs/timeline/usage#video-preview "Direct link to Video Preview")

------------------------------------------------------------------------------------------------------------

This project includes a `CanvasComposition`, a Remotion composition that renders the timeline state in the Remotion Player.

You can:

*   Use the provided composition as-is for quick prototyping
*   Adapt it to your needs
*   Replace it with your own composition while keeping the timeline functionality

Check `video-preview.tsx` and `App.tsx` for implementation examples.

State Persistence[​](https://www.remotion.dev/docs/timeline/usage#state-persistence "Direct link to State Persistence")

------------------------------------------------------------------------------------------------------------------------

The `TimelineProvider` includes an `onChange` callback that fires whenever the timeline state changes (adding/removing tracks, moving items, etc.). Use this to save the editor state to your backend:

    function VideoEditor() {
      const saveToServer = async (state: TimelineState) => {
        try {
          await fetch('/api/save-timeline', {
            method: 'POST',
            body: JSON.stringify(state),
          });
        } catch (error) {
          console.error('Failed to save timeline state:', error);
        }
      };
    
      return (
        <TimelineProvider onChange={saveToServer} initialState={initialState}>
          <div className="video-editor">
            <VideoPreview playerRef={playerRef} />
            <ActionRow playerRef={playerRef} />
            <TimelineRoot playerRef={playerRef} />
          </div>
        </TimelineProvider>
      );
    }

Example Project Structure[​](https://www.remotion.dev/docs/timeline/usage#example-project-structure "Direct link to Example Project Structure")

------------------------------------------------------------------------------------------------------------------------------------------------

In `App.tsx`, you can see the complete implementation of the timeline component.

The example project demonstrates:

*   Importing the timeline components
*   Using the `ActionRow` component to use timeline zoom and add clips
*   Using the `TimelineRoot` component to render the timeline

*   [Component Integration](https://www.remotion.dev/docs/timeline/usage#component-integration)
    
*   [Default state structure](https://www.remotion.dev/docs/timeline/usage#default-state-structure)
    
*   [Video Preview](https://www.remotion.dev/docs/timeline/usage#video-preview)
    
*   [State Persistence](https://www.remotion.dev/docs/timeline/usage#state-persistence)
    
*   [Example Project Structure](https://www.remotion.dev/docs/timeline/usage#example-project-structure)

---

# @remotion/animated-emoji | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/animated-emoji/#__docusaurus_skipToContent_fallback)

Copy page

On this page

_available from v4.0.187_

This package wraps the [Google Fonts Animated Emoji](https://googlefonts.github.io/noto-emoji-animation/)
 into Remotion components.

Installation[​](https://www.remotion.dev/docs/animated-emoji/#installation "Direct link to Installation")

----------------------------------------------------------------------------------------------------------

*   Remotion CLI
*   npm
*   bun
*   pnpm
*   yarn

npx remotion add @remotion/animated-emoji

Copy

npm i --save-exact @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

APIs[​](https://www.remotion.dev/docs/animated-emoji/#apis "Direct link to APIs")

----------------------------------------------------------------------------------

The following APIs are available:

[**<AnimatedEmoji>**\
\
Component for rendering an animated emoji.](https://www.remotion.dev/docs/animated-emoji/animated-emoji)
[**getAvailableEmoji()**\
\
Get a list of available emoji.](https://www.remotion.dev/docs/animated-emoji/get-available-emoji)

License[​](https://www.remotion.dev/docs/animated-emoji/#license "Direct link to License")

-------------------------------------------------------------------------------------------

[Remotion License](https://remotion.dev/license)
  
The animated Emoji are licensed under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
.

*   [Installation](https://www.remotion.dev/docs/animated-emoji/#installation)
    
*   [APIs](https://www.remotion.dev/docs/animated-emoji/#apis)
    
*   [License](https://www.remotion.dev/docs/animated-emoji/#license)

---

# @remotion/animation-utils | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/animation-utils/#__docusaurus_skipToContent_fallback)

Copy page

On this page

[v4.0.92](https://github.com/remotion-dev/remotion/releases/v4.0.92)

Functions that support you in animating CSS styles.

*   npm
*   pnpm
*   yarn

    npm i @remotion/animation-utils

    pnpm i @remotion/animation-utils

    yarn add @remotion/animation-utils

Functions[​](https://www.remotion.dev/docs/animation-utils/#functions "Direct link to Functions")

--------------------------------------------------------------------------------------------------

[**makeTransform()**\
\
Create a value for the CSS `transform` property](https://www.remotion.dev/docs/animation-utils/make-transform)
[**interpolateStyles()**\
\
Map a range of values to CSS `style` values](https://www.remotion.dev/docs/animation-utils/interpolate-styles)

License[​](https://www.remotion.dev/docs/animation-utils/#license "Direct link to License")

--------------------------------------------------------------------------------------------

MIT

*   [Functions](https://www.remotion.dev/docs/animation-utils/#functions)
    
*   [License](https://www.remotion.dev/docs/animation-utils/#license)

---

# Captions | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/captions/#__docusaurus_skipToContent_fallback)

Copy page

On this page

Learn how to add captions and subtitles to your Remotion videos.

[**Importing from .srt**\
\
Import existing .srt subtitle files](https://www.remotion.dev/docs/captions/importing)
[**Transcribing audio**\
\
Options for generating captions from audio](https://www.remotion.dev/docs/captions/transcribing)
[**Displaying captions**\
\
Render captions in your Remotion video](https://www.remotion.dev/docs/captions/displaying)
[**Exporting subtitles**\
\
Export subtitles as burned-in or .srt files](https://www.remotion.dev/docs/captions/exporting)

See also[​](https://www.remotion.dev/docs/captions/#see-also "Direct link to See also")

----------------------------------------------------------------------------------------

*   [`@remotion/captions`](https://www.remotion.dev/docs/captions/api)
     - API reference for caption utilities

*   [See also](https://www.remotion.dev/docs/captions/#see-also)

---

# Parameterized videos | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/parameterized-rendering#__docusaurus_skipToContent_fallback)

Copy page

On this page

Remotion allows for [ingesting](https://www.remotion.dev/docs/passing-props)
, [validating](https://www.remotion.dev/docs/schemas)
, [visually editing](https://www.remotion.dev/docs/visual-editing)
, and transforming data that may be used to parametrize a video.

Data may [influence the content](https://www.remotion.dev/docs/data-fetching)
 of the video, or the [metadata](https://www.remotion.dev/docs/dynamic-metadata)
 such as width, height, duration or framerate.

High-level overview[​](https://www.remotion.dev/docs/parameterized-rendering#high-level-overview "Direct link to High-level overview")

---------------------------------------------------------------------------------------------------------------------------------------

Remotion allows the passing of [props](https://react.dev/learn/passing-props-to-a-component)
 to a React component.  
Props are a React concept and take the shape of a JavaScript object.

To determine the data which gets passed to the video, the following steps are taken:

[](https://www.remotion.dev/docs/parameterized-rendering#1)

[1](https://www.remotion.dev/docs/parameterized-rendering#1)

[](https://www.remotion.dev/docs/parameterized-rendering#1)
**Default props** are defined statically, so that the video can be designed in the Studio without any data.  

*   The default props define the shape of the data.
    
*   A schema can be defined and validated.
    
*   In absence of data, default props can be edited in the Remotion Studio.
    

[](https://www.remotion.dev/docs/parameterized-rendering#2)

[2](https://www.remotion.dev/docs/parameterized-rendering#2)

[](https://www.remotion.dev/docs/parameterized-rendering#2)
**Input props** may be specified when rendering a video to override the default props.  

*   Input props will be merged together with default props, where input props have priority.
    

[](https://www.remotion.dev/docs/parameterized-rendering#3)

[3](https://www.remotion.dev/docs/parameterized-rendering#3)

[](https://www.remotion.dev/docs/parameterized-rendering#3)
**Using [`calculateMetadata()`](https://www.remotion.dev/docs/data-fetching)
**, postprocessing of the props may be performed and metadata be dynamically calculated.  

*   For example, given a URL is passed as a prop, it may be fetched and the content added to the props.
    
*   Asynchronous calculation of the video duration and other metadata is also possible here.
    

[](https://www.remotion.dev/docs/parameterized-rendering#4)

[4](https://www.remotion.dev/docs/parameterized-rendering#4)

[](https://www.remotion.dev/docs/parameterized-rendering#4)
**The final props** are passed to the React component.

*   The component may dynamically render content based on the props.
    

See [here](https://www.remotion.dev/docs/props-resolution)
 for a visual explanation and more details of how the resolution process works.

Table of contents[​](https://www.remotion.dev/docs/parameterized-rendering#table-of-contents "Direct link to Table of contents")

---------------------------------------------------------------------------------------------------------------------------------

*   [Passing props](https://www.remotion.dev/docs/passing-props)
    
*   [Defining a Schema](https://www.remotion.dev/docs/schemas)
    
*   [Visual editing](https://www.remotion.dev/docs/visual-editing)
    
*   [Data fetching](https://www.remotion.dev/docs/data-fetching)
    
*   [Variable metadata](https://www.remotion.dev/docs/dynamic-metadata)
    
*   [How props get resolved](https://www.remotion.dev/docs/props-resolution)
    

See also[​](https://www.remotion.dev/docs/parameterized-rendering#see-also "Direct link to See also")

------------------------------------------------------------------------------------------------------

You can use the [Remotion Player](https://www.remotion.dev/docs/player)
 to display a Remotion component in a React app and dynamically change the content without rendering the video, to create experiences where the content updates in real-time.

*   [High-level overview](https://www.remotion.dev/docs/parameterized-rendering#high-level-overview)
    
*   [Table of contents](https://www.remotion.dev/docs/parameterized-rendering#table-of-contents)
    
*   [See also](https://www.remotion.dev/docs/parameterized-rendering#see-also)

---

# @remotion/bundler | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/bundler#__docusaurus_skipToContent_fallback)

Copy page

On this page

A package containing the [`bundle()`](https://www.remotion.dev/docs/bundle)
 function, which takes a Remotion project and bundles it using Webpack, preparing it to be used by server-side rendering functions such as [`getCompositions()`](https://www.remotion.dev/docs/renderer/get-compositions)
 and [`renderMedia()`](https://www.remotion.dev/docs/renderer/render-media)

Installation[​](https://www.remotion.dev/docs/bundler#installation "Direct link to Installation")

--------------------------------------------------------------------------------------------------

*   Remotion CLI
*   npm
*   bun
*   pnpm
*   yarn

npx remotion add @remotion/bundler

Copy

npm i --save-exact @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

API[​](https://www.remotion.dev/docs/bundler#api "Direct link to API")

-----------------------------------------------------------------------

[**bundle()**\
\
Create a Webpack bundle](https://www.remotion.dev/docs/bundle)

License[​](https://www.remotion.dev/docs/bundler#license "Direct link to License")

-----------------------------------------------------------------------------------

[Remotion License](https://remotion.dev/license)

*   [Installation](https://www.remotion.dev/docs/bundler#installation)
    
*   [API](https://www.remotion.dev/docs/bundler#api)
    
*   [License](https://www.remotion.dev/docs/bundler#license)

---

# Dependencies of the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/dependencies#__docusaurus_skipToContent_fallback)

Copy page

On this page

The Editor Starter is built in [React 19](https://react.dev/)
 and [Remotion](https://www.remotion.dev/)
.  
The reference implementation is built in [React Router v7](https://reactrouter.com/)
 with the goal of being easily portable to other frameworks.  
[Tailwind CSS v4](https://tailwindcss.com/)
 is used for styling.

Captions[​](https://www.remotion.dev/docs/editor-starter/dependencies#captions "Direct link to Captions")

----------------------------------------------------------------------------------------------------------

OpenAI's [Audio API](https://platform.openai.com/docs/guides/speech-to-text)
 is used for captioning.  
Captioning is optional, but it is enabled by default and an OpenAI API key is required to use it.

Asset uploads[​](https://www.remotion.dev/docs/editor-starter/dependencies#asset-uploads "Direct link to Asset uploads")

-------------------------------------------------------------------------------------------------------------------------

[Assets are uploaded by default to AWS S3](https://www.remotion.dev/docs/editor-starter/asset-uploads)
.  
This means that in order for asset uploads to work, an AWS account is required and AWS S3 needs to be set up.

Rendering[​](https://www.remotion.dev/docs/editor-starter/dependencies#rendering "Direct link to Rendering")

-------------------------------------------------------------------------------------------------------------

[Remotion Lambda](https://www.remotion.dev/docs/lambda)
 is used for rendering.  
This means that in order for rendering to work, an AWS account is required and AWS Lambda needs to be set up.

Google Fonts[​](https://www.remotion.dev/docs/editor-starter/dependencies#google-fonts "Direct link to Google Fonts")

----------------------------------------------------------------------------------------------------------------------

Fonts are loaded from [Google Fonts](https://fonts.google.com/)
. No API key is required for this.

NPM packages[​](https://www.remotion.dev/docs/editor-starter/dependencies#npm-packages "Direct link to NPM packages")

----------------------------------------------------------------------------------------------------------------------

The following NPM packages are used in the Editor Starter:

    {
      "@aws-sdk/s3-request-presigner": "^3.936.0",
      "@radix-ui/react-context-menu": "^2.2.15",
      "@radix-ui/react-popover": "^1.1.14",
      "@radix-ui/react-select": "^2.2.5",
      "sonner": "^2.0.7",
      "@remotion/captions": "^4.0.331",
      "@remotion/cli": "^4.0.331",
      "@remotion/gif": "^4.0.331",
      "@remotion/google-fonts": "^4.0.331",
      "@remotion/lambda": "^4.0.331",
      "@remotion/layout-utils": "^4.0.331",
      "@remotion/media-parser": "^4.0.331",
      "@remotion/openai-whisper": "^4.0.331",
      "@remotion/player": "^4.0.331",
      "@remotion/shapes": "^4.0.331",
      "@tanstack/react-virtual": "^3.13.10",
      "remotion": "^4.0.331",
      "openai": "^4.67.3",
      "zod": "^3.24.3"
    }

It's always recommended to use the latest version of Remotion packages. Currently it is: [`4.0.448`](https://remotion.dev/changelog)
.

Run `npx remotion upgrade` to upgrade to the latest version.

*   [Captions](https://www.remotion.dev/docs/editor-starter/dependencies#captions)
    
*   [Asset uploads](https://www.remotion.dev/docs/editor-starter/dependencies#asset-uploads)
    
*   [Rendering](https://www.remotion.dev/docs/editor-starter/dependencies#rendering)
    
*   [Google Fonts](https://www.remotion.dev/docs/editor-starter/dependencies#google-fonts)
    
*   [NPM packages](https://www.remotion.dev/docs/editor-starter/dependencies#npm-packages)

---

# Embedding videos into Remotion | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/videos/#__docusaurus_skipToContent_fallback)

Copy page

On this page

You can embed existing videos into Remotion by using the [`<OffthreadVideo>`](https://www.remotion.dev/docs/offthreadvideo)
 component.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src="https://remotion.media/BigBuckBunny.mp4" />;
    };

Using a local file[​](https://www.remotion.dev/docs/videos/#using-a-local-file "Direct link to Using a local file")

--------------------------------------------------------------------------------------------------------------------

Put a file into the [`public` folder](https://www.remotion.dev/docs/terminology/public-dir)
 and reference it using [`staticFile()`](https://www.remotion.dev/docs/staticfile)
.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src={staticFile('video.mp4')} />;
    };

Trimming[​](https://www.remotion.dev/docs/videos/#trimming "Direct link to Trimming")

--------------------------------------------------------------------------------------

By using the [`trimBefore`](https://www.remotion.dev/docs/offthreadvideo#trimbefore)
 prop, you can remove the first few seconds of the video.  
In the example below, the first two seconds of the video are skipped (assuming a composition FPS of 30).

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src={staticFile('video.mp4')} trimBefore={60} />;
    };

Similarly, you can use [`trimAfter`](https://www.remotion.dev/docs/offthreadvideo#trimafter)
 to trim the end of the video.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src={staticFile('video.mp4')} trimBefore={60} trimAfter={120} />;
    };

Delaying[​](https://www.remotion.dev/docs/videos/#delaying "Direct link to Delaying")

--------------------------------------------------------------------------------------

Use the [`<Sequence>`](https://www.remotion.dev/docs/sequence)
 component to delay the appearance of a video.  
In the example below, the video will start playing at frame 60.

    import React from 'react';
    import {OffthreadVideo, staticFile, Sequence} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return (
        <Sequence from={60}>
          <OffthreadVideo src={staticFile('video.mp4')} />
        </Sequence>
      );
    };

Size and Position[​](https://www.remotion.dev/docs/videos/#size-and-position "Direct link to Size and Position")

-----------------------------------------------------------------------------------------------------------------

You can size and position the video using CSS.  
You'll find the properties `width`, `height`, `position`, `left`, `top`, `right`, `bottom`, `margin`, `aspectRatio` and `objectFit` useful.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return (
        <OffthreadVideo
          src={staticFile('video.mp4')}
          style={{
            width: 640,
            height: 360,
            position: 'absolute',
            top: 100,
            left: 100,
          }}
        />
      );
    };

Volume[​](https://www.remotion.dev/docs/videos/#volume "Direct link to Volume")

--------------------------------------------------------------------------------

You can set the volume of the video using the [`volume`](https://www.remotion.dev/docs/offthreadvideo#volume)
 prop.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src={staticFile('video.mp4')} volume={0.5} />;
    };

You can also mute a video using the [`muted`](https://www.remotion.dev/docs/offthreadvideo#muted)
 prop.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src={staticFile('video.mp4')} muted />;
    };

See [Using Audio](https://www.remotion.dev/docs/audio/volume)
 for more ways you can control volume.

Speed[​](https://www.remotion.dev/docs/videos/#speed "Direct link to Speed")

-----------------------------------------------------------------------------

You can use the [`playbackRate`](https://www.remotion.dev/docs/offthreadvideo#playbackrate)
 prop to change the speed of the video.

    import React from 'react';
    import {OffthreadVideo, staticFile} from 'remotion';
    
    export const MyComp: React.FC = () => {
      return <OffthreadVideo src={staticFile('video.mp4')} playbackRate={2} />;
    };

This only works if the speed is constant. See also: [Changing the speed of a video over time](https://www.remotion.dev/docs/miscellaneous/snippets/accelerated-video)
.

Looping[​](https://www.remotion.dev/docs/videos/#looping "Direct link to Looping")

-----------------------------------------------------------------------------------

See: [Looping an `<OffthreadVideo>`](https://www.remotion.dev/docs/offthreadvideo#looping-a-offthreadvideo)

GIFs[​](https://www.remotion.dev/docs/videos/#gifs "Direct link to GIFs")

--------------------------------------------------------------------------

See: [Using GIFs](https://www.remotion.dev/docs/gif)

See also[​](https://www.remotion.dev/docs/videos/#see-also "Direct link to See also")

--------------------------------------------------------------------------------------

*   [`<OffthreadVideo>`](https://www.remotion.dev/docs/offthreadvideo)
    
*   [Using Audio](https://www.remotion.dev/docs/using-audio)
    

*   [Using a local file](https://www.remotion.dev/docs/videos/#using-a-local-file)
    
*   [Trimming](https://www.remotion.dev/docs/videos/#trimming)
    
*   [Delaying](https://www.remotion.dev/docs/videos/#delaying)
    
*   [Size and Position](https://www.remotion.dev/docs/videos/#size-and-position)
    
*   [Volume](https://www.remotion.dev/docs/videos/#volume)
    
*   [Speed](https://www.remotion.dev/docs/videos/#speed)
    
*   [Looping](https://www.remotion.dev/docs/videos/#looping)
    
*   [GIFs](https://www.remotion.dev/docs/videos/#gifs)
    
*   [See also](https://www.remotion.dev/docs/videos/#see-also)

---

# Using audio | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/using-audio#__docusaurus_skipToContent_fallback)

Copy page

On this page

Remotion provides powerful capabilities for working with audio in your compositions.

[**Importing audio**\
\
Add audio to your compositions](https://www.remotion.dev/docs/audio/importing)
[**Delaying audio**\
\
Delay the start time of audio elements](https://www.remotion.dev/docs/audio/delaying)
[**Creating audio from video**\
\
Use audio from videos](https://www.remotion.dev/docs/audio/from-video)
[**Controlling volume**\
\
Control the volume of audio elements](https://www.remotion.dev/docs/audio/volume)
[**Muting audio**\
\
Mute audio elements](https://www.remotion.dev/docs/audio/muting)
[**Controlling speed**\
\
Change the speed of audio elements](https://www.remotion.dev/docs/audio/speed)
[**Controlling pitch**\
\
Change the pitch of audio elements](https://www.remotion.dev/docs/audio/pitch)
[**Visualizing audio**\
\
Visualize audio elements](https://www.remotion.dev/docs/audio/visualization)
[**Exporting audio**\
\
Export audio](https://www.remotion.dev/docs/audio/exporting)
[**Order of operations**\
\
Control the order of operations for audio elements](https://www.remotion.dev/docs/audio/order-of-operations)

See also[​](https://www.remotion.dev/docs/using-audio#see-also "Direct link to See also")

------------------------------------------------------------------------------------------

*   [Importing assets](https://www.remotion.dev/docs/assets)
    
*   [Audio visualization](https://www.remotion.dev/docs/audio/visualization)
    
*   [`<Html5Audio />`](https://www.remotion.dev/docs/html5-audio)
     tag

*   [See also](https://www.remotion.dev/docs/using-audio#see-also)

---

# Features in the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/features#__docusaurus_skipToContent_fallback)

Copy page

On this page

On this page, we list the features that are available in the [Editor Starter](https://remotion.pro/editor-starter)
.

The Editor Starter consists of the following parts illustrated in this graphic:

![](https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/Remotion%20Editor%20Starter%20Structure.png)

Feature flags[​](https://www.remotion.dev/docs/editor-starter/features#feature-flags "Direct link to Feature flags")

---------------------------------------------------------------------------------------------------------------------

Many features are behind feature flags, which can be enabled or disabled by switching the flags in [`src/editor/flags.ts`](https://github.com/remotion-dev/editor-starter/blob/main/src/editor/flags.ts)
.

Feature flags are useful:

*   To disable features you don't need
*   To search the codebase for them and find where a feature is implemented
*   To understand which features you are adopting for your own project

On this page; if a feature has a flag, you can click on it to see the usages in the codebase. The links for the feature flags will only work if you have bought the Editor Starter (i.e., you have access to the repository) and are logged into GitHub.

Item types[​](https://www.remotion.dev/docs/editor-starter/features#item-types "Direct link to Item types")

------------------------------------------------------------------------------------------------------------

We support the following item types by default:

*   Images
*   Videos
*   Audios
*   GIFs
*   Text
*   Solid
*   Captions

To learn more about them and how to add a new item type, see: [Tracks, items and assets](https://www.remotion.dev/docs/editor-starter/tracks-items-assets)

Action row[​](https://www.remotion.dev/docs/editor-starter/features#action-row "Direct link to Action row")

------------------------------------------------------------------------------------------------------------

The action row is the top toolbar.

### Draw solid tool[​](https://www.remotion.dev/docs/editor-starter/features#draw-solid-tool "Direct link to Draw solid tool")

Feature flag: [`FEATURE_DRAW_SOLID_TOOL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DRAW_SOLID_TOOL&type=code)

Shows a button to draw a solid item onto the canvas.

### Add text tool[​](https://www.remotion.dev/docs/editor-starter/features#add-text-tool "Direct link to Add text tool")

Feature flag: [`FEATURE_CREATE_TEXT_TOOL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CREATE_TEXT_TOOL&type=code)

Shows a button to add a text item onto the canvas.

### Import assets tool[​](https://www.remotion.dev/docs/editor-starter/features#import-assets-tool "Direct link to Import assets tool")

Feature flag: [`FEATURE_IMPORT_ASSETS_TOOL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_IMPORT_ASSETS_TOOL&type=code)

Shows a button to import assets onto the canvas.

### Undo button[​](https://www.remotion.dev/docs/editor-starter/features#undo-button "Direct link to Undo button")

Feature flag: [`FEATURE_UNDO_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_UNDO_BUTTON&type=code)

Shows a button to undo the last action.

### Redo button[​](https://www.remotion.dev/docs/editor-starter/features#redo-button "Direct link to Redo button")

Feature flag: [`FEATURE_REDO_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_REDO_BUTTON&type=code)

Shows a button to redo the last action.

### Save button[​](https://www.remotion.dev/docs/editor-starter/features#save-button "Direct link to Save button")

Feature flag: [`FEATURE_SAVE_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SAVE_BUTTON&type=code)

Shows a button to save the current state of the project.

### Download state button[​](https://www.remotion.dev/docs/editor-starter/features#download-state-button "Direct link to Download state button")

Feature flag: [`FEATURE_DOWNLOAD_STATE`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DOWNLOAD_STATE&type=code)

Shows a button to download the current state of the project.

### Load state button[​](https://www.remotion.dev/docs/editor-starter/features#load-state-button "Direct link to Load state button")

Feature flag: [`FEATURE_LOAD_STATE`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_LOAD_STATE&type=code)

Shows a button to load a state of the project that has been downloaded with the [`FEATURE_DOWNLOAD_STATE`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DOWNLOAD_STATE&type=code)
 button.

Timeline[​](https://www.remotion.dev/docs/editor-starter/features#timeline "Direct link to Timeline")

------------------------------------------------------------------------------------------------------

The timeline allows you to see a overview of the content and to scrub through the video.  
Items are organized in "tracks", allowing multiple items to be placed at the same time and to allow for controlling how they overlap.

### Draggable playhead[​](https://www.remotion.dev/docs/editor-starter/features#draggable-playhead "Direct link to Draggable playhead")

Pressing and dragging on the time ticks allows you to move the playhead and therefore the position of the video.  
If you drag the playhead to the edge of the timeline, the timeline will scroll.

### Dropping assets[​](https://www.remotion.dev/docs/editor-starter/features#dropping-assets "Direct link to Dropping assets")

Feature flag: [`FEATURE_DROP_ASSETS_ON_TIMELINE`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DROP_ASSETS_ON_TIMELINE&type=code)

An asset (image, video, audio, GIF) can be dropped on the timeline to import it and add a new layer.  
The item type is detected by [Remotion Media Parser](https://www.remotion.dev/docs/media-parser/foreign-file-types)
 and an appropriate item is created.

### Filmstrip thumbnails[​](https://www.remotion.dev/docs/editor-starter/features#filmstrip-thumbnails "Direct link to Filmstrip thumbnails")

Feature flag: [`FEATURE_FILMSTRIP`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_FILMSTRIP&type=code)

For video items, preview images are displayed on the timeline.

### Automatic duration[​](https://www.remotion.dev/docs/editor-starter/features#automatic-duration "Direct link to Automatic duration")

When assets are imported, items are automatically assigned appropriate durations based on the asset's length. Video and audio items use the media duration, while images and text use default durations.

### Drag and dropping[​](https://www.remotion.dev/docs/editor-starter/features#drag-and-dropping "Direct link to Drag and dropping")

Items can be dragged and repositioned on the timeline. Multi-select is supported, allowing you to drag multiple items at once. A shadow overlay shows where the moving item is being placed when dragging.

### Extend handles[​](https://www.remotion.dev/docs/editor-starter/features#extend-handles "Direct link to Extend handles")

You can drag on either side of an item to extend or shrink the item.

### Max trim indicators[​](https://www.remotion.dev/docs/editor-starter/features#max-trim-indicators "Direct link to Max trim indicators")

Feature flag: [`FEATURE_MAX_TRIM_INDICATORS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_MAX_TRIM_INDICATORS&type=code)

When extending an item, the maximum trim position is shown with a white outline of the selected item.

### Audio waveform[​](https://www.remotion.dev/docs/editor-starter/features#audio-waveform "Direct link to Audio waveform")

Feature flags: [`FEATURE_WAVEFORM`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_WAVEFORM&type=code)
 and [`FEATURE_AUDIO_WAVEFORM_FOR_VIDEO_ITEM`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_AUDIO_WAVEFORM_FOR_VIDEO_ITEM&type=code)

Video and audio items display a waveform at the bottom of the timeline.

### Volume control[​](https://www.remotion.dev/docs/editor-starter/features#volume-control "Direct link to Volume control")

Feature flag: [`FEATURE_TIMELINE_VOLUME_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TIMELINE_VOLUME_CONTROL&type=code)

Audio and video items display a draggable volume line on the timeline waveform. Dragging vertically adjusts the volume in decibels with a visual indicator showing the current level.

### Fade in and out[​](https://www.remotion.dev/docs/editor-starter/features#fade-in-and-out "Direct link to Fade in and out")

Feature flags: [`FEATURE_AUDIO_FADE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_AUDIO_FADE_CONTROL&type=code)
 and [`FEATURE_VISUAL_FADE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_VISUAL_FADE_CONTROL&type=code)

Items support opacity fade in and fade out effects. Audio and video items support fades as well. Draggable handles appear on hover at the start and end of items to adjust fade duration, with visual curves showing the fade effect.

### Splitting items[​](https://www.remotion.dev/docs/editor-starter/features#splitting-items "Direct link to Splitting items")

Feature flag: [`FEATURE_SPLIT_ITEM`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SPLIT_ITEM&type=code)

Items can be split at the current playhead position using the scissors tool.  
The split creates two separate items, properly handling fade effects and media start times for the new segments.

### Multi-select / Marquee selection[​](https://www.remotion.dev/docs/editor-starter/features#multi-select--marquee-selection "Direct link to Multi-select / Marquee selection")

Feature flag: [`FEATURE_TIMELINE_MARQUEE_SELECTION`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TIMELINE_MARQUEE_SELECTION&type=code)

Multiple items can be selected using Cmd/Ctrl+click (alternatively Shift+click) to add items to the selection, or so called Marquee selection to create a selection rectangle that selects all items within its bounds. Selected items can be moved, deleted, or edited together.

### Hide track[​](https://www.remotion.dev/docs/editor-starter/features#hide-track "Direct link to Hide track")

Feature flag: [`FEATURE_HIDE_TRACKS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_HIDE_TRACKS&type=code)

Allows hiding a specific track on the timeline.

### Mute track[​](https://www.remotion.dev/docs/editor-starter/features#mute-track "Direct link to Mute track")

Feature flag: [`FEATURE_MUTE_TRACKS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_MUTE_TRACKS&type=code)

Allows muting a specific track on the timeline.

### Rolling edits[​](https://www.remotion.dev/docs/editor-starter/features#rolling-edits "Direct link to Rolling edits")

Feature flag: [`FEATURE_ROLLING_EDITS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_ROLLING_EDITS&type=code)

Rolling edits are a video editing feature that allows you to adjust the cut point between two adjacent timeline items without changing their total combined duration or position on the timeline.

### Follow playhead while playing[​](https://www.remotion.dev/docs/editor-starter/features#follow-playhead-while-playing "Direct link to Follow playhead while playing")

Feature flag: [`FEATURE_FOLLOW_PLAYHEAD_WHILE_PLAYING`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_FOLLOW_PLAYHEAD_WHILE_PLAYING&type=code)

Scrolls the timeline as the playhead moves forward.

### Timeline Snapping[​](https://www.remotion.dev/docs/editor-starter/features#timeline-snapping "Direct link to Timeline Snapping")

Feature flag: [`FEATURE_TIMELINE_SNAPPING`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TIMELINE_SNAPPING&type=code)

Enables snapping on the timeline, allowing items to align with other items, the playhead, or grid positions when dragged. This simplifies positioning and transitions. Activate snapping by clicking the magnet icon.

Inspector[​](https://www.remotion.dev/docs/editor-starter/features#inspector "Direct link to Inspector")

---------------------------------------------------------------------------------------------------------

On the right side of the screen, an inspector is displayed which allows for editing the properties of the selected item.  
The following features are available.

### Composition inspector[​](https://www.remotion.dev/docs/editor-starter/features#composition-inspector "Direct link to Composition inspector")

If no item is selected, controls for the whole composition are displayed (i.e., composition inspector):

*   Setting the dimensions
*   Triggering a render

### Swap dimensions button[​](https://www.remotion.dev/docs/editor-starter/features#swap-dimensions-button "Direct link to Swap dimensions button")

Feature flag: [`FEATURE_SWAP_COMPOSITION_DIMENSIONS_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SWAP_COMPOSITION_DIMENSIONS_BUTTON&type=code)

Shows a button to swap the width and height of the composition (i.e., within the composition inspector).

### Source info[​](https://www.remotion.dev/docs/editor-starter/features#source-info "Direct link to Source info")

Feature flag: [`FEATURE_SOURCE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SOURCE_CONTROLO&type=code)

Shows information about the associated [asset](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#assets)
 of a selected item, such as the file name, file size, [upload progress](https://www.remotion.dev/docs/editor-starter/asset-uploads)
 and [download progress](https://www.remotion.dev/docs/editor-starter/persistance)
 of that asset.

### Layer alignment[​](https://www.remotion.dev/docs/editor-starter/features#layer-alignment "Direct link to Layer alignment")

Feature flag: [`FEATURE_ALIGNMENT_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_ALIGNMENT_CONTROL&type=code)

Buttons for aligning the item to the; left, vertical center, right, top, horizontal center, bottom.

### Position controls[​](https://www.remotion.dev/docs/editor-starter/features#position-controls "Direct link to Position controls")

Feature flag: [`FEATURE_POSITION_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_POSITION_CONTROL&type=code)

Allows setting the precise X and Y position of the item.

### Dimensions controls[​](https://www.remotion.dev/docs/editor-starter/features#dimensions-controls "Direct link to Dimensions controls")

Feature flag: [`FEATURE_DIMENSIONS_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DIMENSIONS_CONTROL&type=code)

Allows setting the width and height of the item.

### Cropping controls[​](https://www.remotion.dev/docs/editor-starter/features#cropping-controls "Direct link to Cropping controls")

Feature flag: [`FEATURE_CROP_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CROP_CONTROL&type=code)

Allows setting the [crop values](https://www.remotion.dev/docs/editor-starter/cropping)
 of the item.

### Keep Aspect ratio control[​](https://www.remotion.dev/docs/editor-starter/features#keep-aspect-ratio-control "Direct link to Keep Aspect ratio control")

Feature flag: [`FEATURE_KEEP_ASPECT_RATIO_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_KEEP_ASPECT_RATIO_CONTROL&type=code)

Allows setting the keep aspect ratio of the item.

### Border radius control[​](https://www.remotion.dev/docs/editor-starter/features#border-radius-control "Direct link to Border radius control")

Feature flag: [`FEATURE_BORDER_RADIUS_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_BORDER_RADIUS_CONTROL&type=code)

Allows setting the border radius of the item. In the UI, the border radius is named "Corner Radius".

### Opacity control[​](https://www.remotion.dev/docs/editor-starter/features#opacity-control "Direct link to Opacity control")

Feature flag: [`FEATURE_OPACITY_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_OPACITY_CONTROL&type=code)

Allows setting the opacity of the item.

### Text alignment[​](https://www.remotion.dev/docs/editor-starter/features#text-alignment "Direct link to Text alignment")

Feature flag: [`FEATURE_TEXT_ALIGNMENT_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_ALIGNMENT_CONTROL&type=code)

Allows setting the text alignment of the item (left, center, right).

### Font family[​](https://www.remotion.dev/docs/editor-starter/features#font-family "Direct link to Font family")

Feature flag: [`FEATURE_FONT_FAMILY_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_FONT_FAMILY_CONTROL&type=code)

Allows setting the font family of the item.

### Font family preview[​](https://www.remotion.dev/docs/editor-starter/features#font-family-preview "Direct link to Font family preview")

Feature flag: [`FEATURE_FONT_FAMILY_DROPDOWN_RENDER_IN_FONT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_FONT_FAMILY_DROPDOWN_RENDER_IN_FONT&type=code)

Each item in the font family dropdown is rendered in the font itself.

### Hover to preview font family[​](https://www.remotion.dev/docs/editor-starter/features#hover-to-preview-font-family "Direct link to Hover to preview font family")

Feature flag: [`FEATURE_CHANGE_FONT_FAMILY_ON_HOVER`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+FEATURE_CHANGE_FONT_FAMILY_ON_HOVER&type=code)

When hovering over an item in the font family dropdown, the text item in the canvas updates with a preview of what the item would look like if it the hovered item was selected.

### Font style[​](https://www.remotion.dev/docs/editor-starter/features#font-style "Direct link to Font style")

Feature flag: [`FEATURE_FONT_STYLE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_FONT_STYLE_CONTROL&type=code)

Allows setting the font style variant and weight (normal, italic, bold, etc.) for text and caption items. Includes live preview when hovering over options.

### Hover to preview font style[​](https://www.remotion.dev/docs/editor-starter/features#hover-to-preview-font-style "Direct link to Hover to preview font style")

Feature flag: [`FEATURE_CHANGE_FONT_STYLE_ON_HOVER`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+FEATURE_CHANGE_FONT_STYLE_ON_HOVER&type=code)

When hovering over an item in the font style dropdown, the text item in the canvas updates with a preview of what the item would look like if it the hovered item was selected.

### Font size[​](https://www.remotion.dev/docs/editor-starter/features#font-size "Direct link to Font size")

Feature flag: [`FEATURE_TEXT_FONT_SIZE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_FONT_SIZE_CONTROL&type=code)

Allows setting the font size of the item.

### Text value[​](https://www.remotion.dev/docs/editor-starter/features#text-value "Direct link to Text value")

Feature flag: [`FEATURE_TEXT_VALUE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_VALUE_CONTROL&type=code)

Allows editing the text content via a text area in the inspector. Text area automatically resizes based on content and alignment settings.

### Color[​](https://www.remotion.dev/docs/editor-starter/features#color "Direct link to Color")

Feature flag: [`FEATURE_COLOR_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_COLOR_CONTROL&type=code)

Provides a color picker for text, solid, and caption items.

### Rotation[​](https://www.remotion.dev/docs/editor-starter/features#rotation "Direct link to Rotation")

Feature flags: [`FEATURE_ROTATION_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_ROTATION_CONTROL&type=code)
 and [`FEATURE_ROTATE_90_DEGREES_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_ROTATE_90_DEGREES_BUTTON&type=code)

Allows changing the rotation of the item.

The [`FEATURE_ROTATE_90_DEGREES_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_ROTATE_90_DEGREES_BUTTON&type=code)
 flag displays a button to quickly rotate the item by 90 degrees clockwise.

### Line height[​](https://www.remotion.dev/docs/editor-starter/features#line-height "Direct link to Line height")

Feature flag: [`FEATURE_TEXT_LINE_HEIGHT_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_LINE_HEIGHT_CONTROL&type=code)

Allows setting the line height for text and caption items.  
Accepts values from 0.5 to 5.0 with automatic text relayout when changed.

### Letter spacing[​](https://www.remotion.dev/docs/editor-starter/features#letter-spacing "Direct link to Letter spacing")

Feature flag: [`FEATURE_TEXT_LETTER_SPACING_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_LETTER_SPACING_CONTROL&type=code)

Allows setting the letter spacing for text and caption items.  
Supports values from -10px to 50px with automatic text relayout when changed.

### Text direction[​](https://www.remotion.dev/docs/editor-starter/features#text-direction "Direct link to Text direction")

Feature flag: [`FEATURE_TEXT_DIRECTION_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_DIRECTION_CONTROL&type=code)

Provides left-to-right (LTR) and right-to-left (RTL; like Arabic) text direction controls.  
Text direction is automatically detected when creating new text items, but can be manually overridden.

### Playback speed[​](https://www.remotion.dev/docs/editor-starter/features#playback-speed "Direct link to Playback speed")

Feature flag: [`FEATURE_PLAYBACKRATE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_PLAYBACKRATE_CONTROL&type=code)

Allows setting the playback rate for video, audio, and GIF items.  
Supports rates from 0.25x to 5x with automatic duration adjustment based on the new playback speed.

### Volume[​](https://www.remotion.dev/docs/editor-starter/features#volume "Direct link to Volume")

Feature flag: [`FEATURE_VOLUME_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_VOLUME_CONTROL&type=code)

Provides a volume slider for audio and video items with decibel-based adjustment.  
Shows the current dB difference to the original audio.

### Fade in and out[​](https://www.remotion.dev/docs/editor-starter/features#fade-in-and-out-1 "Direct link to Fade in and out")

Feature flags: [`FEATURE_AUDIO_FADE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_AUDIO_FADE_CONTROL&type=code)
 and [`FEATURE_VIDEO_FADE_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_VIDEO_FADE_CONTROL&type=code)

Provides precise controls for fade in and fade out durations for audio and video items.  
Allows setting fade times in seconds with visual preview of the fade effect.

### Caption tokens[​](https://www.remotion.dev/docs/editor-starter/features#caption-tokens "Direct link to Caption tokens")

Feature flag: [`FEATURE_TOKENS_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TOKENS_CONTROL&type=code)

A control allowing the correction of the tokens of generated captions.

### Caption page duration[​](https://www.remotion.dev/docs/editor-starter/features#caption-page-duration "Direct link to Caption page duration")

Feature flag: [`FEATURE_CAPTIONS_PAGE_DURATION_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CAPTIONS_PAGE_DURATION_CONTROL&type=code)

A control allowing to set the duration of one page of captions.

### Lines of caption text[​](https://www.remotion.dev/docs/editor-starter/features#lines-of-caption-text "Direct link to Lines of caption text")

Feature flag: [`FEATURE_TEXT_MAX_LINES_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_MAX_LINES_CONTROL&type=code)

Limits the number of lines of caption text that can be displayed in a text item.

### Caption highlight color[​](https://www.remotion.dev/docs/editor-starter/features#caption-highlight-color "Direct link to Caption highlight color")

Feature flag: [`FEATURE_CAPTIONS_HIGHLIGHT_COLOR_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CAPTIONS_HIGHLIGHT_COLOR_CONTROL&type=code)

A control allowing to set the color of the currently spoken word in a caption page.

### Text background[​](https://www.remotion.dev/docs/editor-starter/features#text-background "Direct link to Text background")

Feature flag: [`FEATURE_TEXT_BACKGROUND_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_BACKGROUND_CONTROL&type=code)

A control allowing to set the background color of a text item.

### Text background horizontal padding[​](https://www.remotion.dev/docs/editor-starter/features#text-background-horizontal-padding "Direct link to Text background horizontal padding")

Feature flag: [`FEATURE_TEXT_BACKGROUND_HORIZONTAL_PADDING_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_BACKGROUND_HORIZONTAL_PADDING_CONTROL&type=code)

A control allowing to set the horizontal padding of the background of a text item.

### Text background border radius[​](https://www.remotion.dev/docs/editor-starter/features#text-background-border-radius "Direct link to Text background border radius")

Feature flag: [`FEATURE_TEXT_BACKGROUND_BORDER_RADIUS_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TEXT_BACKGROUND_BORDER_RADIUS_CONTROL&type=code)

A control allowing to set the border radius of the background of a text item.

Playback[​](https://www.remotion.dev/docs/editor-starter/features#playback "Direct link to Playback")

------------------------------------------------------------------------------------------------------

### Play / Pause button[​](https://www.remotion.dev/docs/editor-starter/features#play--pause-button "Direct link to Play / Pause button")

A central play/pause button that starts or stops the video playback. It can also be controlled using the Space bar on the keyboard.

### Current time indicator[​](https://www.remotion.dev/docs/editor-starter/features#current-time-indicator "Direct link to Current time indicator")

Displays the current playhead position in timecode format (MM:SS.FF, where FF is the frame number).

### Jump to start button[​](https://www.remotion.dev/docs/editor-starter/features#jump-to-start-button "Direct link to Jump to start button")

Feature flag: [`FEATURE_JUMP_TO_START_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_JUMP_TO_START_BUTTON&type=code)

Shows a button to jump to the start of the video.

Feature flag: [`FEATURE_JUMP_TO_END_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_JUMP_TO_END_BUTTON&type=code)

Shows a button to jump to the end of the video.

### Fullscreen button[​](https://www.remotion.dev/docs/editor-starter/features#fullscreen-button "Direct link to Fullscreen button")

Feature flag: [`FEATURE_FULLSCREEN_CONTROL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_FULLSCREEN_CONTROL&type=code)

Allows entering fullscreen mode for the video player (exiting with Esc).

### Mute button[​](https://www.remotion.dev/docs/editor-starter/features#mute-button "Direct link to Mute button")

Feature flag: [`FEATURE_MUTE_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_MUTE_BUTTON&type=code)

Global mute/unmute switcher for the entire timeline audio.

### Loop[​](https://www.remotion.dev/docs/editor-starter/features#loop "Direct link to Loop")

Feature flag: [`FEATURE_LOOP_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_LOOP_BUTTON&type=code)

Switcher button to enable or disable looping of the entire timeline.

### Zoom slider[​](https://www.remotion.dev/docs/editor-starter/features#zoom-slider "Direct link to Zoom slider")

Feature flag: [`FEATURE_TIMELINE_ZOOM_SLIDER`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_TIMELINE_ZOOM_SLIDER&type=code)

Displays a slider at the right-side, just above the timeline, allowing to zoom in and out of the timeline.

### Resize timeline[​](https://www.remotion.dev/docs/editor-starter/features#resize-timeline "Direct link to Resize timeline")

Feature flag: [`FEATURE_RESIZE_TIMELINE_PANEL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_RESIZE_TIMELINE_PANEL&type=code)

Allows resizing the timeline panel by dragging the top edge of the panel.

Canvas[​](https://www.remotion.dev/docs/editor-starter/features#canvas "Direct link to Canvas")

------------------------------------------------------------------------------------------------

### Click to select[​](https://www.remotion.dev/docs/editor-starter/features#click-to-select "Direct link to Click to select")

Clicking on items in the canvas selects them. Selected items show a blue outline and can be edited via the inspector. Clicking on empty space deselects all items.

### Move and resize[​](https://www.remotion.dev/docs/editor-starter/features#move-and-resize "Direct link to Move and resize")

Selected items can be dragged to move their position on the canvas.  
Resize handles appear on selected items allowing for width and height adjustment by dragging the corners or edges.

### Shift axis lock[​](https://www.remotion.dev/docs/editor-starter/features#shift-axis-lock "Direct link to Shift axis lock")

Feature flag: [`FEATURE_SHIFT_AXIS_LOCK`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SHIFT_AXIS_LOCK&type=code)

While holding Shift when dragging; constrains item movement to horizontal or vertical axis only, helping with precise positioning and alignment.

### Shift aspect ratio lock[​](https://www.remotion.dev/docs/editor-starter/features#shift-aspect-ratio-lock "Direct link to Shift aspect ratio lock")

Feature flag: [`FEATURE_SHIFT_KEY_TO_OVERRIDE_ASPECT_RATIO_LOCK`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SHIFT_KEY_TO_OVERRIDE_ASPECT_RATIO_LOCK&type=code)
 (_disabled by default_)

While holding Shift when resizing video items; overrides the original aspect ratio, enabling distortion when scaling video items up or down.  
This feature is disabled by default.

### Multi-select / Marquee selection[​](https://www.remotion.dev/docs/editor-starter/features#multi-select--marquee-selection-1 "Direct link to Multi-select / Marquee selection")

Feature flag: [`FEATURE_CANVAS_MARQUEE_SELECTION`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_MARQUEE_SELECTION&type=code)

Multiple items can be selected using Cmd/Ctrl+click (alternatively Shift+click) to add items to the selection, or so called Marquee selection to create a selection rectangle that selects all items within its bounds. Selected items can be moved, deleted, or edited together.

### Dropping assets[​](https://www.remotion.dev/docs/editor-starter/features#dropping-assets-1 "Direct link to Dropping assets")

Feature flag: [`FEATURE_DROP_ASSETS_ON_CANVAS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DROP_ASSETS_ON_CANVAS&type=code)

Assets can be dropped directly onto the canvas from the file system.  
The item is automatically positioned to start at the current time and at the position in the canvas where it was dropped.

### Zoom controls[​](https://www.remotion.dev/docs/editor-starter/features#zoom-controls "Direct link to Zoom controls")

Feature flag: [`FEATURE_CANVAS_ZOOM_CONTROLS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_ZOOM_CONTROLS&type=code)

Shows an interface at the top right of the editor to zoom in and out within the canvas.  
The zoom level on the canvas is displayed as a percentage and can be reset to fit the available space.

### Zoom gestures[​](https://www.remotion.dev/docs/editor-starter/features#zoom-gestures "Direct link to Zoom gestures")

Feature flag: [`FEATURE_CANVAS_ZOOM_GESTURES`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_ZOOM_GESTURES&type=code)

On desktop, holding Cmd/Ctrl while scrolling the mouse wheel zooms in and out of the canvas, with the mouse position as the zoom center.

On touch devices, pinch gestures zoom into the canvas.

### Zoom keyboard shortcuts[​](https://www.remotion.dev/docs/editor-starter/features#zoom-keyboard-shortcuts "Direct link to Zoom keyboard shortcuts")

Feature flag: [`FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS&type=code)

You can press + and \- to zoom in and out.  
Press 0 to reset the zoom.

### Copy and paste[​](https://www.remotion.dev/docs/editor-starter/features#copy-and-paste "Direct link to Copy and paste")

Feature flags: [`FEATURE_COPY_PASTE_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_COPY_PASTE_LAYERS&type=code)
 and [`FEATURE_PASTE_ASSETS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_PASTE_ASSETS&type=code)

Items can be copied with Cmd/Ctrl+C and pasted with Cmd/Ctrl+V.  
Pasted items are automatically positioned and can include text, images, and other assets from the clipboard.

### Bring to front / Send to back[​](https://www.remotion.dev/docs/editor-starter/features#bring-to-front--send-to-back "Direct link to Bring to front / Send to back")

Feature flags: [`FEATURE_BRING_TO_FRONT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_BRING_TO_FRONT&type=code)
 and [`FEATURE_SEND_TO_BACK`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SEND_TO_BACK&type=code)

Right-clicking on an item shows a menu with options to bring the item to front or send it to back.

### Canvas snapping[​](https://www.remotion.dev/docs/editor-starter/features#canvas-snapping "Direct link to Canvas snapping")

Feature flag: [`FEATURE_CANVAS_SNAPPING`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_SNAPPING&type=code)

Enables snapping on the canvas, allowing items to snap to the edges of the canvas or the center of the canvas, both horizontally and vertically, when dragged. This simplifies positioning and transitions. Activate snapping by clicking the magnet icon.

Cropping[​](https://www.remotion.dev/docs/editor-starter/features#cropping "Direct link to Cropping")

------------------------------------------------------------------------------------------------------

Feature flag: [`FEATURE_CROPPING`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CROPPING&type=code)

Enables [cropping](https://www.remotion.dev/docs/editor-starter/cropping)
 functionality.

### Double-click to crop[​](https://www.remotion.dev/docs/editor-starter/features#double-click-to-crop "Direct link to Double-click to crop")

Feature flag: [`FEATURE_DOUBLE_CLICK_TO_CROP`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DOUBLE_CLICK_TO_CROP&type=code)

By double-clicking an item that is croppable on the canvas, [Crop Mode](https://www.remotion.dev/docs/editor-starter/cropping#crop-mode)
 is activated, replacing resize handles with crop handles.

### Crop backgrounds[​](https://www.remotion.dev/docs/editor-starter/features#crop-backgrounds "Direct link to Crop backgrounds")

Feature flag: [`FEATURE_CROP_BACKGROUNDS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CROP_BACKGROUNDS&type=code)

When in [Crop Mode](https://www.remotion.dev/docs/editor-starter/cropping#crop-mode)
, the full uncropped item is shown in the background with reduced opacity, to help the user visualize the cutout area.

Behaviors[​](https://www.remotion.dev/docs/editor-starter/features#behaviors "Direct link to Behaviors")

---------------------------------------------------------------------------------------------------------

### Cut, copy, paste, duplicate items[​](https://www.remotion.dev/docs/editor-starter/features#cut-copy-paste-duplicate-items "Direct link to Cut, copy, paste, duplicate items")

Feature flags: [`FEATURE_CUT_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CUT_LAYERS&type=code)
, [`FEATURE_COPY_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_COPY_LAYERS&type=code)
, and [`FEATURE_DUPLICATE_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DUPLICATE_LAYERS&type=code)

Standard cut (Cmd/Ctrl+X), copy (Cmd/Ctrl+C), and paste (Cmd/Ctrl+V) operations work with items.  
Duplicate (Cmd/Ctrl+D) creates copies of selected items.

### Paste text[​](https://www.remotion.dev/docs/editor-starter/features#paste-text "Direct link to Paste text")

Feature flag: [`FEATURE_PASTE_TEXT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_PASTE_TEXT&type=code)

When pasting and there is text in the clipboard, the text is pasted as a text item.

### Paste assets[​](https://www.remotion.dev/docs/editor-starter/features#paste-assets "Direct link to Paste assets")

Feature flag: [`FEATURE_PASTE_ASSETS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_PASTE_ASSETS&type=code)

When pasting and there is an asset in the clipboard, the asset is pasted as a new item.  
Due to browser support, this may only work with images.

### Save and load[​](https://www.remotion.dev/docs/editor-starter/features#save-and-load "Direct link to Save and load")

Feature flags: [`FEATURE_SAVE_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SAVE_BUTTON&type=code)
 and [`FEATURE_SAVE_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SAVE_SHORTCUT&type=code)

A save can be triggered with Cmd/Ctrl+S. When a project is saved, it will be automatically loaded when returning to the editor.

### Load state from URL[​](https://www.remotion.dev/docs/editor-starter/features#load-state-from-url "Direct link to Load state from URL")

Feature flag: [`FEATURE_LOAD_STATE_FROM_URL`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_LOAD_STATE_FROM_URL&type=code)

Allows loading the initial state of the editor from a URL hash `#state=[value]`.

The `[value]` must be a base64-encoded serialization of [`UndoableState`](https://www.remotion.dev/docs/editor-starter/state-management#undoable-state)
.

### Asset uploads[​](https://www.remotion.dev/docs/editor-starter/features#asset-uploads "Direct link to Asset uploads")

Assets are uploaded and processed when dropped into the editor. Upload progress is shown with indicators, and assets are stored for use across browser sessions. Multiple file formats are supported.

### Undo and redo[​](https://www.remotion.dev/docs/editor-starter/features#undo-and-redo "Direct link to Undo and redo")

Feature flags: [`FEATURE_UNDO_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_UNDO_SHORTCUT&type=code)
 and [`FEATURE_REDO_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_REDO_SHORTCUT&type=code)

Use Cmd/Ctrl+Z to undo and Cmd/Ctrl+Y or Cmd/Ctrl+Shift+Z to redo actions.

### Snapping toggle shortcut[​](https://www.remotion.dev/docs/editor-starter/features#snapping-toggle-shortcut "Direct link to Snapping toggle shortcut")

Feature flag: [`FEATURE_SNAPPING_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SNAPPING_SHORTCUT&type=code)

Allows toggling timeline and canvas snapping on/off using the keyboard shortcut Shift+M. When this feature is enabled, you can temporarily (de)activate snapping using the shortcut.

### Asset caching[​](https://www.remotion.dev/docs/editor-starter/features#asset-caching "Direct link to Asset caching")

Feature flag: [`FEATURE_CACHE_ASSETS_LOCALLY`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CACHE_ASSETS_LOCALLY&type=code)

[Assets are cached locally](https://www.remotion.dev/docs/editor-starter/persistance)
 in the browser using IndexedDB for faster loading and offline editing capabilities. Cached assets persist across browser sessions.

### Warn on leave when long-running tasks are in progress[​](https://www.remotion.dev/docs/editor-starter/features#warn-on-leave-when-long-running-tasks-are-in-progress "Direct link to Warn on leave when long-running tasks are in progress")

Feature flag: [`FEATURE_WARN_ON_LONG_RUNNING_PROCESS_IN_PROGRESS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_WARN_ON_LONG_RUNNING_PROCESS_IN_PROGRESS&type=code)

Asks the user for confirmation when leaving the page while a render, asset upload or caption task is in progress.

Captioning[​](https://www.remotion.dev/docs/editor-starter/features#captioning "Direct link to Captioning")

------------------------------------------------------------------------------------------------------------

### Transcription[​](https://www.remotion.dev/docs/editor-starter/features#transcription "Direct link to Transcription")

Feature flag: [`FEATURE_CAPTIONING`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CAPTIONING&type=code)

Enables UI for transcribing audio and video assets to captions.  
See: [Captioning](https://www.remotion.dev/docs/editor-starter/captioning)

Rendering[​](https://www.remotion.dev/docs/editor-starter/features#rendering "Direct link to Rendering")

---------------------------------------------------------------------------------------------------------

### Render button[​](https://www.remotion.dev/docs/editor-starter/features#render-button "Direct link to Render button")

Feature flag: [`FEATURE_RENDERING`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_RENDERING&type=code)

Enables UI for [rendering](https://www.remotion.dev/docs/editor-starter/rendering)
 the current composition to a video file. Shows render progress and allows download of the final rendered video.

### Codec selector[​](https://www.remotion.dev/docs/editor-starter/features#codec-selector "Direct link to Codec selector")

Feature flag: [`FEATURE_RENDERING_CODEC_SELECTOR`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_RENDERING_CODEC_SELECTOR&type=code)

Allows selecting the codec (MP4 / WebM) for rendering.

Media[​](https://www.remotion.dev/docs/editor-starter/features#media "Direct link to Media")

---------------------------------------------------------------------------------------------

### Enable new Media tags[​](https://www.remotion.dev/docs/editor-starter/features#enable-new-media-tags "Direct link to Enable new Media tags")

Feature flag: [`FEATURE_NEW_MEDIA_TAGS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_NEW_MEDIA_TAGS&type=code)

Enables the new [`<Video>`](https://www.remotion.dev/docs/media/video)
 and [`<Audio>`](https://www.remotion.dev/docs/media/audio)
 tags.  
Leads to smoother playback and faster rendering, [but may have some rough edges](https://github.com/remotion-dev/remotion/issues/5650)
.

Keyboard shortcuts[​](https://www.remotion.dev/docs/editor-starter/features#keyboard-shortcuts "Direct link to Keyboard shortcuts")

------------------------------------------------------------------------------------------------------------------------------------

|     |     |     |
| --- | --- | --- |
| ⌘/Ctrl<br><br>Z | Undo | [`FEATURE_UNDO_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_UNDO_SHORTCUT&type=code) |
| ⌘/Ctrl<br><br>Y  <br>⌘/Ctrl<br><br>Shift<br><br>Z | Redo | [`FEATURE_REDO_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_REDO_SHORTCUT&type=code) |
|     | 1 frame forward |     |
|     | 1 frame backwards |     |
| +   | Zoom in | [`FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS&type=code) |
| \-  | Zoom out | [`FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS&type=code) |
| 0   | Reset zoom | [`FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CANVAS_ZOOM_KEYBOARD_SHORTCUTS&type=code) |
| Space | Play / Pause |     |
| ⌘/Ctrl<br><br>S | Save | [`FEATURE_SAVE_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SAVE_BUTTON&type=code) |
| Hold Shift or ⌘/Ctrl | While selecting items (multi-select) |     |
| Hold Shift while dragging item | Constrain movement to horizontal/vertical axis only | [`FEATURE_SHIFT_AXIS_LOCK`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SHIFT_AXIS_LOCK&type=code) |
| ⌘/Ctrl<br><br>A | Select all items | [`FEATURE_SELECT_ALL_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SELECT_ALL_SHORTCUT&type=code) |
| ⌘/Ctrl<br><br>X | Cut selected item(s) | [`FEATURE_CUT_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_CUT_LAYERS&type=code) |
| ⌘/Ctrl<br><br>C | Copy selected item(s) | [`FEATURE_COPY_PASTE_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_COPY_PASTE_LAYERS&type=code) |
| ⌘/Ctrl<br><br>V | Paste item(s) | [`FEATURE_COPY_PASTE_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_COPY_PASTE_LAYERS&type=code) |
| ⌘/Ctrl<br><br>D | Duplicate selected item(s) | [`FEATURE_DUPLICATE_LAYERS`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_DUPLICATE_LAYERS&type=code) |
| Delete or Backspace | Delete selected item(s) | [`FEATURE_BACKSPACE_TO_DELETE`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_BACKSPACE_TO_DELETE&type=code) |
| Shift<br><br>M | Toggle timeline and canvas snapping | [`FEATURE_SNAPPING_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_SNAPPING_SHORTCUT&type=code) |

See also[​](https://www.remotion.dev/docs/editor-starter/features#see-also "Direct link to See also")

------------------------------------------------------------------------------------------------------

*   [Features not included in the Editor Starter](https://www.remotion.dev/docs/editor-starter/features-not-included)
    

*   [Feature flags](https://www.remotion.dev/docs/editor-starter/features#feature-flags)
    
*   [Item types](https://www.remotion.dev/docs/editor-starter/features#item-types)
    
*   [Action row](https://www.remotion.dev/docs/editor-starter/features#action-row)
    *   [Draw solid tool](https://www.remotion.dev/docs/editor-starter/features#draw-solid-tool)
        
    *   [Add text tool](https://www.remotion.dev/docs/editor-starter/features#add-text-tool)
        
    *   [Import assets tool](https://www.remotion.dev/docs/editor-starter/features#import-assets-tool)
        
    *   [Undo button](https://www.remotion.dev/docs/editor-starter/features#undo-button)
        
    *   [Redo button](https://www.remotion.dev/docs/editor-starter/features#redo-button)
        
    *   [Save button](https://www.remotion.dev/docs/editor-starter/features#save-button)
        
    *   [Download state button](https://www.remotion.dev/docs/editor-starter/features#download-state-button)
        
    *   [Load state button](https://www.remotion.dev/docs/editor-starter/features#load-state-button)
        
*   [Timeline](https://www.remotion.dev/docs/editor-starter/features#timeline)
    *   [Draggable playhead](https://www.remotion.dev/docs/editor-starter/features#draggable-playhead)
        
    *   [Dropping assets](https://www.remotion.dev/docs/editor-starter/features#dropping-assets)
        
    *   [Filmstrip thumbnails](https://www.remotion.dev/docs/editor-starter/features#filmstrip-thumbnails)
        
    *   [Automatic duration](https://www.remotion.dev/docs/editor-starter/features#automatic-duration)
        
    *   [Drag and dropping](https://www.remotion.dev/docs/editor-starter/features#drag-and-dropping)
        
    *   [Extend handles](https://www.remotion.dev/docs/editor-starter/features#extend-handles)
        
    *   [Max trim indicators](https://www.remotion.dev/docs/editor-starter/features#max-trim-indicators)
        
    *   [Audio waveform](https://www.remotion.dev/docs/editor-starter/features#audio-waveform)
        
    *   [Volume control](https://www.remotion.dev/docs/editor-starter/features#volume-control)
        
    *   [Fade in and out](https://www.remotion.dev/docs/editor-starter/features#fade-in-and-out)
        
    *   [Splitting items](https://www.remotion.dev/docs/editor-starter/features#splitting-items)
        
    *   [Multi-select / Marquee selection](https://www.remotion.dev/docs/editor-starter/features#multi-select--marquee-selection)
        
    *   [Hide track](https://www.remotion.dev/docs/editor-starter/features#hide-track)
        
    *   [Mute track](https://www.remotion.dev/docs/editor-starter/features#mute-track)
        
    *   [Rolling edits](https://www.remotion.dev/docs/editor-starter/features#rolling-edits)
        
    *   [Follow playhead while playing](https://www.remotion.dev/docs/editor-starter/features#follow-playhead-while-playing)
        
    *   [Timeline Snapping](https://www.remotion.dev/docs/editor-starter/features#timeline-snapping)
        
*   [Inspector](https://www.remotion.dev/docs/editor-starter/features#inspector)
    *   [Composition inspector](https://www.remotion.dev/docs/editor-starter/features#composition-inspector)
        
    *   [Swap dimensions button](https://www.remotion.dev/docs/editor-starter/features#swap-dimensions-button)
        
    *   [Source info](https://www.remotion.dev/docs/editor-starter/features#source-info)
        
    *   [Layer alignment](https://www.remotion.dev/docs/editor-starter/features#layer-alignment)
        
    *   [Position controls](https://www.remotion.dev/docs/editor-starter/features#position-controls)
        
    *   [Dimensions controls](https://www.remotion.dev/docs/editor-starter/features#dimensions-controls)
        
    *   [Cropping controls](https://www.remotion.dev/docs/editor-starter/features#cropping-controls)
        
    *   [Keep Aspect ratio control](https://www.remotion.dev/docs/editor-starter/features#keep-aspect-ratio-control)
        
    *   [Border radius control](https://www.remotion.dev/docs/editor-starter/features#border-radius-control)
        
    *   [Opacity control](https://www.remotion.dev/docs/editor-starter/features#opacity-control)
        
    *   [Text alignment](https://www.remotion.dev/docs/editor-starter/features#text-alignment)
        
    *   [Font family](https://www.remotion.dev/docs/editor-starter/features#font-family)
        
    *   [Font family preview](https://www.remotion.dev/docs/editor-starter/features#font-family-preview)
        
    *   [Hover to preview font family](https://www.remotion.dev/docs/editor-starter/features#hover-to-preview-font-family)
        
    *   [Font style](https://www.remotion.dev/docs/editor-starter/features#font-style)
        
    *   [Hover to preview font style](https://www.remotion.dev/docs/editor-starter/features#hover-to-preview-font-style)
        
    *   [Font size](https://www.remotion.dev/docs/editor-starter/features#font-size)
        
    *   [Text value](https://www.remotion.dev/docs/editor-starter/features#text-value)
        
    *   [Color](https://www.remotion.dev/docs/editor-starter/features#color)
        
    *   [Rotation](https://www.remotion.dev/docs/editor-starter/features#rotation)
        
    *   [Line height](https://www.remotion.dev/docs/editor-starter/features#line-height)
        
    *   [Letter spacing](https://www.remotion.dev/docs/editor-starter/features#letter-spacing)
        
    *   [Text direction](https://www.remotion.dev/docs/editor-starter/features#text-direction)
        
    *   [Playback speed](https://www.remotion.dev/docs/editor-starter/features#playback-speed)
        
    *   [Volume](https://www.remotion.dev/docs/editor-starter/features#volume)
        
    *   [Fade in and out](https://www.remotion.dev/docs/editor-starter/features#fade-in-and-out-1)
        
    *   [Caption tokens](https://www.remotion.dev/docs/editor-starter/features#caption-tokens)
        
    *   [Caption page duration](https://www.remotion.dev/docs/editor-starter/features#caption-page-duration)
        
    *   [Lines of caption text](https://www.remotion.dev/docs/editor-starter/features#lines-of-caption-text)
        
    *   [Caption highlight color](https://www.remotion.dev/docs/editor-starter/features#caption-highlight-color)
        
    *   [Text background](https://www.remotion.dev/docs/editor-starter/features#text-background)
        
    *   [Text background horizontal padding](https://www.remotion.dev/docs/editor-starter/features#text-background-horizontal-padding)
        
    *   [Text background border radius](https://www.remotion.dev/docs/editor-starter/features#text-background-border-radius)
        
*   [Playback](https://www.remotion.dev/docs/editor-starter/features#playback)
    *   [Play / Pause button](https://www.remotion.dev/docs/editor-starter/features#play--pause-button)
        
    *   [Current time indicator](https://www.remotion.dev/docs/editor-starter/features#current-time-indicator)
        
    *   [Jump to start button](https://www.remotion.dev/docs/editor-starter/features#jump-to-start-button)
        
    *   [Fullscreen button](https://www.remotion.dev/docs/editor-starter/features#fullscreen-button)
        
    *   [Mute button](https://www.remotion.dev/docs/editor-starter/features#mute-button)
        
    *   [Loop](https://www.remotion.dev/docs/editor-starter/features#loop)
        
    *   [Zoom slider](https://www.remotion.dev/docs/editor-starter/features#zoom-slider)
        
    *   [Resize timeline](https://www.remotion.dev/docs/editor-starter/features#resize-timeline)
        
*   [Canvas](https://www.remotion.dev/docs/editor-starter/features#canvas)
    *   [Click to select](https://www.remotion.dev/docs/editor-starter/features#click-to-select)
        
    *   [Move and resize](https://www.remotion.dev/docs/editor-starter/features#move-and-resize)
        
    *   [Shift axis lock](https://www.remotion.dev/docs/editor-starter/features#shift-axis-lock)
        
    *   [Shift aspect ratio lock](https://www.remotion.dev/docs/editor-starter/features#shift-aspect-ratio-lock)
        
    *   [Multi-select / Marquee selection](https://www.remotion.dev/docs/editor-starter/features#multi-select--marquee-selection-1)
        
    *   [Dropping assets](https://www.remotion.dev/docs/editor-starter/features#dropping-assets-1)
        
    *   [Zoom controls](https://www.remotion.dev/docs/editor-starter/features#zoom-controls)
        
    *   [Zoom gestures](https://www.remotion.dev/docs/editor-starter/features#zoom-gestures)
        
    *   [Zoom keyboard shortcuts](https://www.remotion.dev/docs/editor-starter/features#zoom-keyboard-shortcuts)
        
    *   [Copy and paste](https://www.remotion.dev/docs/editor-starter/features#copy-and-paste)
        
    *   [Bring to front / Send to back](https://www.remotion.dev/docs/editor-starter/features#bring-to-front--send-to-back)
        
    *   [Canvas snapping](https://www.remotion.dev/docs/editor-starter/features#canvas-snapping)
        
*   [Cropping](https://www.remotion.dev/docs/editor-starter/features#cropping)
    *   [Double-click to crop](https://www.remotion.dev/docs/editor-starter/features#double-click-to-crop)
        
    *   [Crop backgrounds](https://www.remotion.dev/docs/editor-starter/features#crop-backgrounds)
        
*   [Behaviors](https://www.remotion.dev/docs/editor-starter/features#behaviors)
    *   [Cut, copy, paste, duplicate items](https://www.remotion.dev/docs/editor-starter/features#cut-copy-paste-duplicate-items)
        
    *   [Paste text](https://www.remotion.dev/docs/editor-starter/features#paste-text)
        
    *   [Paste assets](https://www.remotion.dev/docs/editor-starter/features#paste-assets)
        
    *   [Save and load](https://www.remotion.dev/docs/editor-starter/features#save-and-load)
        
    *   [Load state from URL](https://www.remotion.dev/docs/editor-starter/features#load-state-from-url)
        
    *   [Asset uploads](https://www.remotion.dev/docs/editor-starter/features#asset-uploads)
        
    *   [Undo and redo](https://www.remotion.dev/docs/editor-starter/features#undo-and-redo)
        
    *   [Snapping toggle shortcut](https://www.remotion.dev/docs/editor-starter/features#snapping-toggle-shortcut)
        
    *   [Asset caching](https://www.remotion.dev/docs/editor-starter/features#asset-caching)
        
    *   [Warn on leave when long-running tasks are in progress](https://www.remotion.dev/docs/editor-starter/features#warn-on-leave-when-long-running-tasks-are-in-progress)
        
*   [Captioning](https://www.remotion.dev/docs/editor-starter/features#captioning)
    *   [Transcription](https://www.remotion.dev/docs/editor-starter/features#transcription)
        
*   [Rendering](https://www.remotion.dev/docs/editor-starter/features#rendering)
    *   [Render button](https://www.remotion.dev/docs/editor-starter/features#render-button)
        
    *   [Codec selector](https://www.remotion.dev/docs/editor-starter/features#codec-selector)
        
*   [Media](https://www.remotion.dev/docs/editor-starter/features#media)
    *   [Enable new Media tags](https://www.remotion.dev/docs/editor-starter/features#enable-new-media-tags)
        
*   [Keyboard shortcuts](https://www.remotion.dev/docs/editor-starter/features#keyboard-shortcuts)
    
*   [See also](https://www.remotion.dev/docs/editor-starter/features#see-also)

---

# @remotion/captions | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/captions/api#__docusaurus_skipToContent_fallback)

Copy page

On this page

_Available from v4.0.216_

The `@remotion/captions` package provides utilities for dealing with subtitles.

At the centre of this caption is the [`Caption`](https://www.remotion.dev/docs/captions/caption)
 type, which defines a standard shape for captions from different sources.

Captions can be generated from several sources and converted into the `Caption` type:

*   [`@remotion/install-whisper-cpp`](https://www.remotion.dev/docs/install-whisper-cpp)
     — using [`toCaptions()`](https://www.remotion.dev/docs/install-whisper-cpp/to-captions)
    
*   [`@remotion/whisper-web`](https://www.remotion.dev/docs/whisper-web)
     — using [`toCaptions()`](https://www.remotion.dev/docs/whisper-web/to-captions)
    
*   [`@remotion/openai-whisper`](https://www.remotion.dev/docs/openai-whisper)
     — using [`openAiWhisperApiToCaptions()`](https://www.remotion.dev/docs/openai-whisper/openai-whisper-api-to-captions)
    
*   [`@remotion/elevenlabs`](https://www.remotion.dev/docs/elevenlabs)
     — using [`elevenLabsTranscriptToCaptions()`](https://www.remotion.dev/docs/elevenlabs/elevenlabs-transcript-to-captions)
    

*   Remotion CLI
*   npm
*   bun
*   pnpm
*   yarn

npx remotion add @remotion/captions

Copy

npm i --save-exact @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

APIs[​](https://www.remotion.dev/docs/captions/api#apis "Direct link to APIs")

-------------------------------------------------------------------------------

[**Caption**\
\
An object shape for captions](https://www.remotion.dev/docs/captions/caption)
[**parseSrt()**\
\
Parse a .srt file into a `Caption` array](https://www.remotion.dev/docs/captions/parse-srt)
[**serializeSrt()**\
\
Serialize a .srt file into a `Caption` array](https://www.remotion.dev/docs/captions/serialize-srt)
[**createTikTokStyleCaptions()**\
\
Structure the captions for TikTok-style display](https://www.remotion.dev/docs/captions/create-tiktok-style-captions)

License[​](https://www.remotion.dev/docs/captions/api#license "Direct link to License")

----------------------------------------------------------------------------------------

MIT

*   [APIs](https://www.remotion.dev/docs/captions/api#apis)
    
*   [License](https://www.remotion.dev/docs/captions/api#license)

---

# Render your video | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/render#__docusaurus_skipToContent_fallback)

Copy page

On this page

There are various ways to render your video.

Remotion Studio[​](https://www.remotion.dev/docs/render#remotion-studio "Direct link to Remotion Studio")

----------------------------------------------------------------------------------------------------------

To render a video, click the " Render" button.  
Choose your preferred settings, then confirm using the `Render video` button.

### Remotion Studio deployment[​](https://www.remotion.dev/docs/render#remotion-studio-deployment "Direct link to Remotion Studio deployment")

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](https://www.remotion.dev/docs/studio/deploy-server)
 guide to learn how to do this.

CLI[​](https://www.remotion.dev/docs/render#cli "Direct link to CLI")

----------------------------------------------------------------------

Render a video using [`render` CLI command](https://www.remotion.dev/docs/cli/render)
:

    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

SSR[​](https://www.remotion.dev/docs/render#ssr "Direct link to SSR")

----------------------------------------------------------------------

Remotion has a full-featured server-side rendering API. Read more about it on the [server-side rendering API](https://www.remotion.dev/docs/ssr)
.

AWS Lambda[​](https://www.remotion.dev/docs/render#aws-lambda "Direct link to AWS Lambda")

-------------------------------------------------------------------------------------------

Check out [Remotion Lambda](https://www.remotion.dev/docs/lambda)
.

GitHub Actions[​](https://www.remotion.dev/docs/render#github-actions "Direct link to GitHub Actions")

-------------------------------------------------------------------------------------------------------

You can also render a [video using a GitHub Action.](https://www.remotion.dev/docs/ssr#render-using-github-actions)

Google Cloud Run[​](https://www.remotion.dev/docs/render#google-cloud-run "Direct link to Google Cloud Run")

-------------------------------------------------------------------------------------------------------------

An alpha version of Remotion for Cloud Run is [available](https://www.remotion.dev/docs/cloudrun)
.  
We plan to change it in the future so it shares a runtime with Remotion Lambda.

Variants[​](https://www.remotion.dev/docs/render#variants "Direct link to Variants")

-------------------------------------------------------------------------------------

### Audio-only[​](https://www.remotion.dev/docs/render#audio-only "Direct link to Audio-only")

Instead of rendering a video, [you can also just export the audio.](https://www.remotion.dev/docs/encoding#audio-only-export)

### Image Sequence[​](https://www.remotion.dev/docs/render#image-sequence "Direct link to Image Sequence")

Instead of encoding as a video, you can use the [`--sequence`](https://www.remotion.dev/docs/cli/render#--sequence)
 command to output a series of image.

### Still images[​](https://www.remotion.dev/docs/render#still-images "Direct link to Still images")

If you want a single image, you can do so using [the CLI or Node.JS API](https://www.remotion.dev/docs/stills)
.

### GIF[​](https://www.remotion.dev/docs/render#gif "Direct link to GIF")

See: [Render as GIF](https://www.remotion.dev/docs/render-as-gif)

### Transparent videos[​](https://www.remotion.dev/docs/render#transparent-videos "Direct link to Transparent videos")

See: [Creating overlays](https://www.remotion.dev/docs/overlay)

### See also[​](https://www.remotion.dev/docs/render#see-also "Direct link to See also")

*   [CLI options](https://www.remotion.dev/docs/cli)
    

*   [Remotion Studio](https://www.remotion.dev/docs/render#remotion-studio)
    *   [Remotion Studio deployment](https://www.remotion.dev/docs/render#remotion-studio-deployment)
        
*   [CLI](https://www.remotion.dev/docs/render#cli)
    
*   [SSR](https://www.remotion.dev/docs/render#ssr)
    
*   [AWS Lambda](https://www.remotion.dev/docs/render#aws-lambda)
    
*   [GitHub Actions](https://www.remotion.dev/docs/render#github-actions)
    
*   [Google Cloud Run](https://www.remotion.dev/docs/render#google-cloud-run)
    
*   [Variants](https://www.remotion.dev/docs/render#variants)
    *   [Audio-only](https://www.remotion.dev/docs/render#audio-only)
        
    *   [Image Sequence](https://www.remotion.dev/docs/render#image-sequence)
        
    *   [Still images](https://www.remotion.dev/docs/render#still-images)
        
    *   [GIF](https://www.remotion.dev/docs/render#gif)
        
    *   [Transparent videos](https://www.remotion.dev/docs/render#transparent-videos)
        
    *   [See also](https://www.remotion.dev/docs/render#see-also)

---

# @remotion/cloudrun | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/cloudrun/api#__docusaurus_skipToContent_fallback)

Copy page

On this page

EXPERIMENTAL

Cloud Run is in [Alpha status and not actively being developed.](https://www.remotion.dev/docs/cloudrun/status)

*   Remotion CLI
*   npm
*   bun
*   pnpm
*   yarn

npx remotion add @remotion/cloudrun

Copy

npm i --save-exact @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/[\[email protected\]](https://www.remotion.dev/cdn-cgi/l/email-protection)

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

  

**See the [setup guide](https://www.remotion.dev/docs/cloudrun/setup)
 for complete instructions on how to get started.**

APIs[​](https://www.remotion.dev/docs/cloudrun/api#apis "Direct link to APIs")

-------------------------------------------------------------------------------

The following Node.JS are available:

[**getServiceInfo()**\
\
Gets information about a service](https://www.remotion.dev/docs/cloudrun/getserviceinfo)
[**deployService()**\
\
Create a new service in GCP Cloud Run](https://www.remotion.dev/docs/cloudrun/deployservice)
[**deleteService()**\
\
Delete a service in GCP Cloud Run](https://www.remotion.dev/docs/cloudrun/deleteservice)
[**getServices()**\
\
Lists available Remotion Cloud Run services](https://www.remotion.dev/docs/cloudrun/getservices)
[**speculateServiceName()**\
\
Speculate a service name based on its configuration](https://www.remotion.dev/docs/cloudrun/speculateservicename)
[**getRegions()**\
\
Get all available regions](https://www.remotion.dev/docs/cloudrun/getregions)
[**deploySite()**\
\
Bundle and upload a site to Cloud Storage](https://www.remotion.dev/docs/cloudrun/deploysite)
[**deleteSite()**\
\
Delete a bundle from Cloud Storage](https://www.remotion.dev/docs/cloudrun/deletesite)
[**getSites()**\
\
Get all available sites from Cloud Storage](https://www.remotion.dev/docs/cloudrun/getsites)
[**getOrCreateBucket()**\
\
Ensure a Remotion Cloud Storage bucket exists](https://www.remotion.dev/docs/cloudrun/getorcreatebucket)
[**renderMediaOnCloudrun()**\
\
Trigger a video or audio render](https://www.remotion.dev/docs/cloudrun/rendermediaoncloudrun)
[**renderStillOnCloudrun()**\
\
Trigger a still render](https://www.remotion.dev/docs/cloudrun/renderstilloncloudrun)
[**testPermissions()**\
\
Ensure permissions are correctly set up in GCP](https://www.remotion.dev/docs/cloudrun/testpermissions)

CLI[​](https://www.remotion.dev/docs/cloudrun/api#cli "Direct link to CLI")

----------------------------------------------------------------------------

See [here](https://www.remotion.dev/docs/cloudrun/cli)
 for a list of CLI commands.

*   [APIs](https://www.remotion.dev/docs/cloudrun/api#apis)
    
*   [CLI](https://www.remotion.dev/docs/cloudrun/api#cli)

---

# Server-Side Rendering | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/ssr#__docusaurus_skipToContent_fallback)

Copy page

On this page

Remotion's rendering engine is built with Node.JS, which makes it easy to render a video in the cloud.

See the [Comparison of SSR options](https://www.remotion.dev/docs/compare-ssr)
 to help you decide which option is best for you.

Render a video on AWS Lambda[​](https://www.remotion.dev/docs/ssr#render-a-video-on-aws-lambda "Direct link to Render a video on AWS Lambda")

----------------------------------------------------------------------------------------------------------------------------------------------

The fastest way to render videos in the cloud is to use [`@remotion/lambda`](https://www.remotion.dev/docs/lambda)
.

Render using Vercel Sandbox[​](https://www.remotion.dev/docs/ssr#render-using-vercel-sandbox "Direct link to Render using Vercel Sandbox")

-------------------------------------------------------------------------------------------------------------------------------------------

The easiest way, especially for Vercel customers is to use [Vercel Sandbox](https://www.remotion.dev/docs/vercel-sandbox)
.

Render a video using Node.js APIs[​](https://www.remotion.dev/docs/ssr#render-a-video-using-nodejs-apis "Direct link to Render a video using Node.js APIs")

------------------------------------------------------------------------------------------------------------------------------------------------------------

We provide a set of APIs to render videos using Node.js and Bun.  
See an [example](https://www.remotion.dev/docs/ssr-node)
 or the [API reference](https://www.remotion.dev/docs/renderer)
 for more information.

Render using GitHub Actions[​](https://www.remotion.dev/docs/ssr#render-using-github-actions "Direct link to Render using GitHub Actions")

-------------------------------------------------------------------------------------------------------------------------------------------

You can render a video on GitHub actions. The following workflow assumes a composition ID of `MyComp`

    name: Render video
    on:
      workflow_dispatch:
    jobs:
      render:
        name: Render video
        runs-on: ubuntu-latest
        steps:
          - uses: actions/checkout@main
          - uses: actions/setup-node@main
          - run: npm i
          - run: npx remotion render MyComp out/video.mp4
          - uses: actions/upload-artifact@v4
            with:
              name: out.mp4
              path: out/video.mp4

### With input props[​](https://www.remotion.dev/docs/ssr#with-input-props "Direct link to With input props")

If you have props, you can ask for them using the GitHub Actions input fields.  
Here we assume a shape of `{titleText: string; titleColor: string}`.

    name: Render video
    on:
      workflow_dispatch:
        inputs:
          titleText:
            description: 'Which text should it say?'
            required: true
            default: 'Welcome to Remotion'
          titleColor:
            description: 'Which color should it be in?'
            required: true
            default: 'black'
    jobs:
      render:
        name: Render video
        runs-on: ubuntu-latest
        steps:
          - uses: actions/checkout@main
          - uses: actions/setup-node@main
          - run: npm i
          - run: echo $WORKFLOW_INPUT > input-props.json
            env:
              WORKFLOW_INPUT: ${{ toJson(github.event.inputs) }}
          - run: npx remotion render MyComp out/video.mp4 --props="./input-props.json"
          - uses: actions/upload-artifact@v4
            with:
              name: out.mp4
              path: out/video.mp4

[](https://www.remotion.dev/docs/ssr#1)

[1](https://www.remotion.dev/docs/ssr#1)

[](https://www.remotion.dev/docs/ssr#1)
Commit the template to a GitHub repository.  
[2](https://www.remotion.dev/docs/ssr#2)
On GitHub, click the `Actions` tab.  
[3](https://www.remotion.dev/docs/ssr#3)
Select the `Render video` workflow on the left.  
[4](https://www.remotion.dev/docs/ssr#4)
A `Run workflow` button should appear. Click it.  
[5](https://www.remotion.dev/docs/ssr#5)
Fill in the props of the root component and click `Run workflow`.  
[6](https://www.remotion.dev/docs/ssr#6)
After the rendering is finished, you can download the video under `Artifacts`.  

Note that running the workflow may incur costs. However, the workflow will only run if you actively trigger it.

See also: [Passing input props in GitHub Actions](https://www.remotion.dev/docs/passing-props#passing-input-props-in-github-actions)

Render a video using Docker[​](https://www.remotion.dev/docs/ssr#render-a-video-using-docker "Direct link to Render a video using Docker")

-------------------------------------------------------------------------------------------------------------------------------------------

See: [Dockerizing a Remotion project](https://www.remotion.dev/docs/docker)

Deploy to a cloud platform[​](https://www.remotion.dev/docs/ssr#deploy-to-a-cloud-platform "Direct link to Deploy to a cloud platform")

----------------------------------------------------------------------------------------------------------------------------------------

The following guides show how to deploy a Remotion rendering service using the [Node.js/Bun APIs](https://www.remotion.dev/docs/renderer)
 on various cloud platforms:

*   [Azure Container Apps](https://www.remotion.dev/docs/azure-container-apps)
      
    
*   [Cloudflare Containers](https://www.remotion.dev/docs/cloudflare-containers)
      
    

Render a video using GCP Cloud Run (Alpha)[​](https://www.remotion.dev/docs/ssr#render-a-video-using-gcp-cloud-run-alpha "Direct link to Render a video using GCP Cloud Run (Alpha)")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Check out the experimental [Cloud Run](https://www.remotion.dev/docs/cloudrun)
 package.  
Note: It not actively being developed - our plan is to port the Lambda runtime to Cloud Run instead of maintaining a separate implementation.

API reference[​](https://www.remotion.dev/docs/ssr#api-reference "Direct link to API reference")

-------------------------------------------------------------------------------------------------

[**getCompositions()**\
\
List available compositions](https://www.remotion.dev/docs/renderer/get-compositions)
[**selectComposition()**\
\
Get a composition](https://www.remotion.dev/docs/renderer/select-composition)
[**renderMedia()**\
\
Render a video or audio](https://www.remotion.dev/docs/renderer/render-media)
[**renderFrames()**\
\
Render a series of images](https://www.remotion.dev/docs/renderer/render-frames)
[**renderStill()**\
\
Render a single image](https://www.remotion.dev/docs/renderer/render-still)
[**stitchFramesToVideo()**\
\
Turn images into a video](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
[**openBrowser()**\
\
Open a Chrome browser to reuse across renders](https://www.remotion.dev/docs/renderer/open-browser)
[**ensureBrowser()**\
\
Open a Chrome browser to reuse across renders](https://www.remotion.dev/docs/renderer/ensure-browser)
[**makeCancelSignal()**\
\
Create token to later cancel a render](https://www.remotion.dev/docs/renderer/make-cancel-signal)
[**getVideoMetadata()**\
\
Get metadata from a video file in Node.js](https://www.remotion.dev/docs/renderer/get-video-metadata)
[**getSilentParts()**\
\
Obtain silent portions of a video or audio](https://www.remotion.dev/docs/renderer/get-silent-parts)
[**combineChunks()**\
\
Combine chunks of partial renders](https://www.remotion.dev/docs/renderer/combine-chunks)
[**ensureFfmpeg()**\
\
Check for ffmpeg binary and install if not existing](https://www.remotion.dev/docs/renderer/ensure-ffmpeg)
[**ensureFfprobe()**\
\
Check for ffprobe binary and install if not existing](https://www.remotion.dev/docs/renderer/ensure-ffprobe)
[**getCanExtractFramesFast()**\
\
Probes for fast extraction for <OffthreadVideo>](https://www.remotion.dev/docs/renderer/get-can-extract-frames-fast)

*   [Render a video on AWS Lambda](https://www.remotion.dev/docs/ssr#render-a-video-on-aws-lambda)
    
*   [Render using Vercel Sandbox](https://www.remotion.dev/docs/ssr#render-using-vercel-sandbox)
    
*   [Render a video using Node.js APIs](https://www.remotion.dev/docs/ssr#render-a-video-using-nodejs-apis)
    
*   [Render using GitHub Actions](https://www.remotion.dev/docs/ssr#render-using-github-actions)
    *   [With input props](https://www.remotion.dev/docs/ssr#with-input-props)
        
*   [Render a video using Docker](https://www.remotion.dev/docs/ssr#render-a-video-using-docker)
    
*   [Deploy to a cloud platform](https://www.remotion.dev/docs/ssr#deploy-to-a-cloud-platform)
    
*   [Render a video using GCP Cloud Run (Alpha)](https://www.remotion.dev/docs/ssr#render-a-video-using-gcp-cloud-run-alpha)
    
*   [API reference](https://www.remotion.dev/docs/ssr#api-reference)

---

# API overview | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/api#__docusaurus_skipToContent_fallback)

Copy page

[**Command line**\
\
Reference for the `npx remotion` commands](https://www.remotion.dev/docs/cli)
[**Configuration file**\
\
Reference for the `remotion.config.ts` file](https://www.remotion.dev/docs/config)

remotion
--------

Core APIs: `useCurrentFrame()`, `interpolate()`, etc.

[**<Composition>**\
\
Define a video](https://www.remotion.dev/docs/composition)
[**<Still>**\
\
Define a still](https://www.remotion.dev/docs/still)
[**<Folder>**\
\
Organize compositions in the Studio sidebar](https://www.remotion.dev/docs/folder)
[**registerRoot()**\
\
Initialize a Remotion project](https://www.remotion.dev/docs/register-root)
[**useCurrentFrame()**\
\
Obtain the current time](https://www.remotion.dev/docs/use-current-frame)
[**useVideoConfig()**\
\
Get the duration, dimensions and FPS of a composition](https://www.remotion.dev/docs/use-video-config)
[**interpolate()**\
\
Map a range of values to another](https://www.remotion.dev/docs/interpolate)
[**spring()**\
\
Physics-based animation primitive](https://www.remotion.dev/docs/spring)
[**interpolateColors()**\
\
Map a range of values to colors](https://www.remotion.dev/docs/interpolate-colors)
[**measureSpring()**\
\
Determine the duration of a spring](https://www.remotion.dev/docs/measure-spring)
[**Easing**\
\
Customize animation curve of `interpolate()`](https://www.remotion.dev/docs/easing)
[**<Img>**\
\
Render an `<img>` tag and wait for it to load](https://www.remotion.dev/docs/img)
[**<Html5Video>**\
\
Synchronize a `<video>` with Remotion's time](https://www.remotion.dev/docs/html5-video)
[**<Html5Audio>**\
\
Synchronize `<audio>` with Remotion's time](https://www.remotion.dev/docs/html5-audio)
[**<OffthreadVideo>**\
\
Alternative to `<Html5Video>`](https://www.remotion.dev/docs/offthreadvideo)
[**<AnimatedImage>**\
\
Disply a GIF, AVIF or animated WebP image](https://www.remotion.dev/docs/animatedimage)
[**<IFrame>**\
\
Render an `<iframe>` tag and wait for it to load](https://www.remotion.dev/docs/iframe)
[**<Sequence>**\
\
Time-shifts it's children](https://www.remotion.dev/docs/sequence)
[**<Series>**\
\
Display contents after another](https://www.remotion.dev/docs/series)
[**<Freeze>**\
\
Freeze some content in time](https://www.remotion.dev/docs/freeze)
[**<Loop>**\
\
Play some content repeatedly](https://www.remotion.dev/docs/loop)
[**delayRender()**\
\
Block a render from continuing](https://www.remotion.dev/docs/delay-render)
[**continueRender()**\
\
Unblock a render](https://www.remotion.dev/docs/continue-render)
[**cancelRender()**\
\
Abort an error](https://www.remotion.dev/docs/cancel-render)
[**getInputProps()**\
\
Receive the user-defined input data](https://www.remotion.dev/docs/get-input-props)
[**getRemotionEnvironment()**\
\
Determine if you are currently previewing or rendering](https://www.remotion.dev/docs/get-remotion-environment)
[**staticFile()**\
\
Access file from `public/` folder](https://www.remotion.dev/docs/staticfile)
[**<AbsoluteFill>**\
\
Position content absolutely and in full size](https://www.remotion.dev/docs/absolute-fill)
[**VERSION**\
\
Get the current version of Remotion](https://www.remotion.dev/docs/version)

@remotion/media
---------------

An experimental `<NewVideo />` tag for embedding videos.

[**<Video>**\
\
WebCodecs-based tag for embedding videos](https://www.remotion.dev/docs/media/video)
[**<Audio>**\
\
WebCodecs-based tag for embedding audio](https://www.remotion.dev/docs/media/audio)

@remotion/bundler
-----------------

Create a Webpack bundle from Node.JS

[**bundle()**\
\
Create a Webpack bundle](https://www.remotion.dev/docs/bundle)

@remotion/player
----------------

Play a Remotion video in the browser.

[**<Player>**\
\
Embed a Remotion composition in a web app](https://www.remotion.dev/docs/player/player)
[**<Thumbnail>**\
\
Embed a still in a web app](https://www.remotion.dev/docs/player/thumbnail)

@remotion/lambda
----------------

Render videos and stills on AWS Lambda

[**estimatePrice()**\
\
Estimate the price of a render](https://www.remotion.dev/docs/lambda/estimateprice)
[**deployFunction()**\
\
Create a new function in AWS Lambda](https://www.remotion.dev/docs/lambda/deployfunction)
[**deleteFunction()**\
\
Delete a function in AWS Lambda](https://www.remotion.dev/docs/lambda/deletefunction)
[**getFunctionInfo()**\
\
Gets information about a function](https://www.remotion.dev/docs/lambda/getfunctioninfo)
[**getFunctions()**\
\
Lists available Remotion Lambda functions](https://www.remotion.dev/docs/lambda/getfunctions)
[**getCompositionsOnLambda()**\
\
Gets list of compositions inside a Lambda function](https://www.remotion.dev/docs/lambda/getcompositionsonlambda)
[**deleteSite()**\
\
Delete a bundle from S3](https://www.remotion.dev/docs/lambda/deletesite)
[**deploySite()**\
\
Bundle and upload a site to S3](https://www.remotion.dev/docs/lambda/deploysite)
[**getAwsClient()**\
\
Access the AWS SDK directly](https://www.remotion.dev/docs/lambda/getawsclient)
[**getRegions()**\
\
Get all available regions](https://www.remotion.dev/docs/lambda/getregions)
[**getSites()**\
\
Get all available sites](https://www.remotion.dev/docs/lambda/getsites)
[**downloadMedia()**\
\
Download a render artifact from S3](https://www.remotion.dev/docs/lambda/downloadmedia)
[**getUserPolicy()**\
\
Get the policy JSON for your AWS user](https://www.remotion.dev/docs/lambda/getuserpolicy)
[**getRolePolicy()**\
\
Get the policy JSON for your AWS role](https://www.remotion.dev/docs/lambda/getrolepolicy)
[**getOrCreateBucket()**\
\
Ensure a Remotion S3 bucket exists](https://www.remotion.dev/docs/lambda/getorcreatebucket)
[**getRenderProgress()**\
\
Query the progress of a render](https://www.remotion.dev/docs/lambda/getrenderprogress)
[**presignUrl()**\
\
Make a private file public to those with the link](https://www.remotion.dev/docs/lambda/presignurl)
[**renderMediaOnLambda()**\
\
Trigger a video or audio render](https://www.remotion.dev/docs/lambda/rendermediaonlambda)
[**renderStillOnLambda()**\
\
Trigger a still render](https://www.remotion.dev/docs/lambda/renderstillonlambda)
[**simulatePermissions()**\
\
Ensure permissions are correctly set up](https://www.remotion.dev/docs/lambda/simulatepermissions)
[**speculateFunctionName()**\
\
Get the lambda function name based on its configuration](https://www.remotion.dev/docs/lambda/speculatefunctionname)
[**validateWebhookSignature()**\
\
Validate an incoming webhook request is authentic](https://www.remotion.dev/docs/lambda/validatewebhooksignature)
[**appRouterWebhook()**\
\
Handle incoming webhooks specifically for the Next.js app router](https://www.remotion.dev/docs/lambda/approuterwebhook)
[**pagesRouterWebhook()**\
\
Handle incoming webhooks specifically for the Next.js pages router](https://www.remotion.dev/docs/lambda/pagesrouterwebhook)
[**expressWebhook()**\
\
Handle incoming webhooks specifically for Express.js](https://www.remotion.dev/docs/lambda/expresswebhook)

@remotion/cloudrun
------------------

Render videos and stills on GCP Cloud Run

[**getServiceInfo()**\
\
Gets information about a service](https://www.remotion.dev/docs/cloudrun/getserviceinfo)
[**deployService()**\
\
Create a new service in GCP Cloud Run](https://www.remotion.dev/docs/cloudrun/deployservice)
[**deleteService()**\
\
Delete a service in GCP Cloud Run](https://www.remotion.dev/docs/cloudrun/deleteservice)
[**getServices()**\
\
Lists available Remotion Cloud Run services](https://www.remotion.dev/docs/cloudrun/getservices)
[**speculateServiceName()**\
\
Speculate a service name based on its configuration](https://www.remotion.dev/docs/cloudrun/speculateservicename)
[**getRegions()**\
\
Get all available regions](https://www.remotion.dev/docs/cloudrun/getregions)
[**deploySite()**\
\
Bundle and upload a site to Cloud Storage](https://www.remotion.dev/docs/cloudrun/deploysite)
[**deleteSite()**\
\
Delete a bundle from Cloud Storage](https://www.remotion.dev/docs/cloudrun/deletesite)
[**getSites()**\
\
Get all available sites from Cloud Storage](https://www.remotion.dev/docs/cloudrun/getsites)
[**getOrCreateBucket()**\
\
Ensure a Remotion Cloud Storage bucket exists](https://www.remotion.dev/docs/cloudrun/getorcreatebucket)
[**renderMediaOnCloudrun()**\
\
Trigger a video or audio render](https://www.remotion.dev/docs/cloudrun/rendermediaoncloudrun)
[**renderStillOnCloudrun()**\
\
Trigger a still render](https://www.remotion.dev/docs/cloudrun/renderstilloncloudrun)
[**testPermissions()**\
\
Ensure permissions are correctly set up in GCP](https://www.remotion.dev/docs/cloudrun/testpermissions)

@remotion/captions
------------------

Common operations for subtitles.

[**Caption**\
\
An object shape for captions](https://www.remotion.dev/docs/captions/caption)
[**parseSrt()**\
\
Parse a .srt file into a `Caption` array](https://www.remotion.dev/docs/captions/parse-srt)
[**serializeSrt()**\
\
Serialize a .srt file into a `Caption` array](https://www.remotion.dev/docs/captions/serialize-srt)
[**createTikTokStyleCaptions()**\
\
Structure the captions for TikTok-style display](https://www.remotion.dev/docs/captions/create-tiktok-style-captions)

@remotion/gif
-------------

Include a GIF in your video.

[**<Gif>**\
\
Render a GIF](https://www.remotion.dev/docs/gif/gif)
[**getGifDurationInSeconds()**\
\
Get the runtime of a GIF](https://www.remotion.dev/docs/gif/get-gif-duration-in-seconds)
[**preloadGif()**\
\
Prepare a GIF for displaying in the Player](https://www.remotion.dev/docs/gif/preload-gif)

@remotion/media-utils
---------------------

Obtain info about video and audio.

[**audioBufferToDataUrl()**\
\
Serialize an audio buffer](https://www.remotion.dev/docs/audio-buffer-to-data-url)
[**getAudioData()**\
\
Get metadata of an audio source](https://www.remotion.dev/docs/get-audio-data)
[**getAudioDurationInSeconds()**\
\
Get the duration of an audio source](https://www.remotion.dev/docs/get-audio-duration-in-seconds)
[**getVideoMetadata()**\
\
Get metadata of a video source](https://www.remotion.dev/docs/get-video-metadata)
[**getWaveformPortion()**\
\
Trims audio data into a waveform](https://www.remotion.dev/docs/get-waveform-portion)
[**useAudioData()**\
\
`getAudioData()` as a hook](https://www.remotion.dev/docs/use-audio-data)
[**useWindowedAudioData()**\
\
Optimized for fetching only current data, works only with `.wav`](https://www.remotion.dev/docs/use-windowed-audio-data)
[**visualizeAudio()**\
\
Process a music waveform for visualization](https://www.remotion.dev/docs/visualize-audio)
[**visualizeAudioWaveform()**\
\
Process a voice waveform for visualization](https://www.remotion.dev/docs/media-utils/visualize-audio-waveform)
[**createSmoothSvgPath()**\
\
Turn waveform points into a smooth SVG path](https://www.remotion.dev/docs/media-utils/create-smooth-svg-path)

@remotion/animation-utils
-------------------------

Obtain info about video and audio.

[**makeTransform()**\
\
Create a value for the CSS `transform` property](https://www.remotion.dev/docs/animation-utils/make-transform)
[**interpolateStyles()**\
\
Map a range of values to CSS `style` values](https://www.remotion.dev/docs/animation-utils/interpolate-styles)

@remotion/tailwind
------------------

Webpack override for using TailwindCSS v3

[**enableTailwind()**\
\
Override the Webpack config to enable TailwindCSS](https://www.remotion.dev/docs/tailwind/enable-tailwind)

@remotion/tailwind-v4
---------------------

Webpack override for using TailwindCSS v4

[**enableTailwind()**\
\
Override the Webpack config to enable TailwindCSS](https://www.remotion.dev/docs/tailwind-v4/enable-tailwind)

@remotion/enable-scss
---------------------

Webpack override for enabling SASS/SCSS

[**enableScss()**\
\
Override the Webpack config to enable SCSS](https://www.remotion.dev/docs/enable-scss/enable-scss)

@remotion/three
---------------

Create 3D videos using React Three Fiber

[**<ThreeCanvas>**\
\
A wrapper for React Three Fiber' Canvas](https://www.remotion.dev/docs/three-canvas)
[**useVideoTexture(**\
\
Use a video in React Three Fiber](https://www.remotion.dev/docs/use-video-texture)
[**useOffthreadVideoTexture()**\
\
Use an <OffthreadVideo> in React Three Fiber](https://www.remotion.dev/docs/use-offthread-video-texture)

@remotion/skia
--------------

Low-level graphics using React Native Skia

[**enableSkia()**\
\
Webpack override for enabling Skia](https://www.remotion.dev/docs/skia/enable-skia)
[**<SkiaCanvas>**\
\
React Native Skia <Canvas> wrapper](https://www.remotion.dev/docs/skia/skia-canvas)

@remotion/lottie
----------------

Include a Lottie animation in your video

[**<Lottie>**\
\
Embed a Lottie animation in Remotion](https://www.remotion.dev/docs/lottie/lottie)
[**getLottieMetadata()**\
\
Get metadata of a Lottie animation](https://www.remotion.dev/docs/lottie/getlottiemetadata)
[**staticFile()**\
\
Load Lottie animations from a static file](https://www.remotion.dev/docs/lottie/staticfile)

@remotion/preload
-----------------

Preload media for the Player

[**preloadVideo()**\
\
Preload a video source](https://www.remotion.dev/docs/preload/preload-video)
[**preloadAudio()**\
\
Preload an audio source](https://www.remotion.dev/docs/preload/preload-audio)
[**preloadFont()**\
\
Preload a font](https://www.remotion.dev/docs/preload/preload-font)
[**preloadImage()**\
\
Preload an image](https://www.remotion.dev/docs/preload/preload-image)
[**resolveRedirect()**\
\
Get the definitive URL after all redirects](https://www.remotion.dev/docs/preload/preload-audio)

@remotion/renderer
------------------

Render video, audio and stills from Node.JS or Bun

[**getCompositions()**\
\
List available compositions](https://www.remotion.dev/docs/renderer/get-compositions)
[**selectComposition()**\
\
Get a composition](https://www.remotion.dev/docs/renderer/select-composition)
[**renderMedia()**\
\
Render a video or audio](https://www.remotion.dev/docs/renderer/render-media)
[**renderFrames()**\
\
Render a series of images](https://www.remotion.dev/docs/renderer/render-frames)
[**renderStill()**\
\
Render a single image](https://www.remotion.dev/docs/renderer/render-still)
[**stitchFramesToVideo()**\
\
Turn images into a video](https://www.remotion.dev/docs/renderer/stitch-frames-to-video)
[**openBrowser()**\
\
Open a Chrome browser to reuse across renders](https://www.remotion.dev/docs/renderer/open-browser)
[**ensureBrowser()**\
\
Open a Chrome browser to reuse across renders](https://www.remotion.dev/docs/renderer/ensure-browser)
[**makeCancelSignal()**\
\
Create token to later cancel a render](https://www.remotion.dev/docs/renderer/make-cancel-signal)
[**getVideoMetadata()**\
\
Get metadata from a video file in Node.js](https://www.remotion.dev/docs/renderer/get-video-metadata)
[**getSilentParts()**\
\
Obtain silent portions of a video or audio](https://www.remotion.dev/docs/renderer/get-silent-parts)
[**combineChunks()**\
\
Combine chunks of partial renders](https://www.remotion.dev/docs/renderer/combine-chunks)
[**ensureFfmpeg()**\
\
Check for ffmpeg binary and install if not existing](https://www.remotion.dev/docs/renderer/ensure-ffmpeg)
[**ensureFfprobe()**\
\
Check for ffprobe binary and install if not existing](https://www.remotion.dev/docs/renderer/ensure-ffprobe)
[**getCanExtractFramesFast()**\
\
Probes for fast extraction for <OffthreadVideo>](https://www.remotion.dev/docs/renderer/get-can-extract-frames-fast)

@remotion/paths
---------------

Manipulate and obtain info about SVG paths

[**getLength()**\
\
Obtain length of an SVG path](https://www.remotion.dev/docs/paths/get-length)
[**cutPath()**\
\
Cut an SVG path at a specified length](https://www.remotion.dev/docs/paths/cut-path)
[**getPointAtLength()**\
\
Get coordinates at a certain point of an SVG path](https://www.remotion.dev/docs/paths/get-point-at-length)
[**getTangentAtLength()**\
\
Gets tangents `x` and `y` of a point which is on an SVG path](https://www.remotion.dev/docs/paths/get-tangent-at-length)
[**reversePath()**\
\
Switch direction of an SVG path](https://www.remotion.dev/docs/paths/reverse-path)
[**normalizePath()**\
\
Replace relative with absolute coordinates](https://www.remotion.dev/docs/paths/normalize-path)
[**interpolatePath()**\
\
Interpolates between two SVG paths](https://www.remotion.dev/docs/paths/interpolate-path)
[**evolvePath()**\
\
Animate an SVG path](https://www.remotion.dev/docs/paths/evolve-path)
[**translatePath()**\
\
Translates the position of an path against X/Y coordinates](https://www.remotion.dev/docs/paths/translate-path)
[**warpPath()**\
\
Remap the coordinates of a path](https://www.remotion.dev/docs/paths/warp-path)
[**scalePath()**\
\
Grow or shrink the size of the path](https://www.remotion.dev/docs/paths/scale-path)
[**getBoundingBox()**\
\
Get the bounding box of a SVG path](https://www.remotion.dev/docs/paths/get-bounding-box)
[**resetPath()**\
\
Translates an SVG path to `(0, 0)`](https://www.remotion.dev/docs/paths/reset-path)
[**extendViewBox()**\
\
Widen an SVG viewBox in all directions](https://www.remotion.dev/docs/paths/extend-viewbox)
[**getSubpaths()**\
\
Split SVG path into its parts](https://www.remotion.dev/docs/paths/get-subpaths)
[**parsePath()**\
\
Parse a string into an array of instructions](https://www.remotion.dev/docs/paths/parse-path)
[**serializeInstructions()**\
\
Turn an array of instructions into a SVG path](https://www.remotion.dev/docs/paths/serialize-instructions)
[**reduceInstructions()**\
\
Reduce the amount of instruction types](https://www.remotion.dev/docs/paths/reduce-instructions)

@remotion/noise
---------------

Generate noise effects

[**noise2D()**\
\
Create 2D noise](https://www.remotion.dev/docs/noise/noise-2d)
[**noise3D()**\
\
Create 3D noise](https://www.remotion.dev/docs/noise/noise-3d)
[**noise4D()**\
\
Create 4D noise](https://www.remotion.dev/docs/noise/noise-4d)

@remotion/shapes
----------------

Generate SVG shapes

[**makeArrow()**\
\
Generate SVG Path for a arrow](https://www.remotion.dev/docs/shapes/make-arrow)
[**<Arrow/>**\
\
Render a arrow](https://www.remotion.dev/docs/shapes/arrow)
[**makeRect()**\
\
Generate SVG Path for a rect](https://www.remotion.dev/docs/shapes/make-rect)
[**<Rect/>**\
\
Render a rect](https://www.remotion.dev/docs/shapes/rect)
[**makeCircle()**\
\
Generate SVG Path for a circle](https://www.remotion.dev/docs/shapes/make-circle)
[**<Circle/>**\
\
Render a circle](https://www.remotion.dev/docs/shapes/circle)
[**makeHeart()**\
\
Generate SVG Path for a heart](https://www.remotion.dev/docs/shapes/make-heart)
[**<Heart/>**\
\
Render a heart](https://www.remotion.dev/docs/shapes/heart)
[**makePie()**\
\
Generate SVG Path for a pie](https://www.remotion.dev/docs/shapes/make-pie)
[**<Pie/>**\
\
Render a pie](https://www.remotion.dev/docs/shapes/pie)
[**makeEllipse()**\
\
Generate SVG Path for a ellipse](https://www.remotion.dev/docs/shapes/make-ellipse)
[**<Ellipse/>**\
\
Render a ellipse](https://www.remotion.dev/docs/shapes/ellipse)
[**makeTriangle()**\
\
Generate SVG Path for a triangle](https://www.remotion.dev/docs/shapes/make-triangle)
[**<Triangle/>**\
\
Render a triangle](https://www.remotion.dev/docs/shapes/triangle)
[**makeStar()**\
\
Generate SVG Path for a star](https://www.remotion.dev/docs/shapes/make-star)
[**<Star/>**\
\
Render a star](https://www.remotion.dev/docs/shapes/star)
[**makePolygon()**\
\
Generate SVG Path for a polygon](https://www.remotion.dev/docs/shapes/make-polygon)
[**<Polygon/>**\
\
Render a polygon](https://www.remotion.dev/docs/shapes/polygon)

@remotion/studio
----------------

APIs for controlling theRemotion Studio

[**getStaticFiles()**\
\
Get a list of files in the `public` folder](https://www.remotion.dev/docs/studio/get-static-files)
[**watchPublicFolder()**\
\
Listen to changes in the public folder](https://www.remotion.dev/docs/studio/watch-public-folder)
[**watchStaticFile()**\
\
Listen to changes of a static file](https://www.remotion.dev/docs/studio/watch-static-file)
[**writeStaticFile()**\
\
Save content to a file in the public directory](https://www.remotion.dev/docs/studio/write-static-file)
[**saveDefaultProps()**\
\
Save default props to the root file](https://www.remotion.dev/docs/studio/save-default-props)
[**updateDefaultProps()**\
\
Update default props in the Props editor](https://www.remotion.dev/docs/studio/update-default-props)
[**deleteStaticFile()**\
\
Delete a file from the public directory](https://www.remotion.dev/docs/studio/delete-static-file)
[**restartStudio()**\
\
Restart the Studio Server.](https://www.remotion.dev/docs/studio/restart-studio)
[**play()**\
\
Start playback in the timeline](https://www.remotion.dev/docs/studio/play)
[**pause()**\
\
Pause playback in the timeline](https://www.remotion.dev/docs/studio/pause)
[**toggle()**\
\
Toggle playback in the timeline](https://www.remotion.dev/docs/studio/toggle)
[**seek()**\
\
Jump to a position in the timeline](https://www.remotion.dev/docs/studio/seek)
[**goToComposition()**\
\
Select a composition in the composition selector](https://www.remotion.dev/docs/studio/go-to-composition)
[**focusDefaultPropsPath()**\
\
Scrolls to a specific field in the default props editor](https://www.remotion.dev/docs/studio/focus-default-props-path)
[**reevaluateComposition()**\
\
Re-runs calculateMetadata() on the current composition](https://www.remotion.dev/docs/studio/reevaluate-composition)
[**visualControl()**\
\
Create a control in the right sidebar of the Studio](https://www.remotion.dev/docs/studio/visual-control)

@remotion/transitions
---------------------

Transition between scenes

### Components

[**`<TransitionSeries>`**\
\
A `<Series>` with transitions inbetween](https://www.remotion.dev/docs/transitions/transitionseries)

### Timings

[**`springTiming()`**\
\
Transition with a `spring()`](https://www.remotion.dev/docs/transitions/timings/springtiming)
[**`linearTiming()`**\
\
Transition linearly with optional Easing](https://www.remotion.dev/docs/transitions/timings/lineartiming)

### Presentations

Hover over an effect to see the preview.

[**`fade()`**\
\
Animate the opacity of the scenes](https://www.remotion.dev/docs/transitions/presentations/fade)
[**`slide()`**\
\
Slide in and push out the previous scene](https://www.remotion.dev/docs/transitions/presentations/slide)
[**`wipe()`**\
\
Slide over the previous scene](https://www.remotion.dev/docs/transitions/presentations/wipe)
[**`flip()`**\
\
Rotate the previous scene](https://www.remotion.dev/docs/transitions/presentations/flip)
[**`clockWipe()`**\
\
Reveal the new scene in a circular movement](https://www.remotion.dev/docs/transitions/presentations/clock-wipe)
[**`iris()`**\
\
Reveal the scene through a circular mask from center](https://www.remotion.dev/docs/transitions/presentations/iris)
[**`cube()`**\
\
Paid\
\
Rotate both scenes with 3D perspective](https://www.remotion.dev/docs/transitions/presentations/cube)
[**`none()`**\
\
Have no visual effect.](https://www.remotion.dev/docs/transitions/presentations/none)

@remotion/layout-utils
----------------------

Layout helpers

[**measureText()**\
\
Get dimensions of text](https://www.remotion.dev/docs/layout-utils/measure-text)
[**fillTextBox()**\
\
Find line breaks and overflows in a text box](https://www.remotion.dev/docs/layout-utils/fill-text-box)
[**fitText()**\
\
Get font size to fit text in a box](https://www.remotion.dev/docs/layout-utils/fit-text)
[**fitTextOnNLines()**\
\
Get font size to fit text on n lines](https://www.remotion.dev/docs/layout-utils/fit-text-on-n-lines)

@remotion/install-whisper-cpp
-----------------------------

Whisper.cpp installation and transcription

[**installWhisperCpp()**\
\
Install the whisper.cpp software](https://www.remotion.dev/docs/install-whisper-cpp/install-whisper-cpp)
[**downloadWhisperModel()**\
\
Download a Whisper model](https://www.remotion.dev/docs/install-whisper-cpp/download-whisper-model)
[**transcribe()**\
\
Transcribe an audio file](https://www.remotion.dev/docs/install-whisper-cpp/transcribe)
[**toCaptions()**\
\
Converts the output from `transcribe()` into an array of `Caption` objects](https://www.remotion.dev/docs/install-whisper-cpp/to-captions)

@remotion/openai-whisper
------------------------

Work with transcriptions from OpenAI Whisper

[**openAiWhisperApiToCaptions()**\
\
Turn OpenAI Whisper API transcriptions into an array of `Caption`](https://www.remotion.dev/docs/openai-whisper/openai-whisper-api-to-captions)

@remotion/elevenlabs
--------------------

Work with transcriptions from ElevenLabs

[**elevenLabsTranscriptToCaptions()**\
\
Turn ElevenLabs Speech to Text output into an array of `Caption`](https://www.remotion.dev/docs/elevenlabs/elevenlabs-transcript-to-captions)

@remotion/animated-emoji
------------------------

Google Fonts Animated Emojis as Remotion Components

[**<AnimatedEmoji>**\
\
Component for rendering an animated emoji.](https://www.remotion.dev/docs/animated-emoji/animated-emoji)
[**getAvailableEmoji()**\
\
Get a list of available emoji.](https://www.remotion.dev/docs/animated-emoji/get-available-emoji)

@remotion/google-fonts
----------------------

Load Google Fonts onto a page.

[**loadFont()**\
\
Load a Google Font](https://www.remotion.dev/docs/google-fonts/load-font)
[**getAvailableFonts()**\
\
Static list of available fonts](https://www.remotion.dev/docs/google-fonts/get-available-fonts)
[**getInfo()**\
\
Metadata about a specific font](https://www.remotion.dev/docs/google-fonts/get-info)
[**loadFontFromInfo()**\
\
Load a Google Font based on metadata](https://www.remotion.dev/docs/google-fonts/load-font-from-info)

@remotion/rive
--------------

Embed Rive animations in Remotion

[**<RemotionRiveCanvas>**\
\
Render a Rive animation](https://www.remotion.dev/docs/rive/remotionrivecanvas)

@remotion/zod-types
-------------------

Zod types enabling Remotion Studio UI

[**zColor()**\
\
A Zod Type for colors](https://www.remotion.dev/docs/zod-types/z-color)
[**zTextarea()**\
\
A Zod Type for multiple-line text in a textarea](https://www.remotion.dev/docs/zod-types/z-textarea)
[**zMatrix()**\
\
A Zod Type for editing matrices](https://www.remotion.dev/docs/zod-types/z-matrix)

@remotion/sfx
-------------

Sound effects library

[**whip**\
\
Whip sound effect](https://www.remotion.dev/docs/sfx/whip)
[**whoosh**\
\
Whoosh sound effect](https://www.remotion.dev/docs/sfx/whoosh)
[**pageTurn**\
\
Page turn sound effect](https://www.remotion.dev/docs/sfx/page-turn)
[**uiSwitch**\
\
UI switch sound effect](https://www.remotion.dev/docs/sfx/ui-switch)
[**mouseClick**\
\
Mouse click sound effect](https://www.remotion.dev/docs/sfx/mouse-click)
[**shutterModern**\
\
Modern camera shutter sound effect](https://www.remotion.dev/docs/sfx/shutter-modern)
[**shutterOld**\
\
Vintage camera shutter sound effect](https://www.remotion.dev/docs/sfx/shutter-old)
[**ding**\
\
Ding notification sound effect](https://www.remotion.dev/docs/sfx/ding)
[**bruh**\
\
Bruh sound effect](https://www.remotion.dev/docs/sfx/bruh)
[**vineBoom**\
\
Vine boom sound effect](https://www.remotion.dev/docs/sfx/vine-boom)
[**windowsXpError**\
\
Windows XP error sound effect](https://www.remotion.dev/docs/sfx/windows-xp-error)

@remotion/light-leaks
---------------------

Light Leak effects

[**<LightLeak>**\
\
Render a light leak effect](https://www.remotion.dev/docs/light-leaks/light-leak)

@remotion/starburst
-------------------

Starburst Effect

[**<Starburst>**\
\
Render a starburst ray effect](https://www.remotion.dev/docs/starburst/starburst)

@remotion/vercel
----------------

Render videos on Vercel Sandbox

[**createSandbox()**\
\
Create a sandbox with Remotion installed](https://www.remotion.dev/docs/vercel/create-sandbox)
[**addBundleToSandbox()**\
\
Copy a Remotion bundle into a sandbox](https://www.remotion.dev/docs/vercel/add-bundle-to-sandbox)
[**renderMediaOnVercel()**\
\
Render a video in a sandbox](https://www.remotion.dev/docs/vercel/render-media-on-vercel)
[**renderStillOnVercel()**\
\
Render a still image in a sandbox](https://www.remotion.dev/docs/vercel/render-still-on-vercel)
[**uploadToVercelBlob()**\
\
Upload a file from the sandbox to Vercel Blob](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob)
[**Types**\
\
TypeScript types reference](https://www.remotion.dev/docs/vercel/types)

@remotion/motion-blur
---------------------

Apply motion blur effects to components

[**<Trail>**\
\
Add a trail effect to children](https://www.remotion.dev/docs/motion-blur/trail)
[**<CameraMotionBlur>**\
\
Add a natural camera motion blur effect to children](https://www.remotion.dev/docs/motion-blur/camera-motion-blur)

@remotion/fonts
---------------

Load font files onto a page.

[**loadFont()**\
\
Load a font from a URL or a local file](https://www.remotion.dev/docs/fonts-api/load-font)

@remotion/media-parser
----------------------

A pure JavaScript library for parsing video files

[**parseMedia()**\
\
Parse a media file.](https://www.remotion.dev/docs/media-parser/parse-media)
[**downloadAndParseMedia()**\
\
Download and parse a media file.](https://www.remotion.dev/docs/media-parser/download-and-parse-media)
[**parseMediaOnWebWorker()**\
\
Parse a media file in the browser on a separate thread.](https://www.remotion.dev/docs/media-parser/parse-media-on-web-worker)
[**parseMediaOnServerWorker()**\
\
Parse a media file on the server on a separate thread.](https://www.remotion.dev/docs/media-parser/parse-media-on-server-worker)
[**mediaParserController()**\
\
Pause, resume and abort the parsing.](https://www.remotion.dev/docs/media-parser/media-parser-controller)
[**hasBeenAborted()**\
\
Determine from an error if the parsing has been aborted.](https://www.remotion.dev/docs/media-parser/has-been-aborted)
[**WEBCODECS\_TIMESCALE**\
\
The global timescale (`1_000_000`) of WebCodecs as a constant.](https://www.remotion.dev/docs/media-parser/webcodecs-timescale)

@remotion/webcodecs
-------------------

Converting media using WebCodecs

[**convertMedia()**\
\
Converts a video using WebCodecs and Media Parser](https://www.remotion.dev/docs/webcodecs/convert-media)
[**getAvailableContainers()**\
\
Get a list of containers `@remotion/webcodecs` supports.](https://www.remotion.dev/docs/webcodecs/get-available-containers)
[**webcodecsController()**\
\
Pause, resume and abort the conversion.](https://www.remotion.dev/docs/webcodecs/webcodecs-controller)
[**canReencodeVideoTrack()**\
\
Determine if a video track can be re-encoded](https://www.remotion.dev/docs/webcodecs/can-reencode-video-track)
[**canReencodeAudioTrack()**\
\
Determine if a audio track can be re-encoded](https://www.remotion.dev/docs/webcodecs/can-reencode-audio-track)
[**canCopyVideoTrack()**\
\
Determine if a video track can be copied without re-encoding](https://www.remotion.dev/docs/webcodecs/can-copy-video-track)
[**canCopyAudioTrack()**\
\
Determine if a audio track can be copied without re-encoding](https://www.remotion.dev/docs/webcodecs/can-copy-audio-track)
[**getDefaultAudioCodec()**\
\
Gets the default audio codec for a container if no other audio codec is specified.](https://www.remotion.dev/docs/webcodecs/get-default-audio-codec)
[**getDefaultVideoCodec()**\
\
Gets the default video codec for a container if no other audio codec is specified.](https://www.remotion.dev/docs/webcodecs/get-default-video-codec)
[**defaultOnAudioTrackHandler()**\
\
The default track transformation function for audio tracks.](https://www.remotion.dev/docs/webcodecs/default-on-audio-track-handler)
[**defaultOnVideoTrackHandler()**\
\
The default track transformation function for video tracks.](https://www.remotion.dev/docs/webcodecs/default-on-video-track-handler)
[**getAvailableAudioCodecs()**\
\
Get the audio codecs that can fit in a container.](https://www.remotion.dev/docs/webcodecs/get-available-audio-codecs)
[**getAvailableVideoCodecs()**\
\
Get the video codecs that can fit in a container.](https://www.remotion.dev/docs/webcodecs/get-available-video-codecs)
[**convertAudioData()**\
\
Change the format or sample rate of an `AudioData` object.](https://www.remotion.dev/docs/webcodecs/convert-audiodata)
[**createAudioDecoder()**\
\
Create an `AudioDecoder` object.](https://www.remotion.dev/docs/webcodecs/create-audio-decoder)
[**createVideoDecoder()**\
\
Create a `VideoDecoder` object.](https://www.remotion.dev/docs/webcodecs/create-video-decoder)
[**extractFrames()**\
\
Extract frames from a video at specific timestamps.](https://www.remotion.dev/docs/webcodecs/extract-frames)
[**getPartialAudioData()**\
\
Extract audio data from a specific time window of a media file.](https://www.remotion.dev/docs/webcodecs/get-partial-audio-data)
[**rotateAndResizeVideoFrame()**\
\
Rotate and resize a video frame.](https://www.remotion.dev/docs/webcodecs/rotate-and-resize-video-frame)
[**webFsWriter**\
\
Writer that saves to browser file system using File System Access API.](https://www.remotion.dev/docs/webcodecs/web-fs-writer)
[**bufferWriter**\
\
Writer that saves to an in-memory resizable ArrayBuffer.](https://www.remotion.dev/docs/webcodecs/buffer-writer)

@remotion/licensing
-------------------

Report and query company license usage

[**registerUsageEvent()**\
\
Register a render](https://www.remotion.dev/docs/licensing/register-usage-event)
[**getUsage()**\
\
Query usage of company license](https://www.remotion.dev/docs/licensing/get-usage)

A

B

A

B

A

B

A

B

A

B

A

B

A

B

A

B

---

# Timeline – FAQ | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/timeline/faq#__docusaurus_skipToContent_fallback)

Copy page

On this page

Will the template work with React 18?[​](https://www.remotion.dev/docs/timeline/faq#will-the-template-work-with-react-18 "Direct link to Will the template work with React 18?")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Yes, the template is fully compatible with React 18. We've intentionally avoided using React 19-specific features like the `use()` hook or the new direct component ref-passing to ensure backward compatibility. This means you can confidently use this template with React 18 projects without encountering compatibility issues.

If you do experience any problems or unexpected behavior while using the template with React 18, please create an issue in the repository.

Does the template include state management libraries?[​](https://www.remotion.dev/docs/timeline/faq#does-the-template-include-state-management-libraries "Direct link to Does the template include state management libraries?")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

No, we use React Context for basic state management instead of third-party libraries like Zustand or Redux.

This decision wasn't about maintaining "purity" - it's about practicality. State management libraries often require specific architectural approaches and can become outdated or limit flexibility. By sticking with React Context, we provide a foundation that works well for most use cases while remaining adaptable.

If your project needs more sophisticated state management for performance optimization, you can easily add the library that best fits your specific requirements. Whether that's Zustand for its simplicity, Redux for complex state, or something else entirely - the choice is yours and can be tailored to your particular application needs.

Our goal is to provide a template that works well for everyone without imposing unnecessary opinion or complexity on your project.

*   [Will the template work with React 18?](https://www.remotion.dev/docs/timeline/faq#will-the-template-work-with-react-18)
    
*   [Does the template include state management libraries?](https://www.remotion.dev/docs/timeline/faq#does-the-template-include-state-management-libraries)

---

# State management in the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/state-management#__docusaurus_skipToContent_fallback)

Copy page

On this page

State in the [Editor Starter](https://www.remotion.dev/docs/editor-starter)
 is managed with the built-in React state management utilities: [`useState()`](https://react.dev/reference/react/useState)
 and [`useContext()`](https://react.dev/reference/react/useContext)
.

Why?

The Editor Starter was built in a way that as many different teams can adopt it as easily as possible.

We chose to use React's native state management to keep the starter kit lightweight, minimize external dependencies, and leverage familiar patterns for developers already comfortable with React.

While the default React state management utilities are controversial for some, any React application can make use of them and developers are most familiar with them.

Shape[​](https://www.remotion.dev/docs/editor-starter/state-management#shape "Direct link to Shape")

-----------------------------------------------------------------------------------------------------

The whole state of the Editor Starter is stored in a single object with the shape defined by the [`EditorState`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20type%20EditorState&type=code)
.

src/editor/state/types.ts

`type DeletedAsset = {   remoteUrl: string | null;   remoteFileKey: string | null;   assetId: string;   statusAtDeletion: AssetState; }; export type UndoableState = {   tracks: TrackType[];   assets: Record<string, EditorStarterAsset>;   items: Record<string, EditorStarterItem>;   fps: number;   compositionWidth: number;   compositionHeight: number;   deletedAssets: DeletedAsset[]; }; export type EditorState = {   undoableState: UndoableState;   selectedItems: string[];   textItemEditing: string | null;   textItemHoverPreview: TextItemHoverPreview | null;   itemSelectedForCrop: string | null;   renderingTasks: RenderingTask[];   captioningTasks: CaptioningTask[];   initialized: boolean;   itemsBeingTrimmed: ItemBeingTrimmed[];   loop: boolean;   assetStatus: Record<string, AssetState>; };`Copy

*   [`undoableState`](https://www.remotion.dev/docs/editor-starter/state-management#undoable-state)
     - State that is affected by the undo stack:
    *   `tracks`: An array of [timeline tracks](https://www.remotion.dev/docs/editor-starter/tracks-items-assets)
        , the last ones are the ones rendered in the back.
    *   `assets`: A map of all [assets](https://www.remotion.dev/docs/editor-starter/tracks-items-assets)
         that have been uploaded to the editor.
    *   `items`: A map of all [items](https://www.remotion.dev/docs/editor-starter/tracks-items-assets)
         that have been added to the editor.
    *   `fps`: The frame rate (kept in state, [but by default no UI is exposed to change it](https://www.remotion.dev/docs/editor-starter/features-not-included#multiple-frame-rates)
        ).
    *   `compositionWidth`: The width of the canvas.
    *   `compositionHeight`: The height of the canvas.
    *   `deletedAssets`: An array of assets [that have been deleted](https://www.remotion.dev/docs/editor-starter/asset-cleanup)
        .
*   `selectedItems`: An array of item IDs that are currently selected.
*   `textItemEditing`: The ID of the text item that is currently being edited, if there is one.
*   `textItemHoverPreview`: Preview updates of a text item (for example if a font is hovered in the font picker, the text will render temporarily with the font hovered).
*   `itemSelectedForCrop`: The ID of the item that is currently in [Crop Mode](https://www.remotion.dev/docs/editor-starter/cropping#crop-mode)
    , if there is one.
*   `renderingTasks`: The state of the rendering process.
*   `captioningTasks`: The state of captioning process.
*   `initialized`: Whether the editor has been initialized, if not initialized, canvas will not be visible.
*   `itemsBeingTrimmed`: An array of items that are currently being trimmed, to show an indication of the maximum trim that is possible.
*   `loop`: Whether the playback should loop.
*   `assetStatus`: A map of asset IDs to their upload status, which can be:
    *   `pending-upload`: The asset is currently being uploaded.
    *   `uploaded`: The asset has been uploaded successfully.
    *   `error`: The asset upload has failed.
    *   `in-progress`: The asset has not been uploaded yet.

Undoable state[​](https://www.remotion.dev/docs/editor-starter/state-management#undoable-state "Direct link to Undoable state")

--------------------------------------------------------------------------------------------------------------------------------

State is separated into undoable and non-undoable parts.  
Undoable state is located within the `undoableState` object of the root state.

**Undoable state** might be:

*   Position, size and other properties of an item
*   Assets and tracks
*   Video properties like dimensions and frame rate

**Non-undoable state** might be:

*   Asset upload progress and status
*   Captioning progress
*   Zoom level
*   Rendering state
*   Selection state

See also: [Undo and Redo](https://www.remotion.dev/docs/editor-starter/undo-redo)

Contexts[​](https://www.remotion.dev/docs/editor-starter/state-management#contexts "Direct link to Contexts")

--------------------------------------------------------------------------------------------------------------

In [`src/editor-context-provider.tsx`](https://github.com/remotion-dev/editor-starter/blob/main/src/editor/context-provider.tsx)
, you will see a very deeply nested tree of various context providers.

This is intentional and achieves that when updating a portion of the state, only the components that are dependent on that portion of the state will re-render, while the rest of the components will not.

For the best performance, we recommend that you continue to use this pattern in your own application.

Preventing state updates when nothing has changed[​](https://www.remotion.dev/docs/editor-starter/state-management#preventing-state-updates-when-nothing-has-changed "Direct link to Preventing state updates when nothing has changed")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

You should prevent an unnecessary state update when nothing has changed.

*   This is better for performance
*   [This will prevent adding a snapshot to the undo stack, which would lead to clicking the undo button once with no effect](https://www.remotion.dev/docs/editor-starter/undo-redo#preventing-unnecessary-additions-to-the-undo-stack)
    

Throughout the codebase, you will see checks that prevent an unnecessary state update.

Preventing an identity change

`export const markAsDragging = (state: EditorState, itemId: string): EditorState => {   return changeItem(state, itemId, (item) => {     if (item.isDragging) {       // The item would not change, so we return the original object       return item;     }     return {       ...item,       isDragging: true,     };   }); };`Copy

Reading the state imperatively[​](https://www.remotion.dev/docs/editor-starter/state-management#reading-the-state-imperatively "Direct link to Reading the state imperatively")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

If you only need to access the state upon an interaction, you can use the [`useCurrentStateAsRef()`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20const%20useCurrentStateAsRef&type=code)
 hook.  
It allows you to imperatively access the state when you need it.

You cannot build a reactive UI with it, but is more performant than using a hook that re-renders when the state changes.

For example: A save button that only needs to access the state when the user clicks it.

See also[​](https://www.remotion.dev/docs/editor-starter/state-management#see-also "Direct link to See also")

--------------------------------------------------------------------------------------------------------------

*   [Undo and Redo](https://www.remotion.dev/docs/editor-starter/undo-redo)
    

*   [Shape](https://www.remotion.dev/docs/editor-starter/state-management#shape)
    
*   [Undoable state](https://www.remotion.dev/docs/editor-starter/state-management#undoable-state)
    
*   [Contexts](https://www.remotion.dev/docs/editor-starter/state-management#contexts)
    
*   [Preventing state updates when nothing has changed](https://www.remotion.dev/docs/editor-starter/state-management#preventing-state-updates-when-nothing-has-changed)
    
*   [Reading the state imperatively](https://www.remotion.dev/docs/editor-starter/state-management#reading-the-state-imperatively)
    
*   [See also](https://www.remotion.dev/docs/editor-starter/state-management#see-also)

---

# @remotion/elevenlabs | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/elevenlabs/#__docusaurus_skipToContent_fallback)

Copy page

On this page

[v4.0.443](https://github.com/remotion-dev/remotion/releases/v4.0.443)

The `@remotion/elevenlabs` package converts the output of the [ElevenLabs Speech to Text API](https://elevenlabs.io/docs/api-reference/speech-to-text/convert)
 into an array of [`Caption`](https://www.remotion.dev/docs/captions/caption)
 objects, making them compatible with other caption-related Remotion APIs.

*   Remotion CLI
*   npm
*   bun
*   pnpm
*   yarn

npx remotion add @remotion/elevenlabs

Copy

npm i --save-exact @remotion/elevenlabs@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/elevenlabs@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/elevenlabs@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/elevenlabs@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

APIs[​](https://www.remotion.dev/docs/elevenlabs/#apis "Direct link to APIs")

------------------------------------------------------------------------------

[**elevenLabsTranscriptToCaptions()**\
\
Turn ElevenLabs Speech to Text output into an array of `Caption`](https://www.remotion.dev/docs/elevenlabs/elevenlabs-transcript-to-captions)

License[​](https://www.remotion.dev/docs/elevenlabs/#license "Direct link to License")

---------------------------------------------------------------------------------------

MIT

See also[​](https://www.remotion.dev/docs/elevenlabs/#see-also "Direct link to See also")

------------------------------------------------------------------------------------------

*   [`@remotion/captions`](https://www.remotion.dev/docs/captions/api)
    
*   [`@remotion/openai-whisper`](https://www.remotion.dev/docs/openai-whisper)
    

*   [APIs](https://www.remotion.dev/docs/elevenlabs/#apis)
    
*   [License](https://www.remotion.dev/docs/elevenlabs/#license)
    
*   [See also](https://www.remotion.dev/docs/elevenlabs/#see-also)

---

# Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/preview#__docusaurus_skipToContent_fallback)

Copy page

You can preview your video by starting the [Remotion Studio](https://www.remotion.dev/docs/studio)
:

*   Regular templates
*   Next.js and React Router 7 templates

    npm run dev

    npm run remotion

This is a shorthand for the [`studio`](https://www.remotion.dev/docs/cli/studio)
 command of the [Remotion CLI](https://www.remotion.dev/docs/cli)
:

    npx remotion studio

A server will be started on port `3000` (or a higher port if it isn't available) and the Remotion Studio should open in the browser.

![](https://www.remotion.dev/img/timeline.png)

Learn more about the [Remotion Studio](https://www.remotion.dev/docs/studio)
.

note

In older projects, `npm start` was used over `npm run dev`.

---

# Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/cli/#__docusaurus_skipToContent_fallback)

Copy page

On this page

How to use[​](https://www.remotion.dev/docs/cli/#how-to-use "Direct link to How to use")

-----------------------------------------------------------------------------------------

You can run the CLI by installing `@remotion/cli` and running:

*   `npx remotion` inside a npm project
*   `yarn remotion` inside a Yarn project
*   `pnpm exec remotion` inside a pnpm project.
*   `bunx remotion` inside a Bun project

For brevity, in the documentation we always say `npx remotion`.

Inside an npm script, you don't need the `npx` prefix:

package.json

`{   "scripts": {     "render": "remotion render"   } }`Copy

### Using Bun[v4.0.118](https://github.com/remotion-dev/remotion/releases/v4.0.118)
[​](https://www.remotion.dev/docs/cli/#using-bun "Direct link to using-bun")

By default, the `npx remotion` command is being executed using Node.  
Even `bunx remotion` is using Node, unless you add the `--bun` flag.  
To use Bun, replace `remotion` with `remotionb`.

package.json

`{   "scripts": {     "render": "remotionb render"   } }`Copy

### Using Deno[v4.0.227](https://github.com/remotion-dev/remotion/releases/v4.0.227)
[​](https://www.remotion.dev/docs/cli/#using-deno "Direct link to using-deno")

Deno is not supported by Remotion.  
If you like to experiment nonetheless, use `npx remotiond` to run the Deno version of the CLI.

package.json

`{   "scripts": {     "render": "remotiond render"   } }`Copy

Commands[​](https://www.remotion.dev/docs/cli/#commands "Direct link to Commands")

-----------------------------------------------------------------------------------

The following commands are available - you can always run them using `npx remotion` or even without the `npx` prefix if you put the command inside an npm script.

[**studio**\
\
Start the Remotion Studio](https://www.remotion.dev/docs/cli/studio)
[**render**\
\
Render video or audio](https://www.remotion.dev/docs/cli/render)
[**still**\
\
Render a still image](https://www.remotion.dev/docs/cli/still)
[**compositions**\
\
List available compositions](https://www.remotion.dev/docs/cli/compositions)
[**lambda**\
\
Control Remotion Lambda](https://www.remotion.dev/docs/lambda/cli)
[**bundle**\
\
Create a Remotion Bundle](https://www.remotion.dev/docs/cli/bundle)
[**browser**\
\
Ensure Remotion has a browser to use](https://www.remotion.dev/docs/cli/browser)
[**cloudrun**\
\
Control Remotion Cloud Run](https://www.remotion.dev/docs/cloudrun/cli)
[**benchmark**\
\
Measure and optimize render time](https://www.remotion.dev/docs/cli/benchmark)
[**skills**\
\
Install or update skills](https://www.remotion.dev/docs/cli/skills)
[**versions**\
\
List and validate Remotion package versions](https://www.remotion.dev/docs/cli/versions)
[**upgrade**\
\
Upgrade to a newer version](https://www.remotion.dev/docs/cli/upgrade)
[**add**\
\
Add Remotion packages with matching version](https://www.remotion.dev/docs/cli/add)
[**gpu**\
\
Print information about Chrome's usage of the GPU](https://www.remotion.dev/docs/cli/gpu)
[**ffmpeg**\
\
Execute an `ffmpeg` command](https://www.remotion.dev/docs/cli/ffmpeg)
[**ffprobe**\
\
Execute an `ffprobe` command](https://www.remotion.dev/docs/cli/ffprobe)
[**help**\
\
Show CLI commands](https://www.remotion.dev/docs/cli/help)

Example command[​](https://www.remotion.dev/docs/cli/#example-command "Direct link to Example command")

--------------------------------------------------------------------------------------------------------

    npx remotion render --codec=vp8 HelloWorld out/video.webm

See also[​](https://www.remotion.dev/docs/cli/#see-also "Direct link to See also")

-----------------------------------------------------------------------------------

*   [Render your video](https://www.remotion.dev/docs/render)
    
*   [Configuration file](https://www.remotion.dev/docs/config)
    

*   [How to use](https://www.remotion.dev/docs/cli/#how-to-use)
    *   [Using Bun](https://www.remotion.dev/docs/cli/#using-bun)
        
    *   [Using Deno](https://www.remotion.dev/docs/cli/#using-deno)
        
*   [Commands](https://www.remotion.dev/docs/cli/#commands)
    
*   [Example command](https://www.remotion.dev/docs/cli/#example-command)
    
*   [See also](https://www.remotion.dev/docs/cli/#see-also)

---

# Animating properties | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/animating-properties#__docusaurus_skipToContent_fallback)

Copy page

On this page

Animation works by changing properties over time.  
Let's create a simple fade in animation.

If we want to fade the text in over 60 frames, we need to gradually change the `opacity` over time so that it goes from 0 to 1.

FadeIn.tsx

`export const FadeIn = () => {   const frame = useCurrentFrame();   const opacity = Math.min(1, frame / 60);   return (     <AbsoluteFill       style={{         justifyContent: "center",         alignItems: "center",         backgroundColor: "white",         fontSize: 80,       }}     >       <div style={{ opacity: opacity }}>Hello World!</div>     </AbsoluteFill>   ); };`Copy

Using the interpolate helper function[​](https://www.remotion.dev/docs/animating-properties#using-the-interpolate-helper-function "Direct link to Using the interpolate helper function")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Using the [`interpolate()`](https://www.remotion.dev/docs/interpolate)
 function can make animations more readable. The above animation can also be written as:

    import { interpolate } from "remotion";
    
    const opacity = interpolate(frame, [0, 60], [0, 1], {
      /*                        ^^^^^   ^^^^^    ^^^^
      Variable to interpolate ----|       |       |
      Input range ------------------------|       |
      Output range -------------------------------|  */
      extrapolateRight: "clamp",
    });

In this example, we map the frames 0 to 60 to their opacity values `(0, 0.0166, 0.033, 0.05 ...`) and use the [`extrapolateRight`](https://www.remotion.dev/docs/interpolate#extrapolateright)
 setting to clamp the output so that it never becomes bigger than 1.

Using `spring()`[​](https://www.remotion.dev/docs/animating-properties#using-spring "Direct link to using-spring")

-------------------------------------------------------------------------------------------------------------------

The [`spring()`](https://www.remotion.dev/docs/spring)
 helper runs a spring simulation from 0 to 1 by default. Below, we use it to animate the scale of the text.

    import { spring, useCurrentFrame, useVideoConfig } from "remotion";
    
    export const MyVideo = () => {
      const frame = useCurrentFrame();
      const { fps } = useVideoConfig();
    
      const scale = spring({
        fps,
        frame,
      });
    
      return (
        <div
          style={{
            flex: 1,
            textAlign: "center",
            fontSize: "7em",
          }}
        >
          <div style={{ transform: `scale(${scale})` }}>Hello World!</div>
        </div>
      );
    };

You should see the text jump in.

  

The default spring configuration leads to a little bit of overshoot, meaning the text will bounce a little bit. See the documentation page for [`spring()`](https://www.remotion.dev/docs/spring)
 to learn how to customize it.

Always animate using `useCurrentFrame()`[​](https://www.remotion.dev/docs/animating-properties#always-animate-using-usecurrentframe "Direct link to always-animate-using-usecurrentframe")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Watch out for flickering issues during rendering that arise if you write animations that are not driven by [`useCurrentFrame()`](https://www.remotion.dev/docs/use-current-frame)
 – for example CSS transitions.

[Read more about how Remotion's rendering works](https://www.remotion.dev/docs/flickering)
 - understanding it will help you avoid issues down the road.

See also[​](https://www.remotion.dev/docs/animating-properties#see-also "Direct link to See also")

---------------------------------------------------------------------------------------------------

*   [Don't use CSS animations](https://www.remotion.dev/docs/troubleshooting/css-animations)
    
*   [`interpolate()`](https://www.remotion.dev/docs/interpolate)
    
*   [`spring()`](https://www.remotion.dev/docs/spring)
    
*   [Flickering](https://www.remotion.dev/docs/flickering)
    

*   [Using the interpolate helper function](https://www.remotion.dev/docs/animating-properties#using-the-interpolate-helper-function)
    
*   [Using `spring()`](https://www.remotion.dev/docs/animating-properties#using-spring)
    
*   [Always animate using `useCurrentFrame()`](https://www.remotion.dev/docs/animating-properties#always-animate-using-usecurrentframe)
    
*   [See also](https://www.remotion.dev/docs/animating-properties#see-also)

---

# @remotion/player | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/player#__docusaurus_skipToContent_fallback)

Copy page

On this page

Using the Remotion Player you can embed Remotion videos in any React app and customize the video content at runtime.

Demo[​](https://www.remotion.dev/docs/player#demo "Direct link to Demo")

-------------------------------------------------------------------------

Play the video, then tweak the parameters below the video.

Hi there!Your favorite color is

0:00 / 0:11

  

Enter your name:

  

Select your favorite color: 

See the [source code](https://github.com/remotion-dev/remotion/blob/main/packages/docs/components/PlayerExampleWithControls.tsx)
 for this example.

Templates[​](https://www.remotion.dev/docs/player#templates "Direct link to Templates")

----------------------------------------------------------------------------------------

The following templates include the Player and Lambda rendering and are a good starting point for building a video app:

*   [Next.js (App dir)](https://www.remotion.dev/templates/next)
    
*   [Next.js (App dir, no TailwindCSS)](https://www.remotion.dev/templates/next-no-tailwind)
    
*   [Next.js (Pages dir)](https://www.remotion.dev/templates/next-pages-dir)
    
*   [Next.js (App dir, Rendering in Vercel Sandbox instead Lambda)](https://www.remotion.dev/templates/vercel)
    
*   [React Router 7 (Remix)](https://www.remotion.dev/templates/react-router)
    

API[​](https://www.remotion.dev/docs/player#api "Direct link to API")

----------------------------------------------------------------------

[**<Player>**\
\
Embed a Remotion composition in a web app](https://www.remotion.dev/docs/player/player)
[**<Thumbnail>**\
\
Embed a still in a web app](https://www.remotion.dev/docs/player/thumbnail)

Guide[​](https://www.remotion.dev/docs/player#guide "Direct link to Guide")

----------------------------------------------------------------------------

[**Installation**\
\
Install the Player into your project](https://www.remotion.dev/docs/player/installation)
[**Examples**\
\
Code samples for various scenarios](https://www.remotion.dev/docs/player/examples)
[**Sizing**\
\
Setting the size of the Player](https://www.remotion.dev/docs/player/scaling)
[**Autoplay**\
\
Dealing with browser autoplay policies](https://www.remotion.dev/docs/player/autoplay)
[**Display time**\
\
Write a custom component for displaying the current time](https://www.remotion.dev/docs/player/current-time)
[**Preloading assets**\
\
Make assets ready to play when they appear in the video](https://www.remotion.dev/docs/player/preloading)
[**Best practices**\
\
Checklist of correct implementation](https://www.remotion.dev/docs/player/best-practices)
[**Buffer state**\
\
Pause the Player while assets are loading](https://www.remotion.dev/docs/player/buffer-state)
[**Avoiding flickers**\
\
Troubleshooting for flickers due to unloaded assets](https://www.remotion.dev/docs/troubleshooting/player-flicker)
[**Premounting**\
\
Mount components earlier to allow them to load](https://www.remotion.dev/docs/player/premounting)
[**Drag & Drop**\
\
Allow interactivity on the canvas](https://www.remotion.dev/docs/player/drag-and-drop)
[**Custom controls**\
\
Recipes for custom Play buttons, volume sliders, etc.](https://www.remotion.dev/docs/player/custom-controls)
[**Media Keys**\
\
Control what happens when users presses ⏯️](https://www.remotion.dev/docs/player/media-keys)

See also[​](https://www.remotion.dev/docs/player#see-also "Direct link to See also")

-------------------------------------------------------------------------------------

*   [Installation](https://www.remotion.dev/docs/player/installation)
    
*   [API](https://www.remotion.dev/docs/player/player)
    

*   [Demo](https://www.remotion.dev/docs/player#demo)
    
*   [Templates](https://www.remotion.dev/docs/player#templates)
    
*   [API](https://www.remotion.dev/docs/player#api)
    
*   [Guide](https://www.remotion.dev/docs/player#guide)
    
*   [See also](https://www.remotion.dev/docs/player#see-also)

---

# Remotion Recorder Demo | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/recorder/demo#__docusaurus_skipToContent_fallback)

Copy page

Here is a walkthrough of how the Remotion Recorder is used.

note

The video was recorded when the Recorder was still a paid product - it is now a free template!

Timestamps:

00:08 - Setup  
01:10 - Start the Recorder  
01:26 - Make a recording  
04:07 - Editing the video  
05:34 - Editing captions  
06:02 - Multiple scenes + advanced editing  
07:20 - Endcards and other scenes  
07:52 - Exporting for multiple platforms

PausePlay

% buffered00:00

00:00

UnmuteMute

Disable captionsEnable captions

Settings

CaptionsDisabledQualityundefinedSpeedNormal

CaptionsGo back to previous menu

QualityGo back to previous menu

SpeedGo back to previous menu

0.5×0.75×Normal1.25×1.5×1.75×2×4×

PIPExit fullscreenEnter fullscreen

Play

---

# The fundamentals | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/the-fundamentals#__docusaurus_skipToContent_fallback)

Copy page

On this page

React components[​](https://www.remotion.dev/docs/the-fundamentals#react-components "Direct link to React components")

-----------------------------------------------------------------------------------------------------------------------

The idea of Remotion is to give you a frame number and a blank canvas, to which you can render anything you want using [React](https://react.dev/)
. This is an example React component that renders the current frame as text:

MyComposition.tsx

`import { AbsoluteFill, useCurrentFrame } from "remotion"; export const MyComposition = () => {   const frame = useCurrentFrame();   return (     <AbsoluteFill       style={{         justifyContent: "center",         alignItems: "center",         fontSize: 100,         backgroundColor: "white",       }}     >       The current frame is {frame}.     </AbsoluteFill>   ); };`Copy

A video is a function of images over time. If you change content every frame, you'll end up with an animation.

Video properties[​](https://www.remotion.dev/docs/the-fundamentals#video-properties "Direct link to Video properties")

-----------------------------------------------------------------------------------------------------------------------

A video has 4 properties:

*   `width` in pixels.
*   `height` in pixels.
*   `durationInFrames`: the total number of frames in the video.
*   `fps`: framerate of the video.

You can obtain these values from the [`useVideoConfig()`](https://www.remotion.dev/docs/use-video-config)
 hook:

    import {AbsoluteFill, useVideoConfig} from 'remotion';
    
    export const MyComposition = () => {
      const {fps, durationInFrames, width, height} = useVideoConfig();
    
      return (
        <AbsoluteFill
          style={{
            justifyContent: 'center',
            alignItems: 'center',
            fontSize: 60,
            backgroundColor: 'white',
          }}
        >
          This {width}x{height}px video is {durationInFrames / fps} seconds long.
        </AbsoluteFill>
      );
    };

note

A video's first frame is `0` and its last frame is `durationInFrames - 1`.

Compositions[​](https://www.remotion.dev/docs/the-fundamentals#compositions "Direct link to Compositions")

-----------------------------------------------------------------------------------------------------------

A composition is the combination of a React component and video metadata.

By rendering a [`<Composition>`](https://www.remotion.dev/docs/composition)
 component in `src/Root.tsx`, you can register a renderable video and make it visible in the Remotion sidebar.

src/Root.tsx

`export const RemotionRoot: React.FC = () => {   return (     <Composition       id="MyComposition"       durationInFrames={150}       fps={30}       width={1920}       height={1080}       component={MyComposition}     />   ); };`Copy

note

You can register multiple compositions in `src/Root.tsx` by wrapping them in a React Fragment:  
`<><Composition/><Composition/></>`. See also: [How to combine compositions?](https://www.remotion.dev/docs/miscellaneous/snippets/combine-compositions)

*   [React components](https://www.remotion.dev/docs/the-fundamentals#react-components)
    
*   [Video properties](https://www.remotion.dev/docs/the-fundamentals#video-properties)
    
*   [Compositions](https://www.remotion.dev/docs/the-fundamentals#compositions)

---

# Undo and Redo | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/undo-redo#__docusaurus_skipToContent_fallback)

Copy page

On this page

The Editor Starter implements a basic Undo and Redo feature.  
It works by keeping an array of snapshots of the [undoable state](https://www.remotion.dev/docs/editor-starter/state-management#undoable-state)
 of the editor in memory.

Undo stack[​](https://www.remotion.dev/docs/editor-starter/undo-redo#undo-stack "Direct link to Undo stack")

-------------------------------------------------------------------------------------------------------------

An undo stack is an array of previous states that is being kept in memory.  
By default, the undo stack holds 50 states.

Whenever updating a state, you should set the `commitToUndoStack` property appropriately to indicate whether the state update should be committed to the undo stack.

Actions that you may not want to add to the undo stack are high-frequency state update like:

*   Dragging an item in the canvas
*   Dragging an item in the timeline
*   Trimming an item in the timeline
*   Changing a value in the inspector with the slider

In these cases, it is appropriate to only commit to the undo stack once the **mouse cursor is released**.

Preventing unnecessary additions to the undo stack[​](https://www.remotion.dev/docs/editor-starter/undo-redo#preventing-unnecessary-additions-to-the-undo-stack "Direct link to Preventing unnecessary additions to the undo stack")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

The undo stack only adds a new entry when the state object reference actually changes.  
If a state update results in `oldState === newState` evaluating to `true`, no entry is added to the undo stack.

See [Preventing state updates when nothing has changed](https://www.remotion.dev/docs/editor-starter/state-management#preventing-state-updates-when-nothing-has-changed)
 for more information.

Undo and Redo interactions[​](https://www.remotion.dev/docs/editor-starter/undo-redo#undo-and-redo-interactions "Direct link to Undo and Redo interactions")

-------------------------------------------------------------------------------------------------------------------------------------------------------------

You can undo and redo actions:

*   by using the buttons
*   the built-in keyboard shortcuts: Ctrl + Z for undo and Ctrl + Y for redo.

This behavior is controlled by the following [flags](https://www.remotion.dev/docs/editor-starter/features)
:

*   [`FEATURE_UNDO_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_UNDO_BUTTON&type=code)
    
*   [`FEATURE_REDO_BUTTON`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_REDO_BUTTON&type=code)
    
*   [`FEATURE_UNDO_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_UNDO_SHORTCUT&type=code)
    
*   [`FEATURE_REDO_SHORTCUT`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20FEATURE_REDO_SHORTCUT&type=code)
    

See also[​](https://www.remotion.dev/docs/editor-starter/undo-redo#see-also "Direct link to See also")

-------------------------------------------------------------------------------------------------------

*   [State management](https://www.remotion.dev/docs/editor-starter/state-management)
    

*   [Undo stack](https://www.remotion.dev/docs/editor-starter/undo-redo#undo-stack)
    
*   [Preventing unnecessary additions to the undo stack](https://www.remotion.dev/docs/editor-starter/undo-redo#preventing-unnecessary-additions-to-the-undo-stack)
    
*   [Undo and Redo interactions](https://www.remotion.dev/docs/editor-starter/undo-redo#undo-and-redo-interactions)
    
*   [See also](https://www.remotion.dev/docs/editor-starter/undo-redo#see-also)

---

# @remotion/cloudrun | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/cloudrun#__docusaurus_skipToContent_fallback)

Copy page

On this page

EXPERIMENTAL

Cloud Run is in [Alpha status and not actively being developed.](https://www.remotion.dev/docs/cloudrun/status)

Render Remotion videos on [GCP Cloud Run](https://cloud.google.com/run)
.

When should I use it?[​](https://www.remotion.dev/docs/cloudrun#when-should-i-use-it "Direct link to When should I use it?")

-----------------------------------------------------------------------------------------------------------------------------

*   You are fine with using Google Cloud Platform in one of the [supported regions](https://www.remotion.dev/docs/cloudrun/region-selection)
    .

If one of those constraints is a dealbreaker for you, resort to normal [server-side rendering](https://www.remotion.dev/docs/ssr)
.

How it works[​](https://www.remotion.dev/docs/cloudrun#how-it-works "Direct link to How it works")

---------------------------------------------------------------------------------------------------

### Deployment[​](https://www.remotion.dev/docs/cloudrun#deployment "Direct link to Deployment")

*   Any time a new version of Remotion is published by the Remotion team, a new image will be uploaded to a publicly readable artifact registry in GCP.
*   When you deploy a new Cloud Run service to your GCP Project, it will by default download the latest image from the repository. If you require a specific version, you can specify that in the command.

### Rendering[​](https://www.remotion.dev/docs/cloudrun#rendering "Direct link to Rendering")

*   A Cloud Run service and a Cloud Storage bucket are created in GCP.
*   A Remotion project gets deployed to a Cloud Storage bucket as a website.
*   The Cloud Run service gets invoked and opens the Remotion project.
*   The Cloud Run service renders the video or still, and the final file gets uploaded to Cloud Storage and is available for download.

Architecture[​](https://www.remotion.dev/docs/cloudrun#architecture "Direct link to Architecture")

---------------------------------------------------------------------------------------------------

*   **Cloud Run service**: Contains the required libraries and binaries for rendering Remotion projects, and is available for invoking behind a URL.
*   **Cloud Storage bucket**: Stores the projects, the renders, and render metadata.
*   **CLI**: Allows control of the overall architecture from the command line. Is installed by adding `@remotion/cloudrun` to a project.
*   **Node.JS API**: Has the same features as the CLI but is easier to use programmatically.

Setup / Installation[​](https://www.remotion.dev/docs/cloudrun#setup--installation "Direct link to Setup / Installation")

--------------------------------------------------------------------------------------------------------------------------

[**See here**](https://www.remotion.dev/docs/cloudrun/setup)

Region selection[​](https://www.remotion.dev/docs/cloudrun#region-selection "Direct link to Region selection")

---------------------------------------------------------------------------------------------------------------

The following regions are available for Remotion Cloud Run:

*   `asia-east1`
*   `asia-east2`
*   `asia-northeast1`
*   `asia-northeast2`
*   `asia-northeast3`
*   `asia-south1`
*   `asia-south2`
*   `asia-southeast1`
*   `asia-southeast2`
*   `australia-southeast1`
*   `australia-southeast2`
*   `europe-central2`
*   `europe-north1`
*   `europe-southwest1`
*   `europe-west1`
*   `europe-west2`
*   `europe-west3`
*   `europe-west4`
*   `europe-west6`
*   `europe-west8`
*   `europe-west9`
*   `me-west1`
*   `northamerica-northeast1`
*   `northamerica-northeast2`
*   `southamerica-east1`
*   `southamerica-west1`
*   `us-central1`
*   `us-east1`
*   `us-east4`
*   `us-east5`
*   `us-south1`
*   `us-west1`
*   `us-west2`
*   `us-west3`
*   `us-west4`

[**See here for configurations and considerations.**](https://www.remotion.dev/docs/cloudrun/region-selection)

Quotas and Limits[​](https://www.remotion.dev/docs/cloudrun#quotas-and-limits "Direct link to Quotas and Limits")

------------------------------------------------------------------------------------------------------------------

For all up-to-date values, check the [official Cloud Run docs](https://cloud.google.com/run/quotas)
.

*   The maximum memory size is 32gb.
*   The maximum number of vCPUs is 8.
*   The maximum writeable, in-memory filesystem, limited by instance memory, is 32gb.
*   The maximum timeout is 60 minutes.

Cost[​](https://www.remotion.dev/docs/cloudrun#cost "Direct link to Cost")

---------------------------------------------------------------------------

Most of our users render multiple minutes of video for just a few pennies. The exact cost is dependent on the region, assigned memory, type of video and other parameters. You might also need a Remotion license (see below).

GCP permissions[​](https://www.remotion.dev/docs/cloudrun#gcp-permissions "Direct link to GCP permissions")

------------------------------------------------------------------------------------------------------------

Remotion Cloud Run requires you to create a GCP project and create a Service Account with some permissions attached to it. We require only the minimal amount of permissions required for operating Remotion Cloud Run. [Service Account permission list and reasons](https://www.remotion.dev/docs/cloudrun/permissions)
.

CLI[​](https://www.remotion.dev/docs/cloudrun#cli "Direct link to CLI")

------------------------------------------------------------------------

You can control Remotion Cloud Run using the `npx remotion cloudrun` command.

[**Read more about the CLI**](https://www.remotion.dev/docs/cloudrun/cli)

Node.JS API[​](https://www.remotion.dev/docs/cloudrun#nodejs-api "Direct link to Node.JS API")

-----------------------------------------------------------------------------------------------

Everything you can do using the CLI, you can also control using Node.JS APIs. See the reference [here](https://www.remotion.dev/docs/cloudrun/api)
.

License[​](https://www.remotion.dev/docs/cloudrun#license "Direct link to License")

------------------------------------------------------------------------------------

The standard Remotion license applies: [https://github.com/remotion-dev/remotion/blob/main/LICENSE.md](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md)

Companies needing a license and using cloud rendering must set it up with Cloud Rendering Units. Please visit: [https://remotion.pro/license](https://remotion.pro/license)

Uninstalling[​](https://www.remotion.dev/docs/cloudrun#uninstalling "Direct link to Uninstalling")

---------------------------------------------------------------------------------------------------

We make it easy to remove all Remotion resources from your GCP project without leaving any traces or causing further costs.

[How to uninstall Remotion Cloud Run](https://www.remotion.dev/docs/cloudrun/uninstall)
.

*   [When should I use it?](https://www.remotion.dev/docs/cloudrun#when-should-i-use-it)
    
*   [How it works](https://www.remotion.dev/docs/cloudrun#how-it-works)
    *   [Deployment](https://www.remotion.dev/docs/cloudrun#deployment)
        
    *   [Rendering](https://www.remotion.dev/docs/cloudrun#rendering)
        
*   [Architecture](https://www.remotion.dev/docs/cloudrun#architecture)
    
*   [Setup / Installation](https://www.remotion.dev/docs/cloudrun#setup--installation)
    
*   [Region selection](https://www.remotion.dev/docs/cloudrun#region-selection)
    
*   [Quotas and Limits](https://www.remotion.dev/docs/cloudrun#quotas-and-limits)
    
*   [Cost](https://www.remotion.dev/docs/cloudrun#cost)
    
*   [GCP permissions](https://www.remotion.dev/docs/cloudrun#gcp-permissions)
    
*   [CLI](https://www.remotion.dev/docs/cloudrun#cli)
    
*   [Node.JS API](https://www.remotion.dev/docs/cloudrun#nodejs-api)
    
*   [License](https://www.remotion.dev/docs/cloudrun#license)
    
*   [Uninstalling](https://www.remotion.dev/docs/cloudrun#uninstalling)

---

# Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/timeline/render#__docusaurus_skipToContent_fallback)

Copy page

On this page

The [`<Timeline />`](https://www.remotion.dev/docs/timeline)
 component is in a sample Vite project, which is a frontend-only application.

If you want to render the state of your timeline into a video, you need to set up server-side rendering.

Recommendation: Use a backend framework[​](https://www.remotion.dev/docs/timeline/render#recommendation-use-a-backend-framework "Direct link to Recommendation: Use a backend framework")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

We recommend that you use one of our Saas templates to setup a Remotion project that has both a frontend and backend.

It is easier if you use [Next.js](https://www.remotion.dev/templates/next)
 or [React Router](https://www.remotion.dev/templates/react-router)
 templates and copy the timeline component into your project frontend.

These templates include useful boilerplate code for rendering on AWS Lambda.

Create Remotion project files[​](https://www.remotion.dev/docs/timeline/render#create-remotion-project-files "Direct link to Create Remotion project files")

-------------------------------------------------------------------------------------------------------------------------------------------------------------

Follow [these instructions](https://www.remotion.dev/docs/player-into-remotion-project)
 for how to turn your `<Player>`\-based frontend into a Remotion project.  
If you are using a SaaS template, you might already have these files, in which case you can replace them.

Using the Timeline state[​](https://www.remotion.dev/docs/timeline/render#using-the-timeline-state "Direct link to Using the Timeline state")

----------------------------------------------------------------------------------------------------------------------------------------------

In [`src/timeline/video-preview.tsx`](https://github.com/remotion-dev/timeline/blob/main/src/timeline/video-preview.tsx)
, you can see that the timeline state is being passed to the [`<Player>`](https://www.remotion.dev/docs/player)
 component.

Whenever you are rendering a video using the [server-side rendering](https://www.remotion.dev/docs/ssr)
 APIs like [`renderMediaOnLambda`](https://www.remotion.dev/docs/lambda/rendermediaonlambda)
 or [`renderMedia()`](https://www.remotion.dev/docs/renderer/render-media)
, make sure you specify the `inputProps` option and pass in the same payload that you passed to the `<Player>` component.

Note that this payload must be JSON-serializable, so you cannot pass in functions or other non-serializable values.

*   [Recommendation: Use a backend framework](https://www.remotion.dev/docs/timeline/render#recommendation-use-a-backend-framework)
    
*   [Create Remotion project files](https://www.remotion.dev/docs/timeline/render#create-remotion-project-files)
    
*   [Using the Timeline state](https://www.remotion.dev/docs/timeline/render#using-the-timeline-state)

---

# Investors | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/investors#__docusaurus_skipToContent_fallback)

Copy page

On this page

This page summarizes our situation as a company and is intended for people who expressed interest in investing in Remotion.

Our backing[​](https://www.remotion.dev/docs/investors#our-backing "Direct link to Our backing")

-------------------------------------------------------------------------------------------------

Remotion has raised a [financing round](https://www.remotion.dev/blog/seed-funding)
 in 2022 from angel investors.

As of March 2025, the round has been extended and with top-ups, we have raised a total of CHF 241.000.

Our investors are Remotion users, React fans, customers and trusted individuals from our circle.

![](https://www.remotion.dev/img/investors/foronered.png)

### For One Red

Design Studio

![](https://www.remotion.dev/img/investors/heiko.jpeg)

### Heiko Hubertz

Founder & CEO, Oxolo

![](https://www.remotion.dev/img/investors/simon.jpeg)

### Simon Schmid

Product, iubenda

![](https://www.remotion.dev/img/investors/william.jpeg)

### William Candillon

Can it be done in React Native?

![](https://www.remotion.dev/img/investors/sebastien.jpeg)

### Sébastien Lorber

This Week in React, Docusaurus

![](https://www.remotion.dev/img/investors/nick.jpeg)

### Nick Dima

Senior Engineering Manager, Musixmatch

![](https://www.remotion.dev/img/investors/steven.jpeg)

### Stephen Sullivan

Founder, Middy.com

![](https://www.remotion.dev/img/investors/dominic.jpeg)

### Dominic Monn

Founder, MentorCruise

![](https://www.remotion.dev/img/investors/jeremy.jpeg)

### Jeremy Toeman

Founder, augxlabs.com

![](https://www.remotion.dev/img/investors/robbie.jpeg)

### Robbie Zhang-Smitheran

Cameo.com

![](https://www.remotion.dev/img/investors/ilya.jpeg)

### Ilya Lyamkin

Senior Software Engineer, Spotify

![](https://www.remotion.dev/img/investors/lucas.jpeg)

### Lucas Pelloni

Co-Founder, Nestermind

![](https://www.remotion.dev/img/investors/michiel.jpeg)

### Michiel Westerbeek

Co-Founder, Tella

![](https://www.remotion.dev/img/investors/vjeux.jpg)

### Christopher Chedeau

Co-Creator of Excalidraw and React Native

![](https://www.remotion.dev/img/investors/david.jpeg)

### David Salib

Co-Founder, Momento

Our company structure[​](https://www.remotion.dev/docs/investors#our-company-structure "Direct link to Our company structure")

-------------------------------------------------------------------------------------------------------------------------------

We are incorporated in Switzerland as an Aktiengesellschaft.  
The founder team (Jonny and Mehmet) is still in control of the board seats and the vast majority of the shares.

Revenue[​](https://www.remotion.dev/docs/investors#revenue "Direct link to Revenue")

-------------------------------------------------------------------------------------

In 2024, Remotion was [slightly profitable](https://x.com/JNYBGR/status/1892128469569458199)
, and in 2025, we grew signficantly.

Fundraising[​](https://www.remotion.dev/docs/investors#fundraising "Direct link to Fundraising")

-------------------------------------------------------------------------------------------------

We are **not looking to raise** any more funding.  
This might be surprising to a lot of people, but we think it's the best for us.

*   **We are profitable** and are able to slowly grow our tech and business organically.
*   **We're getting things done** - thanks to AI we are moving faster than ever and we have volunteer and paid contributors who are helping us.
*   **We're driven by fun, independence and innovation** and are thriving not being under pressure.
*   **We are not trying to build one big product** - We are building tech that you can combine with other tools. Anyone can license our tech!
*   We're coming from **indie hacker and open source culture** - and we think being who we are is a big part of why people like Remotion.

See also: [Why we are not building Lovable for Motion Graphics](https://www.remotion.dev/docs/lovable-for-motion-graphics)

Customers[​](https://www.remotion.dev/docs/investors#customers "Direct link to Customers")

-------------------------------------------------------------------------------------------

Remotion has over 200 active customers, making us very diversified.  
Our goal is to make Remotion a framework that works for everyone, not favoring any specific customer.

Shark Tank appearance[​](https://www.remotion.dev/docs/investors#shark-tank-appearance "Direct link to Shark Tank appearance")

-------------------------------------------------------------------------------------------------------------------------------

In 2024, we [appeared on the Swiss version of Shark Tank](https://www.youtube.com/watch?v=XzY1ukohYdA)
.  
We filled in as a last-minute replacement for a startup which already got funded in the meanwhile.

We were not actively looking for a new financing round, but saw this as a great opportunity for exposing and challening ourselves.  
Keep this in mind while watching this, nonetheless this is a great watch to learn more about our company!

*   [Our backing](https://www.remotion.dev/docs/investors#our-backing)
    
*   [Our company structure](https://www.remotion.dev/docs/investors#our-company-structure)
    
*   [Revenue](https://www.remotion.dev/docs/investors#revenue)
    
*   [Fundraising](https://www.remotion.dev/docs/investors#fundraising)
    
*   [Customers](https://www.remotion.dev/docs/investors#customers)
    
*   [Shark Tank appearance](https://www.remotion.dev/docs/investors#shark-tank-appearance)

---

# Tracks, items and assets in the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#__docusaurus_skipToContent_fallback)

Copy page

On this page

The state of the Editor Starter contains different data types:

*   **Assets**: Assets refer to media files, such as images, videos, audio, GIFs and captions.
*   **Items**: Items are the data type that is represented in the timeline and rendered in the canvas. It can encapsulate an asset, be a solid, or text item.
*   **Tracks**: A track can contain multiple items. Tracks are stacked above each other, with the track showing at the top rendering the items in the front.

The relationship between these entities is as following:

*   An item may refer to up to one asset.
*   Multiple items may refer the same asset.
*   A track may contain multiple items (different types are allowed).
*   An item can only belong to one track.
*   Items in a track may not overlap.

Items[​](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#items "Direct link to Items")

--------------------------------------------------------------------------------------------------------

The type of an item is defined by the union [`EditorStarterItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20type%20EditorStarterItem&type=code)
.  
By default, there are the following items:

*   [`ImageItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+ImageItem&type=code)
    
*   [`TextItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+textItem&type=code)
    
*   [`VideoItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+videoitem&type=code)
    
*   [`GifItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+gifitem&type=code)
    
*   [`SolidItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+soliditem&type=code)
    
*   [`AudioItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+soliditem&type=code)
    
*   [`CaptionsItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+captionsitem&type=code)
    

To add a new item type, copy the logic of one of the items, change it, and add it to the [`EditorStarterItem`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20type%20EditorStarterItem&type=code)
 union.  
A lot of errors should appear when you run the typechecker in your console: `npx tsc -w`

These errors are intentional and are supposed to guide you towards where in the code you need to add implementations for certain things in order to support the new item type.

Assets[​](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#assets "Direct link to Assets")

-----------------------------------------------------------------------------------------------------------

The different asset types are defined by the union [`EditorStarterAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20type%20EditorStarterAsset&type=code)
.  
By default, there are the following items:

*   [`ImageAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+ImageAsset&type=code)
    
*   [`VideoAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+VideoAsset&type=code)
    
*   [`GifAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+GifAsset&type=code)
    
*   [`AudioAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+AudioAsset&type=code)
    
*   [`CaptionAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter+type+CaptionAsset&type=code)
    

To add a new item type, copy the logic of one of the items, change it, and add it to the [`EditorStarterAsset`](https://github.com/search?q=repo%3Aremotion-dev%2Feditor-starter%20type%20EditorStarterAsset&type=code)
 union.  
Some errors should appear when you run the type checker in your console: `npx tsc -w`

Resolve these errors to complete the implementation of your new asset type.

Inspectors[​](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#inspectors "Direct link to Inspectors")

-----------------------------------------------------------------------------------------------------------------------

Each item type has an "Inspector" component which is a React component which can be mounted in the right sidebar.  
The inspector may also show information about the asset that is associated with the item.

If no item is selected, a special inspector for the global settings is shown.  
See the source code for the [`<Inspector />` component](https://github.com/remotion-dev/editor-starter/blob/main/src/editor/inspector/inspector.tsx)
.

*   [Items](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#items)
    
*   [Assets](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#assets)
    
*   [Inspectors](https://www.remotion.dev/docs/editor-starter/tracks-items-assets#inspectors)

---

# @remotion/fonts | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/fonts-api/#__docusaurus_skipToContent_fallback)

Copy page

On this page

The `@remotion/fonts` package provides an API for [loading local fonts](https://www.remotion.dev/docs/fonts)
 or remote fonts from a URL into a Remotion component.

Installation[​](https://www.remotion.dev/docs/fonts-api/#installation "Direct link to Installation")

-----------------------------------------------------------------------------------------------------

*   Remotion CLI
*   npm
*   bun
*   pnpm
*   yarn

npx remotion add @remotion/fonts

Copy

npm i --save-exact @remotion/fonts@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/fonts@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/fonts@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/fonts@4.0.448

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

APIs[​](https://www.remotion.dev/docs/fonts-api/#apis "Direct link to APIs")

-----------------------------------------------------------------------------

The following APIs are available:

[**loadFont()**\
\
Load a font from a URL or a local file](https://www.remotion.dev/docs/fonts-api/load-font)

*   [Installation](https://www.remotion.dev/docs/fonts-api/#installation)
    
*   [APIs](https://www.remotion.dev/docs/fonts-api/#apis)

---

# Is Remotion Recorder for me? | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/recorder/is-it-for-me#__docusaurus_skipToContent_fallback)

Copy page

On this page

The Remotion Recorder is a first-of-its-kind JavaScript-based video creation tool where you are in control of the source code.

Skills required[​](https://www.remotion.dev/docs/recorder/is-it-for-me#skills-required "Direct link to Skills required")

-------------------------------------------------------------------------------------------------------------------------

To create a video with the Recorder, you need to be able to:

*   Clone a Git repository
*   Execute commands in the command line
*   Open a project in a code editor

The more skilled of a developer you are, the more you are able to customize the Recorder to your needs.

Do I need to know how to code?[​](https://www.remotion.dev/docs/recorder/is-it-for-me#do-i-need-to-know-how-to-code "Direct link to Do I need to know how to code?")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------

For creating a video in the default style, you do not need to code.  
However, the Recorder is appealing to developers, because of the customization that is possible by modifying the code.

Who is this for?[​](https://www.remotion.dev/docs/recorder/is-it-for-me#who-is-this-for "Direct link to Who is this for?")

---------------------------------------------------------------------------------------------------------------------------

The Recorder is for content creators who want to fully own their workflow and find value in the flexibility of using code to generate videos.

It works best for creators who film their face and their screen to create technical content (screencasts and courses).

The Recorder does not have a comparable feature set to traditional video editors.

For companies[​](https://www.remotion.dev/docs/recorder/is-it-for-me#for-companies "Direct link to For companies")

-------------------------------------------------------------------------------------------------------------------

The Recorder is governed under [the same license as Remotion](https://www.remotion.dev/docs/license)
.  
If you do not fall under the free license, you need subscribe to the company license to use Remotion and therefore the Recorder.

Good news: The company license includes the Remotion Recorder!  
You may claim it by logging into [remotion.pro](https://remotion.pro/)
.

*   [Skills required](https://www.remotion.dev/docs/recorder/is-it-for-me#skills-required)
    
*   [Do I need to know how to code?](https://www.remotion.dev/docs/recorder/is-it-for-me#do-i-need-to-know-how-to-code)
    
*   [Who is this for?](https://www.remotion.dev/docs/recorder/is-it-for-me#who-is-this-for)
    
*   [For companies](https://www.remotion.dev/docs/recorder/is-it-for-me#for-companies)

---

# @remotion/lambda | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/lambda#__docusaurus_skipToContent_fallback)

Copy page

On this page

[![](https://i.ytimg.com/vi/dQyPUasZY7I/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG&rs=AOn4CLCn-snZSKGnDuNkm0fIQYnQ9gJz4w)\
\
Also available as a 11min video\
\
**Integrate Remotion Lambda into your app**](https://youtu.be/dQyPUasZY7I)

Render Remotion videos on [AWS Lambda](https://aws.amazon.com/lambda/)
. This is the fastest and most scalable way to render Remotion videos.  
You only pay while you are rendering, making it very cost-effective.

When should I use it?[​](https://www.remotion.dev/docs/lambda#when-should-i-use-it "Direct link to When should I use it?")

---------------------------------------------------------------------------------------------------------------------------

*   Your videos are less than 80 minutes long at Full HD. approximately until the 15min AWS Timeout limit is hit
*   You stay within the ([AWS Lambda Concurrency Limit](https://www.remotion.dev/docs/lambda/troubleshooting/rate-limit)
    ) or you are requesting an [increase from AWS](https://www.remotion.dev/docs/lambda/troubleshooting/rate-limit)
    .
*   You are fine with using Amazon Web Services in one of the [supported regions](https://www.remotion.dev/docs/lambda/region-selection)
    .

If one of those constraints is a dealbreaker for you, resort to normal [server-side rendering](https://www.remotion.dev/docs/ssr)
 or consider using [Cloud Run](https://www.remotion.dev/docs/cloudrun)
.  
See also: [Comparison of server-side rendering options](https://www.remotion.dev/docs/compare-ssr)

How it works[​](https://www.remotion.dev/docs/lambda#how-it-works "Direct link to How it works")

-------------------------------------------------------------------------------------------------

*   A Lambda function and a S3 bucket is created on AWS.
*   A Remotion project gets deployed to a S3 bucket as a website.
*   The Lambda function gets invoked and opens the Remotion project.
*   A lot of Lambda functions are created in parallel which each render a small part of the video
*   The initial Lambda function downloads the videos and stitches them together.
*   The final video gets uploaded to S3 and is available for download.

See in more detail: [How Remotion Lambda works](https://www.remotion.dev/docs/lambda/how-lambda-works)

Architecture[​](https://www.remotion.dev/docs/lambda#architecture "Direct link to Architecture")

-------------------------------------------------------------------------------------------------

*   **Lambda function**: Requires a layer with Chromium, currently hosted by Remotion. Only one Lambda function is required, but it can execute different actions.
*   **S3 bucket**: Stores the projects, the renders, and render metadata.
*   **CLI**: Allows to control the overall architecture from the command line. Is installed by adding `@remotion/lambda` to a project.
*   **Node.JS API**: Has the same features as the CLI but is easier to use programmatically

Setup / Installation[​](https://www.remotion.dev/docs/lambda#setup--installation "Direct link to Setup / Installation")

------------------------------------------------------------------------------------------------------------------------

[**See here**](https://www.remotion.dev/docs/lambda/setup)

Region selection[​](https://www.remotion.dev/docs/lambda#region-selection "Direct link to Region selection")

-------------------------------------------------------------------------------------------------------------

The following regions are available for Remotion Lambda:

*   `eu-central-1`
*   `eu-central-2`
*   `eu-west-1`
*   `eu-west-2`
*   `eu-west-3`
*   `eu-south-1`
*   `eu-north-1`
*   `us-east-1`
*   `us-east-2`
*   `us-west-1`
*   `us-west-2`
*   `af-south-1`
*   `ap-south-1`
*   `ap-east-1`
*   `ap-southeast-1`
*   `ap-southeast-2`
*   `ap-northeast-1`
*   `ap-northeast-2`
*   `ap-northeast-3`
*   `ap-southeast-4`
*   `ap-southeast-5`
*   `ca-central-1`
*   `me-south-1`
*   `sa-east-1`

[**See here for configurations and considerations.**](https://www.remotion.dev/docs/lambda/region-selection)

Limitations[​](https://www.remotion.dev/docs/lambda#limitations "Direct link to Limitations")

----------------------------------------------------------------------------------------------

*   You only have up to 10GB of storage available in a Lambda function. This must be sufficient for both the separated chunks and the concatenated output, therefore the output file can only be about 5GB maximum, limiting the maximum video length to around 2 hours of Full HD video.
*   [Lambda has a global limit of 1000 concurrent lambdas per region by default, although it can be increased](https://www.remotion.dev/docs/lambda/troubleshooting/rate-limit)
    .
*   AV1 encoding is not available on Lambda.

Cost[​](https://www.remotion.dev/docs/lambda#cost "Direct link to Cost")

-------------------------------------------------------------------------

Most of our users render multiple minutes of video for just a few pennies. The exact cost is dependent on the region, assigned memory, type of video, parallelization and other parameters. For each render, we estimate a cost and display it to you. You might also need a Remotion license (see below).

AWS permissions[​](https://www.remotion.dev/docs/lambda#aws-permissions "Direct link to AWS permissions")

----------------------------------------------------------------------------------------------------------

Remotion Lambda requires you to create an AWS account and create a user with some permissions attached to it. We require only the minimal amount of permissions required for operating Remotion Lambda.

[**Read more about permissions**](https://www.remotion.dev/docs/lambda/permissions)

CLI[​](https://www.remotion.dev/docs/lambda#cli "Direct link to CLI")

----------------------------------------------------------------------

You can control Remotion Lambda using the `npx remotion lambda` command.

[**Read more about the CLI**](https://www.remotion.dev/docs/lambda/cli)

Node.JS API[​](https://www.remotion.dev/docs/lambda#nodejs-api "Direct link to Node.JS API")

---------------------------------------------------------------------------------------------

Everything you can do using the CLI, you can also control using Node.JS APIs. See the reference [here](https://www.remotion.dev/docs/lambda/api)
.

License[​](https://www.remotion.dev/docs/lambda#license "Direct link to License")

----------------------------------------------------------------------------------

The standard Remotion license applies: [https://github.com/remotion-dev/remotion/blob/main/LICENSE.md](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md)

Companies needing a license and using cloud rendering must set it up with Cloud Rendering Units. Please visit: [https://remotion.pro/license](https://remotion.pro/license)

Uninstalling[​](https://www.remotion.dev/docs/lambda#uninstalling "Direct link to Uninstalling")

-------------------------------------------------------------------------------------------------

We make it easy to remove all Remotion resources from your AWS account without leaving any traces or causing further costs.

[**How to uninstall Remotion Lambda**](https://www.remotion.dev/docs/lambda/uninstall)

*   [When should I use it?](https://www.remotion.dev/docs/lambda#when-should-i-use-it)
    
*   [How it works](https://www.remotion.dev/docs/lambda#how-it-works)
    
*   [Architecture](https://www.remotion.dev/docs/lambda#architecture)
    
*   [Setup / Installation](https://www.remotion.dev/docs/lambda#setup--installation)
    
*   [Region selection](https://www.remotion.dev/docs/lambda#region-selection)
    
*   [Limitations](https://www.remotion.dev/docs/lambda#limitations)
    
*   [Cost](https://www.remotion.dev/docs/lambda#cost)
    
*   [AWS permissions](https://www.remotion.dev/docs/lambda#aws-permissions)
    
*   [CLI](https://www.remotion.dev/docs/lambda#cli)
    
*   [Node.JS API](https://www.remotion.dev/docs/lambda#nodejs-api)
    
*   [License](https://www.remotion.dev/docs/lambda#license)
    
*   [Uninstalling](https://www.remotion.dev/docs/lambda#uninstalling)

---

# remotion | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/remotion#__docusaurus_skipToContent_fallback)

Copy page

On this page

A package containing the essential building blocks of expressing videos in Remotion.

Some pure functions such as [`interpolate()`](https://www.remotion.dev/docs/interpolate)
 and [`interpolateColors()`](https://www.remotion.dev/docs/interpolate-colors)
 can also be used outside of Remotion.

Installation[​](https://www.remotion.dev/docs/remotion#installation "Direct link to Installation")

---------------------------------------------------------------------------------------------------

*   npm
*   bun
*   pnpm
*   yarn

    npm i remotion

    bun i remotion

    pnpm i remotion

    yarn add remotion

API[​](https://www.remotion.dev/docs/remotion#api "Direct link to API")

------------------------------------------------------------------------

The following functions and components are exposed:

[**<Composition>**\
\
Define a video](https://www.remotion.dev/docs/composition)
[**<Still>**\
\
Define a still](https://www.remotion.dev/docs/still)
[**<Folder>**\
\
Organize compositions in the Studio sidebar](https://www.remotion.dev/docs/folder)
[**registerRoot()**\
\
Initialize a Remotion project](https://www.remotion.dev/docs/register-root)
[**useCurrentFrame()**\
\
Obtain the current time](https://www.remotion.dev/docs/use-current-frame)
[**useVideoConfig()**\
\
Get the duration, dimensions and FPS of a composition](https://www.remotion.dev/docs/use-video-config)
[**interpolate()**\
\
Map a range of values to another](https://www.remotion.dev/docs/interpolate)
[**spring()**\
\
Physics-based animation primitive](https://www.remotion.dev/docs/spring)
[**interpolateColors()**\
\
Map a range of values to colors](https://www.remotion.dev/docs/interpolate-colors)
[**measureSpring()**\
\
Determine the duration of a spring](https://www.remotion.dev/docs/measure-spring)
[**Easing**\
\
Customize animation curve of `interpolate()`](https://www.remotion.dev/docs/easing)
[**<Img>**\
\
Render an `<img>` tag and wait for it to load](https://www.remotion.dev/docs/img)
[**<Html5Video>**\
\
Synchronize a `<video>` with Remotion's time](https://www.remotion.dev/docs/html5-video)
[**<Html5Audio>**\
\
Synchronize `<audio>` with Remotion's time](https://www.remotion.dev/docs/html5-audio)
[**<OffthreadVideo>**\
\
Alternative to `<Html5Video>`](https://www.remotion.dev/docs/offthreadvideo)
[**<AnimatedImage>**\
\
Disply a GIF, AVIF or animated WebP image](https://www.remotion.dev/docs/animatedimage)
[**<IFrame>**\
\
Render an `<iframe>` tag and wait for it to load](https://www.remotion.dev/docs/iframe)
[**<Sequence>**\
\
Time-shifts it's children](https://www.remotion.dev/docs/sequence)
[**<Series>**\
\
Display contents after another](https://www.remotion.dev/docs/series)
[**<Freeze>**\
\
Freeze some content in time](https://www.remotion.dev/docs/freeze)
[**<Loop>**\
\
Play some content repeatedly](https://www.remotion.dev/docs/loop)
[**delayRender()**\
\
Block a render from continuing](https://www.remotion.dev/docs/delay-render)
[**continueRender()**\
\
Unblock a render](https://www.remotion.dev/docs/continue-render)
[**cancelRender()**\
\
Abort an error](https://www.remotion.dev/docs/cancel-render)
[**getInputProps()**\
\
Receive the user-defined input data](https://www.remotion.dev/docs/get-input-props)
[**getRemotionEnvironment()**\
\
Determine if you are currently previewing or rendering](https://www.remotion.dev/docs/get-remotion-environment)
[**staticFile()**\
\
Access file from `public/` folder](https://www.remotion.dev/docs/staticfile)
[**<AbsoluteFill>**\
\
Position content absolutely and in full size](https://www.remotion.dev/docs/absolute-fill)
[**VERSION**\
\
Get the current version of Remotion](https://www.remotion.dev/docs/version)

License[​](https://www.remotion.dev/docs/remotion#license "Direct link to License")

------------------------------------------------------------------------------------

[Remotion License](https://remotion.dev/license)

*   [Installation](https://www.remotion.dev/docs/remotion#installation)
    
*   [API](https://www.remotion.dev/docs/remotion#api)
    
*   [License](https://www.remotion.dev/docs/remotion#license)

---

# Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/enable-scss/overview#__docusaurus_skipToContent_fallback)

Copy page

On this page

This package provides a Webpack override for enabling [SCSS/SASS](https://sass-lang.com/)
 with Remotion..

Installation[​](https://www.remotion.dev/docs/enable-scss/overview#installation "Direct link to Installation")

---------------------------------------------------------------------------------------------------------------

Install `@remotion/enable-scss` as well as TailwindCSS dependencies.

*   npm
*   bun
*   pnpm
*   yarn

npm i --save-exact @remotion/enable-scss@4.0.448 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/enable-scss@4.0.448 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

bun i @remotion/enable-scss@4.0.448 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

yarn --exact add @remotion/enable-scss@4.0.448 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

Copy

This assumes you are currently using v4.0.448 of Remotion.  
Also update `remotion` and all `` `@remotion/*` `` packages to the same version.  
Remove all `^` character in front of the version numbers of it as it can lead to a version conflict.

  

warning

Pay attention to install exactly these versions.  
Newer versions may not work.

Usage[​](https://www.remotion.dev/docs/enable-scss/overview#usage "Direct link to Usage")

------------------------------------------------------------------------------------------

[Override the Webpack config](https://www.remotion.dev/docs/webpack)
 by using [`enableScss()`](https://www.remotion.dev/docs/enable-scss/enable-scss)
.

remotion.config.ts

`import {Config} from '@remotion/cli/config'; import {enableScss} from '@remotion/enable-scss'; Config.overrideWebpackConfig((currentConfiguration) => {   return enableScss(currentConfiguration); });`Copy

APIs[​](https://www.remotion.dev/docs/enable-scss/overview#apis "Direct link to APIs")

---------------------------------------------------------------------------------------

[**enableScss()**\
\
Override the Webpack config to enable SCSS](https://www.remotion.dev/docs/enable-scss/enable-scss)

*   [Installation](https://www.remotion.dev/docs/enable-scss/overview#installation)
    
*   [Usage](https://www.remotion.dev/docs/enable-scss/overview#usage)
    
*   [APIs](https://www.remotion.dev/docs/enable-scss/overview#apis)

---

# Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/config#__docusaurus_skipToContent_fallback)

Copy page

On this page

To configure Remotion, create a `remotion.config.ts` file in the root of your Remotion project.

These options will apply to CLI commands such as `npx remotion studio` and `npx remotion render`.

warning

The configuration file has no effect when using [SSR](https://www.remotion.dev/docs/renderer)
 APIs.

You can control several behaviors of Remotion here.

remotion.config.ts

`import {Config} from '@remotion/cli/config'; Config.setConcurrency(8); Config.setPixelFormat('yuv444p'); Config.setCodec('h265');`Copy

`overrideWebpackConfig()`[v1.1.0](https://github.com/remotion-dev/remotion/releases/v1.1.0)
[​](https://www.remotion.dev/docs/config#overridewebpackconfig "Direct link to overridewebpackconfig")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Allows you to insert your custom Webpack config. [See the page about custom Webpack configs](https://www.remotion.dev/docs/webpack)
 for more information.

remotion.config.ts

`Config.overrideWebpackConfig((currentConfiguration) => {   // Return a new Webpack configuration   return {     ...currentConfiguration,     // new configuration   }; });`Copy

`setCachingEnabled()`[v2.0.0](https://github.com/remotion-dev/remotion/releases/v2.0.0)
[​](https://www.remotion.dev/docs/config#setcachingenabled "Direct link to setcachingenabled")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Enable or disable Webpack caching. This flag is enabled by default, use `--bundle-cache=false` to disable caching.

remotion.config.ts

`Config.setCachingEnabled(false);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--bundle-cache)
 `--bundle-cache` will take precedence over this option.

`setStudioPort()`[v4.0.61](https://github.com/remotion-dev/remotion/releases/v4.0.61)
[​](https://www.remotion.dev/docs/config#setstudioport "Direct link to setstudioport")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set the HTTP port for the Studio.

remotion.config.ts

`Config.setStudioPort(3003);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--port)
 `--port` will take precedence over this option.

`setRendererPort()`[v4.0.61](https://github.com/remotion-dev/remotion/releases/v4.0.61)
[​](https://www.remotion.dev/docs/config#setrendererport "Direct link to setrendererport")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set the port to be used to host the Webpack bundle.

remotion.config.ts

`Config.setRendererPort(3004);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--port)
 `--port` will take precedence over this option.

`setPublicDir()`[v3.2.13](https://github.com/remotion-dev/remotion/releases/v3.2.13)
[​](https://www.remotion.dev/docs/config#setpublicdir "Direct link to setpublicdir")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Define the location of the [`public/ directory`](https://www.remotion.dev/docs/terminology/public-dir)
. If not defined, Remotion will assume the location is the \`public\` folder in your Remotion root.

remotion.config.ts

`Config.setPublicDir('./custom-public-dir');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--public-dir)
 `--public-dir` will take precedence over this option.

`setBundleOutDir()`[v4.0.426](https://github.com/remotion-dev/remotion/releases/v4.0.426)
[​](https://www.remotion.dev/docs/config#setbundleoutdir "Direct link to setbundleoutdir")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Define the location of the resulting bundle. By default it is a folder called `build`, adjacent to the [Remotion Root](https://www.remotion.dev/docs/terminology/remotion-root)
.

remotion.config.ts

`Config.setBundleOutDir('./custom-build-dir');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/bundle#--out-dir)
 `--out-dir` will take precedence over this option.

`setBenchmarkRuns()`[​](https://www.remotion.dev/docs/config#setbenchmarkruns "Direct link to setbenchmarkruns")

-----------------------------------------------------------------------------------------------------------------

Specify how many times the video should be rendered during a benchmark. Default `3`.

remotion.config.ts

`Config.setBenchmarkRuns(5);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/benchmark#--runs)
 `--runs` will take precedence over this option.

`setBenchmarkConcurrencies()`[v4.0.430](https://github.com/remotion-dev/remotion/releases/v4.0.430)
[​](https://www.remotion.dev/docs/config#setbenchmarkconcurrencies "Direct link to setbenchmarkconcurrencies")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Specify which concurrency values should be used while benchmarking. Multiple values can be passed separated by comma. Learn more about [concurrency](https://remotion.dev/docs/terminology/concurrency)
.

remotion.config.ts

`Config.setBenchmarkConcurrencies('1,4,8');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/benchmark#--concurrencies)
 `--concurrencies` will take precedence over this option.

`setEntryPoint()`[v3.2.40](https://github.com/remotion-dev/remotion/releases/v3.2.40)
[​](https://www.remotion.dev/docs/config#setentrypoint "Direct link to setentrypoint")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Sets the Remotion [entry point](https://www.remotion.dev/docs/terminology/entry-point)
, you don't have to specify it for CLI commands.

remotion.config.ts

`Config.setEntryPoint('./src/index.ts');`Copy

If you pass an entry point as a CLI argument, it will take precedence.

`setLevel()`[v2.0.1](https://github.com/remotion-dev/remotion/releases/v2.0.1)
[​](https://www.remotion.dev/docs/config#setlevel "Direct link to setlevel")

------------------------------------------------------------------------------------------------------------------------------------------------------------

Increase or decrease the amount of log messages in the CLI. Acceptable values:

*   `error`: Silent except error messages.
*   `warn`: Only showing errors and warnings.
*   `info` (_default_): Default output - besides errors and warnings, prints progress and output location.
*   `verbose`: All of the above, plus browser logs and other debug info.

remotion.config.ts

`Config.setLevel('verbose');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--log)
 `--log` will take precedence over this option.

`setMaxTimelineTracks()`[v2.1.10](https://github.com/remotion-dev/remotion/releases/v2.1.10)
[​](https://www.remotion.dev/docs/config#setmaxtimelinetracks "Direct link to setmaxtimelinetracks")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set how many tracks are being displayed in the timeline in the Studio at most. This does not affect your video, just the amount of tracks shown when previewing. Default `15`.

remotion.config.ts

`Config.setMaxTimelineTracks(20);`Copy

`setKeyboardShortcutsEnabled()`[v3.2.11](https://github.com/remotion-dev/remotion/releases/v3.2.11)
[​](https://www.remotion.dev/docs/config#setkeyboardshortcutsenabled "Direct link to setkeyboardshortcutsenabled")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Enable or disable keyboard shortcuts in the Remotion Studio.

remotion.config.ts

`Config.setKeyboardShortcutsEnabled(false);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--disable-keyboard-shortcuts)
 `--disable-keyboard-shortcuts` will take precedence over this option.

`setExperimentalClientSideRenderingEnabled()`[v4.0.387](https://github.com/remotion-dev/remotion/releases/v4.0.387)
[​](https://www.remotion.dev/docs/config#setexperimentalclientsiderenderingenabled "Direct link to setexperimentalclientsiderenderingenabled")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Enable WIP client-side rendering in the Remotion Studio. See https://www.remotion.dev/docs/client-side-rendering/ for notes.

remotion.config.ts

`Config.setExperimentalClientSideRenderingEnabled(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--enable-experimental-client-side-rendering)
 `--enable-experimental-client-side-rendering` will take precedence over this option.

`setAllowHtmlInCanvasEnabled()`[v4.0.447](https://github.com/remotion-dev/remotion/releases/v4.0.447)
[​](https://www.remotion.dev/docs/config#setallowhtmlincanvasenabled "Direct link to setallowhtmlincanvasenabled")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

When client-side rendering is enabled in the Studio, allow the experimental Chromium HTML-in-canvas API to be used for capturing frames. See [HTML-in-canvas docs](https://www.remotion.dev/docs/client-side-rendering/html-in-canvas)
.

remotion.config.ts

`Config.setAllowHtmlInCanvasEnabled(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--allow-html-in-canvas)
 `--allow-html-in-canvas` will take precedence over this option.

`setExperimentalRspackEnabled()`[v4.0.426](https://github.com/remotion-dev/remotion/releases/v4.0.426)
[​](https://www.remotion.dev/docs/config#setexperimentalrspackenabled "Direct link to setexperimentalrspackenabled")

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Use [Rspack](https://rspack.dev/)
 instead of Webpack as the bundler for the Studio. Default `false`.

remotion.config.ts

`Config.setExperimentalRspackEnabled(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--experimental-rspack)
 `--experimental-rspack` will take precedence over this option.

`setExperimentalVisualMode()`[v4.0.428](https://github.com/remotion-dev/remotion/releases/v4.0.428)
[​](https://www.remotion.dev/docs/config#setexperimentalvisualmode "Direct link to setexperimentalvisualmode")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Nothing here yet, but this is our playground for experiments.

remotion.config.ts

`Config.setExperimentalVisualMode(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--experimental-visual-mode)
 `--experimental-visual-mode` will take precedence over this option.

`setWebpackPollingInMilliseconds()`[v3.3.11](https://github.com/remotion-dev/remotion/releases/v3.3.11)
[​](https://www.remotion.dev/docs/config#setwebpackpollinginmilliseconds "Direct link to setwebpackpollinginmilliseconds")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Enables Webpack polling instead of the file system event listeners for hot reloading. This is useful if you are inside a virtual machine or have a remote file system. Pass a value in milliseconds.

remotion.config.ts

`Config.setWebpackPollingInMilliseconds(1000);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--webpack-poll)
 `--webpack-poll` will take precedence over this option.

`setNumberOfSharedAudioTags()`[v3.3.2](https://github.com/remotion-dev/remotion/releases/v3.3.2)
[​](https://www.remotion.dev/docs/config#setnumberofsharedaudiotags "Direct link to setnumberofsharedaudiotags")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set number of shared audio tags. See [Using the numberOfSharedAudioTags prop](https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop)
 for more information.

remotion.config.ts

`Config.setNumberOfSharedAudioTags(5);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--number-of-shared-audio-tags)
 `--number-of-shared-audio-tags` will take precedence over this option.

`setShouldOpenBrowser()`[v3.3.19](https://github.com/remotion-dev/remotion/releases/v3.3.19)
[​](https://www.remotion.dev/docs/config#setshouldopenbrowser "Direct link to setshouldopenbrowser")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

If specified, Remotion will not open a browser window when starting the Studio.

remotion.config.ts

`Config.setShouldOpenBrowser(false);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--no-open)
 `--no-open` will take precedence over this option.

`setBrowserExecutable()`[v1.5.0](https://github.com/remotion-dev/remotion/releases/v1.5.0)
[​](https://www.remotion.dev/docs/config#setbrowserexecutable "Direct link to setbrowserexecutable")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set a custom Chrome or Chromium executable path. By default Remotion will try to find an existing version of Chrome on your system and if not found, it will download one. This flag is useful if you don't have Chrome installed in a standard location and you want to prevent downloading an additional browser or need support for the H264 codec.

remotion.config.ts

`Config.setBrowserExecutable('/usr/bin/google-chrome-stable');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--browser-executable)
 `--browser-executable` will take precedence over this option.

`setDelayRenderTimeoutInMilliseconds()`[v2.6.3](https://github.com/remotion-dev/remotion/releases/v2.6.3)
[​](https://www.remotion.dev/docs/config#setdelayrendertimeoutinmilliseconds "Direct link to setdelayrendertimeoutinmilliseconds")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

_previously named "setTimeoutInMilliseconds"_

Define how long a single frame may take to resolve all [`delayRender()`](https://www.remotion.dev/docs/delay-render)
 calls [before it times out](https://www.remotion.dev/docs/timeout)
. Default: `30000`

remotion.config.ts

`Config.setDelayRenderTimeoutInMilliseconds(60000);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--timeout)
 `--timeout` will take precedence over this option.

`setChromiumDisableWebSecurity()`[v2.6.5](https://github.com/remotion-dev/remotion/releases/v2.6.5)
[​](https://www.remotion.dev/docs/config#setchromiumdisablewebsecurity "Direct link to setchromiumdisablewebsecurity")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

This will most notably disable CORS in Chrome among other security features.

remotion.config.ts

`Config.setChromiumDisableWebSecurity(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--disable-web-security)
 `--disable-web-security` will take precedence over this option.

`setChromiumDarkMode()`[v4.0.381](https://github.com/remotion-dev/remotion/releases/v4.0.381)
[​](https://www.remotion.dev/docs/config#setchromiumdarkmode "Direct link to setchromiumdarkmode")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Whether Chromium should pretend to be in dark mode by emulating the media feature 'prefers-color-scheme: dark'. Default is `false`.

remotion.config.ts

`Config.setChromiumDarkMode(true);`Copy

`setChromiumIgnoreCertificateErrors()`[v2.6.5](https://github.com/remotion-dev/remotion/releases/v2.6.5)
[​](https://www.remotion.dev/docs/config#setchromiumignorecertificateerrors "Direct link to setchromiumignorecertificateerrors")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Results in invalid SSL certificates in Chrome, such as self-signed ones, being ignored.

remotion.config.ts

`Config.setChromiumIgnoreCertificateErrors(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--ignore-certificate-errors)
 `--ignore-certificate-errors` will take precedence over this option.

`setChromiumHeadlessMode()`[v2.6.5](https://github.com/remotion-dev/remotion/releases/v2.6.5)
[​](https://www.remotion.dev/docs/config#setchromiumheadlessmode "Direct link to setchromiumheadlessmode")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Deprecated - will be removed in 5.0.0. With the migration to [Chrome Headless Shell](https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell)
, this option is not functional anymore.  
  
If disabled, the render will open an actual Chrome window where you can see the render happen. The default is headless mode.

remotion.config.ts

`Config.setChromiumHeadlessMode(false);`Copy

`setChromiumMultiProcessOnLinux()`[v4.0.42](https://github.com/remotion-dev/remotion/releases/v4.0.42)
[​](https://www.remotion.dev/docs/config#setchromiummultiprocessonlinux "Direct link to setchromiummultiprocessonlinux")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Removes the `--single-process` flag that gets passed to Chromium on Linux by default. This will make the render faster because multiple processes can be used, but may cause issues with some Linux distributions or if window server libraries are missing.  
Default: `false` until v4.0.136, then `true` from v4.0.137 on because newer Chrome versions don't allow rendering with the `--single-process` flag.  
This flag will be removed in Remotion v5.0.

remotion.config.ts

`Config.setChromiumMultiProcessOnLinux(true);`Copy

`setChromeMode()`[v4.0.248](https://github.com/remotion-dev/remotion/releases/v4.0.248)
[​](https://www.remotion.dev/docs/config#setchromemode "Direct link to setchromemode")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

One of `headless-shell,` `chrome-for-testing`. Default `headless-shell`. [Use `chrome-for-testing` to take advantage of GPU drivers on Linux.](https://remotion.dev/docs/miscellaneous/chrome-headless-shell)

remotion.config.ts

`Config.setChromeMode('chrome-for-testing');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--chrome-mode)
 `--chrome-mode` will take precedence over this option.

`setChromiumOpenGlRenderer()`[​](https://www.remotion.dev/docs/config#setchromiumopenglrenderer "Direct link to setchromiumopenglrenderer")

--------------------------------------------------------------------------------------------------------------------------------------------

Changelog

*   From Remotion v2.6.7 until v3.0.7, the default for Remotion Lambda was `swiftshader`, but from v3.0.8 the default is `swangle` (Swiftshader on Angle) since Chrome 101 added support for it.
*   From Remotion v2.4.3 until v2.6.6, the default was `angle`, however it turns out to have a small memory leak that could crash long Remotion renders.

Select the OpenGL renderer backend for Chromium.  
Accepted values:

*   `"angle"`
*   `"egl"`
*   `"swiftshader"`
*   `"swangle"`
*   `"vulkan"` (_from Remotion v4.0.41_)
*   `"angle-egl"` (_from Remotion v4.0.51_)

The default is `null`, letting Chrome decide, except on Lambda where the default is `"swangle"`

remotion.config.ts

`Config.setChromiumOpenGlRenderer('angle');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--gl)
 `--gl` will take precedence over this option.

`setConcurrency()`[​](https://www.remotion.dev/docs/config#setconcurrency "Direct link to setconcurrency")

-----------------------------------------------------------------------------------------------------------

How many CPU threads to use. Minimum 1. The maximum is the amount of threads you have (In Node.JS `os.cpus().length`). You can also provide a percentage value (e.g. `50%`).

remotion.config.ts

`Config.setConcurrency(8);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--concurrency)
 `--concurrency` will take precedence over this option.

tip

Try to set your concurrency to `os.cpus().length` to all the threads available on your CPU for faster rendering. The drawback is that other parts of your system might slow down.

`setVideoImageFormat()`[v4.0.0](https://github.com/remotion-dev/remotion/releases/v4.0.0)
[​](https://www.remotion.dev/docs/config#setvideoimageformat "Direct link to setvideoimageformat")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Determines which in which image format to render the frames. Either:

*   `jpeg` - the fastest option (default)
*   `png` - slower, but supports transparency
*   `none` - don't render images, just calculate audio information

remotion.config.ts

`Config.setVideoImageFormat('png');`Copy

`setStillImageFormat()`[v4.0.0](https://github.com/remotion-dev/remotion/releases/v4.0.0)
[​](https://www.remotion.dev/docs/config#setstillimageformat "Direct link to setstillimageformat")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Determines which in which image format to render the frames. Either:

*   `png` (default)
*   `jpeg`
*   `pdf`
*   `webp`

remotion.config.ts

`Config.setStillImageFormat('pdf');`Copy

`setScale()`[v2.6.7](https://github.com/remotion-dev/remotion/releases/v2.6.7)
[​](https://www.remotion.dev/docs/config#setscale "Direct link to setscale")

------------------------------------------------------------------------------------------------------------------------------------------------------------

[Scales the output frames by the factor you pass in.](https://www.remotion.dev/docs/scaling)
 For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of `1.5`. Vector elements like fonts and HTML markups will be rendered with extra details. Default: `1`.

remotion.config.ts

`Config.setScale(2);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--scale)
 `--scale` will take precedence over this option.

`setMuted()`[v3.2.1](https://github.com/remotion-dev/remotion/releases/v3.2.1)
[​](https://www.remotion.dev/docs/config#setmuted "Direct link to setmuted")

------------------------------------------------------------------------------------------------------------------------------------------------------------

Disables audio output. Default `false`.

remotion.config.ts

`Config.setMuted(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--muted)
 `--muted` will take precedence over this option.

`setDisallowParallelEncoding()`[v4.0.315](https://github.com/remotion-dev/remotion/releases/v4.0.315)
[​](https://www.remotion.dev/docs/config#setdisallowparallelencoding "Direct link to setdisallowparallelencoding")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Disallows the renderer from doing rendering frames and encoding at the same time. This makes the rendering process more memory-efficient, but possibly slower. Default `false`.

remotion.config.ts

`Config.setDisallowParallelEncoding(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--disallow-parallel-encoding)
 `--disallow-parallel-encoding` will take precedence over this option.

`setEnforceAudioTrack()`[v3.2.1](https://github.com/remotion-dev/remotion/releases/v3.2.1)
[​](https://www.remotion.dev/docs/config#setenforceaudiotrack "Direct link to setenforceaudiotrack")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Render a silent audio track if there would be none otherwise. Default `false`.

remotion.config.ts

`Config.setEnforceAudioTrack(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--enforce-audio-track)
 `--enforce-audio-track` will take precedence over this option.

`setSampleRate()`[v4.0.448](https://github.com/remotion-dev/remotion/releases/v4.0.448)
[​](https://www.remotion.dev/docs/config#setsamplerate "Direct link to setsamplerate")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Controls the sample rate of the output audio. The default is `48000` Hz. Match this to your source audio to avoid resampling artifacts.

remotion.config.ts

`Config.setSampleRate(44100);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--sample-rate)
 `--sample-rate` will take precedence over this option.

`setForSeamlessAacConcatenation()`[v4.0.123](https://github.com/remotion-dev/remotion/releases/v4.0.123)
[​](https://www.remotion.dev/docs/config#setforseamlessaacconcatenation "Direct link to setforseamlessaacconcatenation")

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

If enabled, the audio is trimmed to the nearest AAC frame, which is required for seamless concatenation of AAC files. This is a requirement if you later want to combine multiple video snippets seamlessly.  
  
This option is used internally. There is currently no documentation yet for to concatenate the audio chunks.

remotion.config.ts

`Config.setForSeamlessAacConcatenation(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--for-seamless-aac-concatenation)
 `--for-seamless-aac-concatenation` will take precedence over this option.

`setFrameRange()`[v2.0.0](https://github.com/remotion-dev/remotion/releases/v2.0.0)
[​](https://www.remotion.dev/docs/config#setframerange "Direct link to setframerange")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Render a subset of a video. Pass a single number to render a still, or a range (e.g. `0-9`) to render a subset of frames. Pass `100-` to render from frame 100 to the end.

remotion.config.ts

`Config.setFrameRange(90); // To render only the 91st frame`Copy

or

remotion.config.ts

`Config.setFrameRange([0, 20]); // Render a video only containing the first 21 frames`Copy

or

remotion.config.ts

`Config.setFrameRange([100, null]); // Render from frame 100 to the end of the composition`Copy

Pass `[number, null]` to render from a frame to the end of the composition.[v4.0.421](https://github.com/remotion-dev/remotion/releases/v4.0.421)

The [command line flag](https://www.remotion.dev/docs/cli/render#--frames)
 `--frames` will take precedence over this option.

`setJpegQuality()`[​](https://www.remotion.dev/docs/config#setjpegquality "Direct link to setjpegquality")

-----------------------------------------------------------------------------------------------------------

The JPEG quality of each frame. Must be a number between 0 and 100. Will not work if you render PNG frames. [Default: 80](https://github.com/chromium/chromium/blob/99314be8152e688bafbbf9a615536bdbb289ea87/headless/lib/browser/protocol/headless_handler.cc#L32)
.

remotion.config.ts

`Config.setJpegQuality(90);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--jpeg-quality)
 `--jpeg-quality` will take precedence over this option.

`setDotEnvLocation()`[​](https://www.remotion.dev/docs/config#setdotenvlocation "Direct link to setdotenvlocation")

--------------------------------------------------------------------------------------------------------------------

Specify a location for a dotenv file. Default `.env`.

remotion.config.ts

`Config.setDotEnvLocation('.my-env');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--env-file)
 `--env-file` will take precedence over this option.

`setEveryNthFrame()`[​](https://www.remotion.dev/docs/config#seteverynthframe "Direct link to seteverynthframe")

-----------------------------------------------------------------------------------------------------------------

This option may only be set when rendering GIFs. It determines how many frames are rendered, while the other ones get skipped in order to lower the FPS of the GIF. For example, if the `fps` is 30, and `everyNthFrame` is 2, the FPS of the GIF is `15`.

remotion.config.ts

`Config.setEveryNthFrame(2);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--every-nth-frame)
 `--every-nth-frame` will take precedence over this option.

`setNumberOfGifLoops()`[​](https://www.remotion.dev/docs/config#setnumberofgifloops "Direct link to setnumberofgifloops")

--------------------------------------------------------------------------------------------------------------------------

Allows you to set the number of loops as follows:

*   `null` (or omitting in the CLI) plays the GIF indefinitely.
*   `0` disables looping
*   `1` loops the GIF once (plays twice in total)
*   `2` loops the GIF twice (plays three times in total) and so on.

remotion.config.ts

`Config.setNumberOfGifLoops(2);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--number-of-gif-loops)
 `--number-of-gif-loops` will take precedence over this option.

`setOutputLocation()`[v3.1.6](https://github.com/remotion-dev/remotion/releases/v3.1.6)
[​](https://www.remotion.dev/docs/config#setoutputlocation "Direct link to setoutputlocation")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set the output location of the video or still, relative to the current working directory. The default is `out/{composition}.{container}`. For example, `out/HelloWorld.mp4`.

remotion.config.ts

`Config.setOutputLocation('out/video.mp4');`Copy

If you pass another argument to the render command, it will take precedence: `npx remotion render src/index.ts HelloWorld out/video.mp4`.

`setOverwriteOutput()`[​](https://www.remotion.dev/docs/config#setoverwriteoutput "Direct link to setoverwriteoutput")

-----------------------------------------------------------------------------------------------------------------------

Set this to `false` to prevent overwriting Remotion outputs when they already exists.

remotion.config.ts

`Config.setOverwriteOutput(false);`Copy

info

In version 1.x, the default behavior was inverse - Remotion would not override by default.

`setPixelFormat()`[​](https://www.remotion.dev/docs/config#setpixelformat "Direct link to setpixelformat")

-----------------------------------------------------------------------------------------------------------

Sets the pixel format in FFmpeg. See [the FFmpeg docs for an explanation](https://trac.ffmpeg.org/wiki/Chroma%20Subsampling)
. Acceptable values: "yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le".

remotion.config.ts

`Config.setPixelFormat('yuv420p');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--pixel-format)
 `--pixel-format` will take precedence over this option.

`setCodec()`[v1.4.0](https://github.com/remotion-dev/remotion/releases/v1.4.0)
[​](https://www.remotion.dev/docs/config#setcodec "Direct link to setcodec")

------------------------------------------------------------------------------------------------------------------------------------------------------------

Choose one of the supported codecs: `h264` _(default)_, `h265`, `vp8`, `vp9`, `av1`.

*   `h264` is the classic MP4 file as you know it.
*   `h265` is the successor of H264, with smaller file sizes. Also known as HEVC. Poor browser compatibility.
*   `vp8` is the codec for WebM.
*   `vp9` is the next-generation codec for WebM. Lower file size, longer compression time.
*   `av1` is the successor of VP9 and achieves lower file size, with longer compression time.
*   `prores` is a common codec if you want to import the output into another video editing program _(available from v2.1.6)_
*   `mp3` will export audio only as an MP3 file _(available from v2.0)_
*   `wav` will export audio only as an WAV file _(available from v2.0)_
*   `aac` will export audio only as an AAC file _(available from v2.0)_

`AV1` is not available on Remotion Lambda or Linux ARM64 GNU. See the [Encoding guide](https://www.remotion.dev/docs/encoding)
 for details.

remotion.config.ts

`Config.setCodec('h265');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--codec)
 `--codec` will take precedence over this option.

**See also**: [Encoding guide](https://www.remotion.dev/docs/encoding)

`setAudioCodec()`[​](https://www.remotion.dev/docs/config#setaudiocodec "Direct link to setaudiocodec")

--------------------------------------------------------------------------------------------------------

remotion.config.ts

`Config.setAudioCodec('pcm-16');`Copy

Choose the encoding of your audio.

*   The default is dependent on the chosen `codec`.
*   Choose `pcm-16` if you need uncompressed audio.
*   Not all video containers support all audio codecs.
*   This option takes precedence if the `codec` option also specifies an audio codec.

The [command line flag](https://www.remotion.dev/docs/cli/render#--audio-codec)
 `--audio-codec` will take precedence over this option.

Refer to the [Encoding guide](https://www.remotion.dev/docs/encoding)
 to see defaults and supported combinations.

`setProResProfile()`[v2.1.6](https://github.com/remotion-dev/remotion/releases/v2.1.6)
[​](https://www.remotion.dev/docs/config#setproresprofile "Direct link to setproresprofile")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set the ProRes profile. This option is only valid if the codec has been set to `prores`. Possible values: "4444-xq", "4444", "hq", "standard", "light", "proxy". Default: `"hq"`. See [here](https://video.stackexchange.com/a/14715)
 for an explanation of possible values.

remotion.config.ts

`Config.setProResProfile('4444');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--prores-profile)
 `--prores-profile` will take precedence over this option.

`setX264Preset()`[v4.2.2](https://github.com/remotion-dev/remotion/releases/v4.2.2)
[​](https://www.remotion.dev/docs/config#setx264preset "Direct link to setx264preset")

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set the Preset profile. This option is only valid if the codec has been set to `h264`. Possible values: `superfast`, `veryfast`, `faster`, `fast`, `medium`, `slow`, `slower`, `veryslow`, `placebo`, Default: `medium`

remotion.config.ts

`Config.setX264Preset('fast');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--x264-preset)
 `--x264-preset` will take precedence over this option.

**See also**: [Encoding guide](https://www.remotion.dev/docs/encoding)
, [Transparent videos](https://www.remotion.dev/docs/transparent-videos)

`setImageSequence()`[v1.4.0](https://github.com/remotion-dev/remotion/releases/v1.4.0)
[​](https://www.remotion.dev/docs/config#setimagesequence "Direct link to setimagesequence")

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Pass this flag to output an image sequence instead of a video. The default image format is JPEG. See [`setImageSequence()`](https://www.remotion.dev/docs/config#setimagesequence)
 for more details.

remotion.config.ts

`Config.setImageSequence(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--sequence)
 `--sequence` will take precedence over this option.

`overrideHeight()`[v3.2.40](https://github.com/remotion-dev/remotion/releases/v3.2.40)
[​](https://www.remotion.dev/docs/config#overrideheight "Direct link to overrideheight")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Overrides the height of the composition.

remotion.config.ts

`Config.overrideHeight(600);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--height)
 `--height` will take precedence over this option.

`overrideWidth()`[v3.2.40](https://github.com/remotion-dev/remotion/releases/v3.2.40)
[​](https://www.remotion.dev/docs/config#overridewidth "Direct link to overridewidth")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Overrides the width of the composition.

remotion.config.ts

`Config.overrideWidth(900);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--width)
 `--width` will take precedence over this option.

`overrideFps()`[v4.0.424](https://github.com/remotion-dev/remotion/releases/v4.0.424)
[​](https://www.remotion.dev/docs/config#overridefps "Direct link to overridefps")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Overrides the frames per second of the composition.

remotion.config.ts

`Config.overrideFps(25);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--fps)
 `--fps` will take precedence over this option.

`overrideDuration()`[v4.0.424](https://github.com/remotion-dev/remotion/releases/v4.0.424)
[​](https://www.remotion.dev/docs/config#overrideduration "Direct link to overrideduration")

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Overrides the duration in frames of the composition.

remotion.config.ts

`Config.overrideDuration(300);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--duration)
 `--duration` will take precedence over this option.

`setCrf()`[v1.4.0](https://github.com/remotion-dev/remotion/releases/v1.4.0)
[​](https://www.remotion.dev/docs/config#setcrf "Direct link to setcrf")

------------------------------------------------------------------------------------------------------------------------------------------------------

The "Constant Rate Factor" (CRF) of the output. [Use this setting to tell FFmpeg how to trade off size and quality.](https://www.remotion.dev/docs/encoding#controlling-quality-using-the-crf-setting)

Ranges for CRF scale, by codec:

*   `h264` crf range is 1-51 where crf 18 is _default_.
*   `h265` crf range is 0-51 where crf 23 is _default_.
*   `vp8` crf range is 4-63 where crf 9 is _default_.
*   `vp9` crf range is 0-63 where crf 28 is _default_.
*   `av1` crf range is 0-63 where crf 30 is _default_.

The lowest value is lossless, and the highest value is the worst quality possible. Higher values decrease the filesize at the cost of quality.

The range is exponential, so increasing the CRF value +6 results in roughly half the bitrate / file size, while -6 leads to roughly twice the bitrate.

Choose the highest CRF value that still provides an acceptable quality. If the output looks good, then try a higher value. If it looks bad, choose a lower value.

remotion.config.ts

`Config.setCrf(16);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--crf)
 `--crf` will take precedence over this option.

note

If you enable [hardware acceleration](https://www.remotion.dev/docs/hardware-acceleration)
, you cannot set a `crf`. Use the [`setVideoBitrate()`](https://www.remotion.dev/docs/config#setvideobitrate)
 option instead.

`setVideoBitrate()`[v3.2.32](https://github.com/remotion-dev/remotion/releases/v3.2.32)
[​](https://www.remotion.dev/docs/config#setvideobitrate "Direct link to setvideobitrate")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Specify the target bitrate for the generated video. The syntax for FFmpeg's`-b:v` parameter should be used. FFmpeg may encode the video in a way that will not result in the exact video bitrate specified. Example values: `512K` for 512 kbps, `1M` for 1 Mbps.  
  

remotion.config.ts

`Config.setVideoBitrate('1M');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--video-bitrate)
 `--video-bitrate` will take precedence over this option.

`setEncodingBufferSize()`[v4.0.78](https://github.com/remotion-dev/remotion/releases/v4.0.78)
[​](https://www.remotion.dev/docs/config#setencodingbuffersize "Direct link to setencodingbuffersize")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

The value for the `-bufsize` flag of FFmpeg. Should be used in conjunction with the encoding max rate flag.  
  

remotion.config.ts

`Config.setEncodingBufferSize('10000k');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--buffer-size)
 `--buffer-size` will take precedence over this option.

`setEncodingMaxRate()`[v4.0.78](https://github.com/remotion-dev/remotion/releases/v4.0.78)
[​](https://www.remotion.dev/docs/config#setencodingmaxrate "Direct link to setencodingmaxrate")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

The value for the `-maxrate` flag of FFmpeg. Should be used in conjunction with the encoding buffer size flag.  
  

remotion.config.ts

`Config.setEncodingMaxRate('5000k');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--max-rate)
 `--max-rate` will take precedence over this option.

`setAudioBitrate()`[v3.2.32](https://github.com/remotion-dev/remotion/releases/v3.2.32)
[​](https://www.remotion.dev/docs/config#setaudiobitrate "Direct link to setaudiobitrate")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Specify the target bitrate for the generated video. The syntax for FFmpeg's `-b:a` parameter should be used. FFmpeg may encode the video in a way that will not result in the exact audio bitrate specified. Example values: `512K` for 512 kbps, `1M` for 1 Mbps. Default: `320k`  
  

remotion.config.ts

`Config.setAudioBitrate('128K');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--audio-bitrate)
 `--audio-bitrate` will take precedence over this option.

`setAudioLatencyHint()`[v4.0.303](https://github.com/remotion-dev/remotion/releases/v4.0.303)
[​](https://www.remotion.dev/docs/config#setaudiolatencyhint "Direct link to setaudiolatencyhint")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Sets the [audio latency](https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext)
 hint for the global `AudioContext` context that Remotion uses to play audio.  
Possible values: `interactive`, `balanced`, `playback`  
  

remotion.config.ts

`Config.setAudioLatencyHint('interactive');`Copy

The `--audio-latency-hint` command line flag will take precedence over this option.

`setEnableFolderExpiry()`[v4.0.32](https://github.com/remotion-dev/remotion/releases/v4.0.32)
[​](https://www.remotion.dev/docs/config#setenablefolderexpiry "Direct link to setenablefolderexpiry")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

When deploying sites, enable or disable S3 Lifecycle policies which allow for renders to auto-delete after a certain time. Default is `null`, which does not change any lifecycle policies of the S3 bucket. See: [Lambda autodelete](https://www.remotion.dev/docs/lambda/autodelete)
.  

remotion.config.ts

`Config.setEnableFolderExpiry(true);`Copy

`setLambdaInsights()`[v4.0.115](https://github.com/remotion-dev/remotion/releases/v4.0.115)
[​](https://www.remotion.dev/docs/config#setlambdainsights "Direct link to setlambdainsights")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Enable [Lambda Insights in AWS CloudWatch](https://remotion.dev/docs/lambda/insights)
. For this to work, you may have to update your role permission.  
  

remotion.config.ts

`Config.setLambdaInsights(true);`Copy

`setDeleteAfter()`[v4.0.32](https://github.com/remotion-dev/remotion/releases/v4.0.32)
[​](https://www.remotion.dev/docs/config#setdeleteafter "Direct link to setdeleteafter")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Automatically delete the render after a certain period. Accepted values are `1-day`, `3-days`, `7-days` and `30-days`.  
For this to work, your bucket needs to have [lifecycles enabled](https://www.remotion.dev/docs/lambda/autodelete)
.  
  

remotion.config.ts

`Config.setDeleteAfter('3-days');`Copy

`setBeepOnFinish()`[v4.0.84](https://github.com/remotion-dev/remotion/releases/v4.0.84)
[​](https://www.remotion.dev/docs/config#setbeeponfinish "Direct link to setbeeponfinish")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Whether the Remotion Studio tab should beep when the render is finished.  
  

remotion.config.ts

`Config.setBeepOnFinish(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--beep-on-finish)
 `--beep-on-finish` will take precedence over this option.

`setEnableCrossSiteIsolation()`[v4.0.306](https://github.com/remotion-dev/remotion/releases/v4.0.306)
[​](https://www.remotion.dev/docs/config#setenablecrosssiteisolation "Direct link to setenablecrosssiteisolation")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Enable Cross-Site Isolation in the Studio (sets Cross-Origin-Opener-Policy and Cross-Origin-Embedder-Policy HTTP headers, required for `@remotion/whisper-web`).  
  

remotion.config.ts

`Config.setEnableCrossSiteIsolation(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--cross-site-isolation)
 `--cross-site-isolation` will take precedence over this option.

`setAskAIEnabled()`[v4.0.407](https://github.com/remotion-dev/remotion/releases/v4.0.407)
[​](https://www.remotion.dev/docs/config#setaskaienabled "Direct link to setaskaienabled")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

If the Cmd + I shortcut of the Ask AI modal conflicts with your Studio, you can disable it using this.  
  

remotion.config.ts

`Config.setAskAIEnabled(false);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--disable-ask-ai)
 `--disable-ask-ai` will take precedence over this option.

`setForceNewStudioEnabled()`[v4.0.421](https://github.com/remotion-dev/remotion/releases/v4.0.421)
[​](https://www.remotion.dev/docs/config#setforcenewstudioenabled "Direct link to setforcenewstudioenabled")

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Forces starting a new Studio instance even if one is already running on the same port for the same project.  
  

remotion.config.ts

`Config.setForceNewStudioEnabled(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--force-new)
 `--force-new` will take precedence over this option.

`setIPv4()`[v4.0.125](https://github.com/remotion-dev/remotion/releases/v4.0.125)
[​](https://www.remotion.dev/docs/config#setipv4 "Direct link to setipv4")

-------------------------------------------------------------------------------------------------------------------------------------------------------------

Forces Remotion to bind to an IPv4 interface for the Studio server.  
  

remotion.config.ts

`Config.setIPv4(true);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--ipv4)
 `--ipv4` will take precedence over this option.

`setBufferStateDelayInMilliseconds()`[v4.0.111](https://github.com/remotion-dev/remotion/releases/v4.0.111)
[​](https://www.remotion.dev/docs/config#setbufferstatedelayinmilliseconds "Direct link to setbufferstatedelayinmilliseconds")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Set the amount of milliseconds after which the Player in the Studio will display a buffering UI after the Player has entered a buffer state. Default `300`.

remotion.config.ts

`Config.setBufferStateDelayInMilliseconds(0);`Copy

`setBinariesDirectory()`[v4.0.120](https://github.com/remotion-dev/remotion/releases/v4.0.120)
[​](https://www.remotion.dev/docs/config#setbinariesdirectory "Direct link to setbinariesdirectory")

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

The directory where the platform-specific binaries and libraries that Remotion needs are located. Those include an `ffmpeg` and `ffprobe` binary, a Rust binary for various tasks, and various shared libraries. If the value is set to `null`, which is the default, then the path of a platform-specific package located at `node_modules/@remotion/compositor-*` is selected.  
This option is useful in environments where Remotion is not officially supported to run like bundled serverless functions or Electron.  
  

remotion.config.ts

`Config.setBinariesDirectory('/path/to/custom/directory');`Copy

`setPreferLosslessAudio()`[v4.0.123](https://github.com/remotion-dev/remotion/releases/v4.0.123)
[​](https://www.remotion.dev/docs/config#setpreferlosslessaudio "Direct link to setpreferlosslessaudio")

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Uses a lossless audio codec, if one is available for the codec. If you set`audioCodec`, it takes priority over `preferLossless`.  
  

remotion.config.ts

`Config.setPreferLosslessAudio(true);`Copy

`setHardwareAcceleration()`[v4.0.228](https://github.com/remotion-dev/remotion/releases/v4.0.228)
[​](https://www.remotion.dev/docs/config#sethardwareacceleration "Direct link to sethardwareacceleration")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

One of "disable", "if-possible", or "required" . Default "disable". Encode using a hardware-accelerated encoder if available. If set to "required" and no hardware-accelerated encoder is available, then the render will fail.  
  

remotion.config.ts

`Config.setHardwareAcceleration('if-possible');`Copy

`overrideFfmpegCommand()`[v3.2.22](https://github.com/remotion-dev/remotion/releases/v3.2.22)
[​](https://www.remotion.dev/docs/config#overrideffmpegcommand "Direct link to overrideffmpegcommand")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Modifies the FFmpeg command that Remotion uses under the hood. It works reducer-style, meaning that you pass a function that takes a command as an argument and returns a new command.

remotion.config.ts

`Config.overrideFfmpegCommand(({args}) => {   // Define the custom FFmpeg options as an array of strings   const customFfmpegOptions = ['-profile:v', 'main', '-video_track_timescale', '90000', '-color_primaries', 'bt709', '-color_trc', 'bt709', '-strict', 'experimental'];   // The customFfmpegOptions are inserted before the last element to ensure   // they appear before the ffmpeg's output path   args.splice(args.length - 1, 0, ...customFfmpegOptions);   return args; });`Copy

The function you pass must accept an object as it's only parameter which contains the following properties:

*   `type`: Either `"stitcher"` or `"pre-stitcher"`. If enough memory and CPU is available, Remotion may use a two-pass process for the video generation. `pre-stitcher` is the encoding phase and `stitcher` is the muxing phase. If the override function is only called once with `stitcher`, then encoding and muxing is done in the same step. You can tell whether parallel encoding is enabled by adding `--log=verbose` to your render command.
*   `args`: An array of strings that is passed as arguments to the FFmpeg command.

Your function must return a modified array of strings.

warning

Using this feature is discouraged. Before using it, we want to make you aware of some caveats:

*   The render command can change with any new Remotion version, even when it is a patch upgrade. This might break your usage of this feature.
*   Depending on the selected codec, available CPU and RAM, Remotion may or may not use "parallel encoding" which will result in multiple FFmpeg commands being executed. Your function must be able to handle being called multiple times.
*   The FFmpeg binary provided by Remotion supports only a small subset of FFmpeg commands, therefore not every passed option will be applied.
*   This feature is not available when using Remotion Lambda.

Before you use this hack, reach out to the Remotion team on [Discord](https://remotion.dev/discord)
 and ask us if we are open to implement the feature you need in a clean way - we often do implement new features quickly based on users feedback.

`setPublicLicenseKey()`[v4.0.398](https://github.com/remotion-dev/remotion/releases/v4.0.398)
[​](https://www.remotion.dev/docs/config#setpubliclicensekey "Direct link to setpubliclicensekey")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

The public license key for your company license, obtained from the License keys page on [remotion.pro](https://remotion.pro/dashboard)
. If you are eligible for the free license, pass "free-license".  
  

remotion.config.ts

`Config.setPublicLicenseKey('your-license-key');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/studio#--public-license-key)
 `--public-license-key` will take precedence over this option.

`setImageSequencePattern()`[​](https://www.remotion.dev/docs/config#setimagesequencepattern "Direct link to setimagesequencepattern")

--------------------------------------------------------------------------------------------------------------------------------------

Pattern for naming image sequence files. Supports `[frame]` for the zero-padded frame number and `[ext]` for the file extension.

remotion.config.ts

`Config.setImageSequencePattern('frame_[frame]_custom.[ext]');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--image-sequence-pattern)
 `--image-sequence-pattern` will take precedence over this option.

~`setQuality()`~[​](https://www.remotion.dev/docs/config#setquality "Direct link to setquality")

-------------------------------------------------------------------------------------------------

Renamed to `setJpegQuality` in `v4.0.0`.

~`setFfmpegExecutable()`~[​](https://www.remotion.dev/docs/config#setffmpegexecutable "Direct link to setffmpegexecutable")

----------------------------------------------------------------------------------------------------------------------------

_removed in v4.0_

Allows you to use a custom FFmpeg binary. Must be an absolute path. By default, this is null and the FFmpeg in `PATH` will be used.

remotion.config.ts

`Config.setFfmpegExecutable('/path/to/custom/ffmpeg');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--ffmpeg-executable)
 `--ffmpeg-executable` will take precedence over this option.

~`setFfprobeExecutable()`~[​](https://www.remotion.dev/docs/config#setffprobeexecutable "Direct link to setffprobeexecutable")

-------------------------------------------------------------------------------------------------------------------------------

_removed in v4.0_

Allows you to use a custom `ffprobe` binary. Must be an absolute path. By default, this is null and the `ffprobe` in `PATH` will be used.

remotion.config.ts

`Config.setFfprobeExecutable('/path/to/custom/ffprobe');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--ffprobe-executable-)
 `--ffprobe-executable` will take precedence over this option.

~`setPort()`~[​](https://www.remotion.dev/docs/config#setport "Direct link to setport")

----------------------------------------------------------------------------------------

_deprecated in v4.0.61 - use [`setStudioPort()`](https://www.remotion.dev/docs/config#setstudioport)
_ and [`setRendererPort()`](https://www.remotion.dev/docs/config#setrendererport)
 instead.

Define on which port Remotion should start it's HTTP servers.  
By default, Remotion will try to find a free port.  
If you specify a port, but it's not available, Remotion will throw an error.

warning

Setting this option will break rendering in the Remotion Studio, because this option controls two settings at the same time:

*   When starting the [Remotion Studio](https://www.remotion.dev/docs/terminology/studio)
    , a server will be started to host it ([`setStudioPort()`](https://www.remotion.dev/docs/config#setstudioport)
    ).
*   During rendering, a HTTP server is also started in the background to serve the Webpack [bundle](https://www.remotion.dev/docs/terminology/bundle)
     ([`setRendererPort()`](https://www.remotion.dev/docs/config#setrendererport)
    ).

Use the options individually.

remotion.config.ts

`Config.setPort(3003);`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--port)
 `--port` will take precedence over this option. If set on `npx remotion studio`, it will set the Studio port, otherwise the renderer port.

~`setOutputFormat()`~[​](https://www.remotion.dev/docs/config#setoutputformat "Direct link to setoutputformat")

----------------------------------------------------------------------------------------------------------------

_Removed in v4.0.0_ _Deprecated_. Use `setCodec()` and `setImageSequence()` instead.

Either `'mp4'` or `'png-sequence'`.

remotion.config.ts

`import {Config} from '@remotion/cli/config'; // ---cut--- Config.setOutputFormat('mp4');`Copy

The [command line flags](https://www.remotion.dev/docs/cli)
 `--sequence` and `--codec` will take precedence over this option.

The [command line flag](https://www.remotion.dev/docs/cli)
 `--quality` will take precedence over this option.

~`setImageFormat()`~[v1.4.0](https://github.com/remotion-dev/remotion/releases/v1.4.0)
[​](https://www.remotion.dev/docs/config#setimageformat "Direct link to setimageformat")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

_Removed in v4.0_

Replaced in v4.0 with `setVideoImageFormat()` and `setStillImageFormat()`

Determines which in which image format to render the frames. Either:

*   `jpeg` - the fastest option (default from v1.1)
*   `png` - slower, but supports transparency
*   `none` - don't render images, just calculate audio information (available from v2.0)

remotion.config.ts

`import {Config} from '@remotion/cli/config'; // ---cut--- Config.setImageFormat('png');`Copy

The [command line flag](https://www.remotion.dev/docs/cli/render#--image-format)
 `--image-format` will take precedence over this option.

Importing ES Modules[​](https://www.remotion.dev/docs/config#importing-es-modules "Direct link to Importing ES Modules")

-------------------------------------------------------------------------------------------------------------------------

The [config file](https://www.remotion.dev/docs/config)
 gets executed in a CommonJS environment. If you want to import ES modules to override the Webpack config, you can pass an async function to `Config.overrideWebpackConfig()`:

remotion.config.ts

`import {Config} from '@remotion/cli/config'; Config.overrideWebpackConfig(async (currentConfiguration) => {   const {enableSass} = await import('./src/enable-sass');   return enableSass(currentConfiguration); });`Copy

Old config file format[​](https://www.remotion.dev/docs/config#old-config-file-format "Direct link to Old config file format")

-------------------------------------------------------------------------------------------------------------------------------

In v3.3.39, a new config file format was introduced which flattens the options so they can more easily be discovered using TypeScript autocompletion.

Previously, each config option was two levels deep:

remotion.config.ts

`Config.Bundling.setCachingEnabled(false);`Copy

From v3.3.39 on, all options can be accessed directly from the `Config` object.

remotion.config.ts

`Config.setCachingEnabled(false);`Copy

The old way is deprecated, but will work for the foreseeable future.

See also[​](https://www.remotion.dev/docs/config#see-also "Direct link to See also")

-------------------------------------------------------------------------------------

*   [Encoding guide](https://www.remotion.dev/docs/encoding)
    

*   [`overrideWebpackConfig()`](https://www.remotion.dev/docs/config#overridewebpackconfig)
    
*   [`setCachingEnabled()`](https://www.remotion.dev/docs/config#setcachingenabled)
    
*   [`setStudioPort()`](https://www.remotion.dev/docs/config#setstudioport)
    
*   [`setRendererPort()`](https://www.remotion.dev/docs/config#setrendererport)
    
*   [`setPublicDir()`](https://www.remotion.dev/docs/config#setpublicdir)
    
*   [`setBundleOutDir()`](https://www.remotion.dev/docs/config#setbundleoutdir)
    
*   [`setBenchmarkRuns()`](https://www.remotion.dev/docs/config#setbenchmarkruns)
    
*   [`setBenchmarkConcurrencies()`](https://www.remotion.dev/docs/config#setbenchmarkconcurrencies)
    
*   [`setEntryPoint()`](https://www.remotion.dev/docs/config#setentrypoint)
    
*   [`setLevel()`](https://www.remotion.dev/docs/config#setlevel)
    
*   [`setMaxTimelineTracks()`](https://www.remotion.dev/docs/config#setmaxtimelinetracks)
    
*   [`setKeyboardShortcutsEnabled()`](https://www.remotion.dev/docs/config#setkeyboardshortcutsenabled)
    
*   [`setExperimentalClientSideRenderingEnabled()`](https://www.remotion.dev/docs/config#setexperimentalclientsiderenderingenabled)
    
*   [`setAllowHtmlInCanvasEnabled()`](https://www.remotion.dev/docs/config#setallowhtmlincanvasenabled)
    
*   [`setExperimentalRspackEnabled()`](https://www.remotion.dev/docs/config#setexperimentalrspackenabled)
    
*   [`setExperimentalVisualMode()`](https://www.remotion.dev/docs/config#setexperimentalvisualmode)
    
*   [`setWebpackPollingInMilliseconds()`](https://www.remotion.dev/docs/config#setwebpackpollinginmilliseconds)
    
*   [`setNumberOfSharedAudioTags()`](https://www.remotion.dev/docs/config#setnumberofsharedaudiotags)
    
*   [`setShouldOpenBrowser()`](https://www.remotion.dev/docs/config#setshouldopenbrowser)
    
*   [`setBrowserExecutable()`](https://www.remotion.dev/docs/config#setbrowserexecutable)
    
*   [`setDelayRenderTimeoutInMilliseconds()`](https://www.remotion.dev/docs/config#setdelayrendertimeoutinmilliseconds)
    
*   [`setChromiumDisableWebSecurity()`](https://www.remotion.dev/docs/config#setchromiumdisablewebsecurity)
    
*   [`setChromiumDarkMode()`](https://www.remotion.dev/docs/config#setchromiumdarkmode)
    
*   [`setChromiumIgnoreCertificateErrors()`](https://www.remotion.dev/docs/config#setchromiumignorecertificateerrors)
    
*   [`setChromiumHeadlessMode()`](https://www.remotion.dev/docs/config#setchromiumheadlessmode)
    
*   [`setChromiumMultiProcessOnLinux()`](https://www.remotion.dev/docs/config#setchromiummultiprocessonlinux)
    
*   [`setChromeMode()`](https://www.remotion.dev/docs/config#setchromemode)
    
*   [`setChromiumOpenGlRenderer()`](https://www.remotion.dev/docs/config#setchromiumopenglrenderer)
    
*   [`setConcurrency()`](https://www.remotion.dev/docs/config#setconcurrency)
    
*   [`setVideoImageFormat()`](https://www.remotion.dev/docs/config#setvideoimageformat)
    
*   [`setStillImageFormat()`](https://www.remotion.dev/docs/config#setstillimageformat)
    
*   [`setScale()`](https://www.remotion.dev/docs/config#setscale)
    
*   [`setMuted()`](https://www.remotion.dev/docs/config#setmuted)
    
*   [`setDisallowParallelEncoding()`](https://www.remotion.dev/docs/config#setdisallowparallelencoding)
    
*   [`setEnforceAudioTrack()`](https://www.remotion.dev/docs/config#setenforceaudiotrack)
    
*   [`setSampleRate()`](https://www.remotion.dev/docs/config#setsamplerate)
    
*   [`setForSeamlessAacConcatenation()`](https://www.remotion.dev/docs/config#setforseamlessaacconcatenation)
    
*   [`setFrameRange()`](https://www.remotion.dev/docs/config#setframerange)
    
*   [`setJpegQuality()`](https://www.remotion.dev/docs/config#setjpegquality)
    
*   [`setDotEnvLocation()`](https://www.remotion.dev/docs/config#setdotenvlocation)
    
*   [`setEveryNthFrame()`](https://www.remotion.dev/docs/config#seteverynthframe)
    
*   [`setNumberOfGifLoops()`](https://www.remotion.dev/docs/config#setnumberofgifloops)
    
*   [`setOutputLocation()`](https://www.remotion.dev/docs/config#setoutputlocation)
    
*   [`setOverwriteOutput()`](https://www.remotion.dev/docs/config#setoverwriteoutput)
    
*   [`setPixelFormat()`](https://www.remotion.dev/docs/config#setpixelformat)
    
*   [`setCodec()`](https://www.remotion.dev/docs/config#setcodec)
    
*   [`setAudioCodec()`](https://www.remotion.dev/docs/config#setaudiocodec)
    
*   [`setProResProfile()`](https://www.remotion.dev/docs/config#setproresprofile)
    
*   [`setX264Preset()`](https://www.remotion.dev/docs/config#setx264preset)
    
*   [`setImageSequence()`](https://www.remotion.dev/docs/config#setimagesequence)
    
*   [`overrideHeight()`](https://www.remotion.dev/docs/config#overrideheight)
    
*   [`overrideWidth()`](https://www.remotion.dev/docs/config#overridewidth)
    
*   [`overrideFps()`](https://www.remotion.dev/docs/config#overridefps)
    
*   [`overrideDuration()`](https://www.remotion.dev/docs/config#overrideduration)
    
*   [`setCrf()`](https://www.remotion.dev/docs/config#setcrf)
    
*   [`setVideoBitrate()`](https://www.remotion.dev/docs/config#setvideobitrate)
    
*   [`setEncodingBufferSize()`](https://www.remotion.dev/docs/config#setencodingbuffersize)
    
*   [`setEncodingMaxRate()`](https://www.remotion.dev/docs/config#setencodingmaxrate)
    
*   [`setAudioBitrate()`](https://www.remotion.dev/docs/config#setaudiobitrate)
    
*   [`setAudioLatencyHint()`](https://www.remotion.dev/docs/config#setaudiolatencyhint)
    
*   [`setEnableFolderExpiry()`](https://www.remotion.dev/docs/config#setenablefolderexpiry)
    
*   [`setLambdaInsights()`](https://www.remotion.dev/docs/config#setlambdainsights)
    
*   [`setDeleteAfter()`](https://www.remotion.dev/docs/config#setdeleteafter)
    
*   [`setBeepOnFinish()`](https://www.remotion.dev/docs/config#setbeeponfinish)
    
*   [`setEnableCrossSiteIsolation()`](https://www.remotion.dev/docs/config#setenablecrosssiteisolation)
    
*   [`setAskAIEnabled()`](https://www.remotion.dev/docs/config#setaskaienabled)
    
*   [`setForceNewStudioEnabled()`](https://www.remotion.dev/docs/config#setforcenewstudioenabled)
    
*   [`setIPv4()`](https://www.remotion.dev/docs/config#setipv4)
    
*   [`setBufferStateDelayInMilliseconds()`](https://www.remotion.dev/docs/config#setbufferstatedelayinmilliseconds)
    
*   [`setBinariesDirectory()`](https://www.remotion.dev/docs/config#setbinariesdirectory)
    
*   [`setPreferLosslessAudio()`](https://www.remotion.dev/docs/config#setpreferlosslessaudio)
    
*   [`setHardwareAcceleration()`](https://www.remotion.dev/docs/config#sethardwareacceleration)
    
*   [`overrideFfmpegCommand()`](https://www.remotion.dev/docs/config#overrideffmpegcommand)
    
*   [`setPublicLicenseKey()`](https://www.remotion.dev/docs/config#setpubliclicensekey)
    
*   [`setImageSequencePattern()`](https://www.remotion.dev/docs/config#setimagesequencepattern)
    
*   [~`setQuality()`~](https://www.remotion.dev/docs/config#setquality)
    
*   [~`setFfmpegExecutable()`~](https://www.remotion.dev/docs/config#setffmpegexecutable)
    
*   [~`setFfprobeExecutable()`~](https://www.remotion.dev/docs/config#setffprobeexecutable)
    
*   [~`setPort()`~](https://www.remotion.dev/docs/config#setport)
    
*   [~`setOutputFormat()`~](https://www.remotion.dev/docs/config#setoutputformat)
    
*   [~`setImageFormat()`~](https://www.remotion.dev/docs/config#setimageformat)
    
*   [Importing ES Modules](https://www.remotion.dev/docs/config#importing-es-modules)
    
*   [Old config file format](https://www.remotion.dev/docs/config#old-config-file-format)
    
*   [See also](https://www.remotion.dev/docs/config#see-also)

---

# Transforms | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/transforms#__docusaurus_skipToContent_fallback)

Copy page

On this page

Also available as a 9min video

**The 5 basic transformations**

Animation occurs when the visual properties of an element transform over time. Let's look at five common ways to transform an element.

Already familiar with how to apply CSS transforms in React? [Skip this page](https://www.remotion.dev/docs/animating-properties)
.

The 5 basic transformations[​](https://www.remotion.dev/docs/transforms#the-5-basic-transformations "Direct link to The 5 basic transformations")

--------------------------------------------------------------------------------------------------------------------------------------------------

From left to right: Opacity, Scale, Skew, Translate, Rotate

### Opacity[​](https://www.remotion.dev/docs/transforms#opacity "Direct link to Opacity")

The opacity determines how visible the element is. `0` means fully invisible, `1` means fully visible. Values inbetween will make the element semi-transparent, and elements underneath will be visible.

You can set the opacity of an element using the `opacity` property.

MyComponent.tsx

`<div   style={{     height: 100,     width: 100,     backgroundColor: 'red',     opacity: 0.5,   }} />`Copy

"opacity": 1

opacity

`1`

Values below `0` and above `1` are accepted, but have no further effect.

### Scale[​](https://www.remotion.dev/docs/transforms#scale "Direct link to Scale")

The scale determines how big an element is. `1` is the natural size, `2` will make the element twice as tall and wide.  
Values below `1` will make the element smaller. `0` makes the element invisible. Values below `0` are accepted and will make the element bigger again, but mirrored.

You can set the scale of an element using the `scale` property.

MyComponent.tsx

`<div   style={{     height: 100,     width: 100,     backgroundColor: 'red',     scale: 0.5,   }} />`Copy

"transform": "scale(1)"

A

scale

`1`

The difference to changing the size of the element using `height` and `width` is that using `scale()` will not change the layout of the other elements.

### Skew[​](https://www.remotion.dev/docs/transforms#skew "Direct link to Skew")

Skewing an element will lead to a distorted appearance as if the the element has been stretched on two corners of the element. Skew takes an angle that can be specified using `rad` (radians) and `deg` (degrees).

You can set the skew of an element using the `transform` property.

See the explorer below to see how skewing affects an element.

MyComponent.tsx

``<div   style={{     height: 100,     width: 100,     backgroundColor: 'red',     transform: `skew(20deg)`,   }} />``Copy

"transform": "skew(0deg)"

skew

`0`

### Translate[​](https://www.remotion.dev/docs/transforms#translate "Direct link to Translate")

Translating an element means moving it. A translation can be done on the X, Y or even Z axis. The transformation can be specified in `px`.

You can set the translation of an element using the `transform` property.

MyComponent.tsx

``<div   style={{     height: 100,     width: 100,     backgroundColor: 'red',     transform: `translateX(100px)`,   }} />``Copy

"transform": "translateX(0px) translateY(0px)"

translateX

`0`

translateY

`0`

As opposed to changing the position of an element using `margin-top` and `margin-left`, using `translate()` will not change the position of the other elements.

### Rotate[​](https://www.remotion.dev/docs/transforms#rotate "Direct link to Rotate")

By rotating an element, you can make it appear as if it has been turned around its center. The rotation can be specified in `rad` (radians) or `deg` (degrees) and you can rotate an element around the Z axis (the default) but also around the X and Y axis.

You can set the translation of an element using the `transform` property.

MyComponent.tsx

``<div   style={{     height: 100,     width: 100,     backgroundColor: 'red',     transform: `rotate(45deg)`, // the same as rotateZ(45deg)   }} />``Copy

"transform": "rotateZ(0deg)"

A

rotateZ

`0`

If you want to rotate an element around the X or Y axis, you should apply the [`perspective`](https://developer.mozilla.org/en-US/docs/Web/CSS/perspective)
 property to the parent element.

If you don't want to rotate around the center, you can use the [`transform-origin`](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin)
 property to change the origin of the rotation.

Note that when rotating SVG elements, the transform origin is the top left corner by default. You can get the same behavior as for the other elements by adding `style={{transformBox: 'fill-box', transformOrigin: 'center center'}}`.

Multiple transformations[​](https://www.remotion.dev/docs/transforms#multiple-transformations "Direct link to Multiple transformations")

-----------------------------------------------------------------------------------------------------------------------------------------

Oftentimes, you want to combine multiple transformations. If they use different CSS properties like `transform` and `opacity`, simply specify both properties in the `style` object.

If both transformations use the `transform` property, specify multiple transformations separated by a space.

MyComponent.tsx

``<div   style={{     height: 100,     width: 100,     backgroundColor: 'red',     transform: `translateX(100px) scale(2)`,   }} />``Copy

Note that the order matters. The transformations are applied in the order they are specified.

Using the `makeTransform()` helper[​](https://www.remotion.dev/docs/transforms#using-the-maketransform-helper "Direct link to using-the-maketransform-helper")

---------------------------------------------------------------------------------------------------------------------------------------------------------------

Install [`@remotion/animation-utils`](https://www.remotion.dev/docs/animation-utils/)
 to [get a type-safe helper function](https://www.remotion.dev/docs/animation-utils/make-transform)
 to generate `transform` strings.

    import {makeTransform, rotate, translate} from '@remotion/animation-utils';
    
    const transform = translate(50, 50);
    // => "translate(50px, 50px)"
    
    const multiTransform = makeTransform([rotate(45), translate(50, 50)]);
    // => "rotate(45deg) translate(50px, 50px)"

More ways to transform objects[​](https://www.remotion.dev/docs/transforms#more-ways-to-transform-objects "Direct link to More ways to transform objects")

-----------------------------------------------------------------------------------------------------------------------------------------------------------

These are just some of the basic transformations. Here are some more transformations that are possible:

*   The height and width of a `<div>`
*   The rounded edges of an element using `border-radius`
*   The shadow of an element using `box-shadow`
*   The color of something using `color` and [`interpolateColors()`](https://www.remotion.dev/docs/interpolate-colors)
    
*   The evolution of a SVG path using [`evolvePath()`](https://www.remotion.dev/docs/paths/evolve-path)
    
*   The weight and slant of a [dynamic font](https://twitter.com/JNYBGR/status/1598983409367683072)
    
*   The stops of a `linear-gradient`
*   The values of a CSS `filter()`

*   [The 5 basic transformations](https://www.remotion.dev/docs/transforms#the-5-basic-transformations)
    *   [Opacity](https://www.remotion.dev/docs/transforms#opacity)
        
    *   [Scale](https://www.remotion.dev/docs/transforms#scale)
        
    *   [Skew](https://www.remotion.dev/docs/transforms#skew)
        
    *   [Translate](https://www.remotion.dev/docs/transforms#translate)
        
    *   [Rotate](https://www.remotion.dev/docs/transforms#rotate)
        
*   [Multiple transformations](https://www.remotion.dev/docs/transforms#multiple-transformations)
    
*   [Using the `makeTransform()` helper](https://www.remotion.dev/docs/transforms#using-the-maketransform-helper)
    
*   [More ways to transform objects](https://www.remotion.dev/docs/transforms#more-ways-to-transform-objects)

---

# Making components reusable | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/reusability#__docusaurus_skipToContent_fallback)

Copy page

On this page

React components allow us to encapsulate video logic and reuse the same visuals multiple times.

Consider a title - to make it reusable, factor it out into its own component:

MyComposition.tsx

`import {AbsoluteFill, interpolate, useCurrentFrame} from 'remotion'; const Title: React.FC<{title: string}> = ({title}) => {   const frame = useCurrentFrame();   const opacity = interpolate(frame, [0, 20], [0, 1], {     extrapolateRight: 'clamp',   });   return (     <div style={{opacity, textAlign: 'center', fontSize: '7em'}}>{title}</div>   ); }; export const MyVideo = () => {   return (     <AbsoluteFill>       <Title title="Hello World" />     </AbsoluteFill>   ); };`Copy

To render multiple instances of the title, duplicate the `<Title>` component.

You can also use the [`<Sequence>`](https://www.remotion.dev/docs/sequence)
 component to limit the duration of the first title and time-shift the appearance of the second title.

    import {Sequence} from 'remotion';
    
    export const MyVideo = () => {
      return (
        <AbsoluteFill>
          <Sequence durationInFrames={40}>
            <Title title="Hello" />
          </Sequence>
          <Sequence from={40}>
            <Title title="World" />
          </Sequence>
        </AbsoluteFill>
      );
    };

You should see two titles appearing after each other.

Note that the value of [`useCurrentFrame()`](https://www.remotion.dev/docs/use-current-frame)
 has been shifted in the second instance, so that it returns `0` only when the absolute time is `40`. Before that, the sequence was not mounted at all.

Sequences by default are absolutely positioned - you can use [`layout="none"`](https://www.remotion.dev/docs/sequence#layout)
 to make them render like a regular `<div>`.

See also[​](https://www.remotion.dev/docs/reusability#see-also "Direct link to See also")

------------------------------------------------------------------------------------------

*   [`<Sequence>` component](https://www.remotion.dev/docs/sequence)
    
*   [How do I combine compositions?](https://www.remotion.dev/docs/miscellaneous/snippets/combine-compositions)
    

*   [See also](https://www.remotion.dev/docs/reusability#see-also)

---

# Client-side rendering | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/client-side-rendering/#__docusaurus_skipToContent_fallback)

Copy page

On this page

warning

Experimental feature - expect bugs and breaking changes at any time.  
[Track progress on GitHub](https://github.com/remotion-dev/remotion/issues/5913)
 and discuss in the [`#web-renderer`](https://remotion.dev/discord)
 channel on Discord.

Client-side rendering is a new additional capability of Remotion that allows you to render videos, images, and audio directly in the browser, without requiring server-side infrastructure.

It is currently released as an experimental alpha under the [`@remotion/web-renderer`](https://www.remotion.dev/docs/web-renderer)
 package.

Key differences from server-side rendering[​](https://www.remotion.dev/docs/client-side-rendering/#key-differences-from-server-side-rendering "Direct link to Key differences from server-side rendering")

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Unlike server-side rendering with [`@remotion/renderer`](https://www.remotion.dev/docs/renderer)
, client-side rendering:

*   Runs in the browser - No need to setup Node servers or Remotion Lambda
*   Encodes with WebCodecs using [Mediabunny](https://www.remotion.dev/docs/mediabunny)
     instead of FFmpeg
*   Limited to a subset of HTML elements - see [limitations](https://www.remotion.dev/docs/client-side-rendering/limitations)
    
*   No bundling step - takes components and video config directly

Browser support[​](https://www.remotion.dev/docs/client-side-rendering/#browser-support "Direct link to Browser support")

--------------------------------------------------------------------------------------------------------------------------

Client-side rendering requires the [WebCodecs API](https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API)
, which limits browser support to:

| Browser | Minimum version |
| --- | --- |
| Chrome | 94+ |
| Firefox | 130+ |
| Safari | 26+ |

APIs[​](https://www.remotion.dev/docs/client-side-rendering/#apis "Direct link to APIs")

-----------------------------------------------------------------------------------------

The package provides APIs called [`renderStillOnWeb()`](https://www.remotion.dev/docs/web-renderer/render-still-on-web)
 and [`renderMediaOnWeb()`](https://www.remotion.dev/docs/web-renderer/render-media-on-web)
.

Here is an example of how to use it:

Tentative API example

`import {renderMediaOnWeb} from '@remotion/web-renderer'; const Component: React.FC = () => {   return (     <svg viewBox="0 0 100 100" width="100" height="100" style={{transform: 'rotate(45deg)'}}>       <polygon points="50,10 90,90 10,90" fill="orange" />     </svg>   ); }; const {getBlob} = await renderMediaOnWeb({   composition: {     component: Component,     durationInFrames: 100,     fps: 30,     width: 100,     height: 100,     calculateMetadata: null,     id: 'my-composition',   },   inputProps: {}, });`Copy

Enable in the Studio[​](https://www.remotion.dev/docs/client-side-rendering/#enable-in-the-studio "Direct link to Enable in the Studio")

-----------------------------------------------------------------------------------------------------------------------------------------

To enable client-side rendering in the Studio, you need to call `Config.setExperimentalClientSideRenderingEnabled(true)` in your `remotion.config.ts` file.

remotion.config.ts

`Config.setExperimentalClientSideRenderingEnabled(true);`Copy

Status[​](https://www.remotion.dev/docs/client-side-rendering/#status "Direct link to Status")

-----------------------------------------------------------------------------------------------

Client-side rendering is currently in heavy iteration.

[View the current status and progress →](https://github.com/remotion-dev/remotion/issues/5913)

See also[​](https://www.remotion.dev/docs/client-side-rendering/#see-also "Direct link to See also")

-----------------------------------------------------------------------------------------------------

*   [How it works](https://www.remotion.dev/docs/client-side-rendering/how-it-works)
    
*   [Limitations](https://www.remotion.dev/docs/client-side-rendering/limitations)
    
*   [Server-side rendering](https://www.remotion.dev/docs/ssr)
    

*   [Key differences from server-side rendering](https://www.remotion.dev/docs/client-side-rendering/#key-differences-from-server-side-rendering)
    
*   [Browser support](https://www.remotion.dev/docs/client-side-rendering/#browser-support)
    
*   [APIs](https://www.remotion.dev/docs/client-side-rendering/#apis)
    
*   [Enable in the Studio](https://www.remotion.dev/docs/client-side-rendering/#enable-in-the-studio)
    
*   [Status](https://www.remotion.dev/docs/client-side-rendering/#status)
    
*   [See also](https://www.remotion.dev/docs/client-side-rendering/#see-also)

---

# Animated Captions | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/animated-captions#__docusaurus_skipToContent_fallback)

Copy page

A paid component for adding animated captions to your Remotion videos.

You can buy Animated Captions on [remotion.pro](https://www.remotion.pro/animated-captions)
.

---

# Get help | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/get-help#__docusaurus_skipToContent_fallback)

Copy page

On this page

To receive help, either:

[](https://www.remotion.dev/docs/get-help#1)

[1](https://www.remotion.dev/docs/get-help#1)

[](https://www.remotion.dev/docs/get-help#1)
File an issue under [remotion.dev/issue](https://remotion.dev/issue)
  
[2](https://www.remotion.dev/docs/get-help#2)
Write in the `#help` channel or `#help-forum` on [remotion.dev/discord](https://remotion.dev/discord)

Provide information[​](https://www.remotion.dev/docs/get-help#provide-information "Direct link to Provide information")

------------------------------------------------------------------------------------------------------------------------

Provide information that seems relevant to the issue. The more information that you give, the more we are able to help!

**When you get an error:**

[](https://www.remotion.dev/docs/get-help#1)

[1](https://www.remotion.dev/docs/get-help#1)

[](https://www.remotion.dev/docs/get-help#1)
Paste the full error message, including stack trace.  
[2](https://www.remotion.dev/docs/get-help#2)
Provide the code or command that caused this error.  

  

**When you don't get an error:**

[](https://www.remotion.dev/docs/get-help#1)

[1](https://www.remotion.dev/docs/get-help#1)

[](https://www.remotion.dev/docs/get-help#1)
Provide the code or command that you executed.  
[2](https://www.remotion.dev/docs/get-help#2)
Describe what you expected.  
  

Always mention the Remotion version:

    npx remotion versions

Investigate yourself[​](https://www.remotion.dev/docs/get-help#investigate-yourself "Direct link to Investigate yourself")

---------------------------------------------------------------------------------------------------------------------------

The following might also be useful information to us:

[](https://www.remotion.dev/docs/get-help#1)

[1](https://www.remotion.dev/docs/get-help#1)

[](https://www.remotion.dev/docs/get-help#1)
What have you already tried?  
[2](https://www.remotion.dev/docs/get-help#2)
Do you have an suspicion what might cause the issue?  
[3](https://www.remotion.dev/docs/get-help#3)
Does the issue go away if you delete certain code?  
[4](https://www.remotion.dev/docs/get-help#4)
Do you have any unusual parts in your stack or OS?

Do[​](https://www.remotion.dev/docs/get-help#do "Direct link to Do")

---------------------------------------------------------------------

[](https://www.remotion.dev/docs/get-help#1)

[1](https://www.remotion.dev/docs/get-help#1)

[](https://www.remotion.dev/docs/get-help#1)
Use search engines or ChatGPT to solve React-specific problems.  
[2](https://www.remotion.dev/docs/get-help#2)
Search over 1100+ [GitHub issues](https://github.com/remotion-dev/remotion/issues)
 and 400+ [documentation pages](https://www.remotion.dev/search)
.  
[3](https://www.remotion.dev/docs/get-help#3)
Attempt to find the root cause of an issue by narrowing down the code.  
[4](https://www.remotion.dev/docs/get-help#4)
Provide relevant code snippets or reproductions.

Do not[​](https://www.remotion.dev/docs/get-help#do-not "Direct link to Do not")

---------------------------------------------------------------------------------

[](https://www.remotion.dev/docs/get-help#1)

[1](https://www.remotion.dev/docs/get-help#1)

[](https://www.remotion.dev/docs/get-help#1)
Ask for support using email or direct messages.  
[2](https://www.remotion.dev/docs/get-help#2)
Ask without [searching](https://www.remotion.dev/search)
 the docs first.  

Paid support[​](https://www.remotion.dev/docs/get-help#paid-support "Direct link to Paid support")

---------------------------------------------------------------------------------------------------

Our [Remotion Experts](https://www.remotion.dev/experts)
 are available for technical advice and guidance. With their extensive experience in creating Remotion projects, they will surely be of great help.

The only way to receive consulting support from the Remotion team is through the [Enterprise License](https://remotion.pro/license)
.

Support policy[​](https://www.remotion.dev/docs/get-help#support-policy "Direct link to Support policy")

---------------------------------------------------------------------------------------------------------

See our [policy](https://www.remotion.dev/docs/support)
 on providing support.

See also[​](https://www.remotion.dev/docs/get-help#see-also "Direct link to See also")

---------------------------------------------------------------------------------------

*   [Debugging render failures](https://www.remotion.dev/docs/troubleshooting/debug-failed-render)
    

*   [Provide information](https://www.remotion.dev/docs/get-help#provide-information)
    
*   [Investigate yourself](https://www.remotion.dev/docs/get-help#investigate-yourself)
    
*   [Do](https://www.remotion.dev/docs/get-help#do)
    
*   [Do not](https://www.remotion.dev/docs/get-help#do-not)
    
*   [Paid support](https://www.remotion.dev/docs/get-help#paid-support)
    
*   [Support policy](https://www.remotion.dev/docs/get-help#support-policy)
    
*   [See also](https://www.remotion.dev/docs/get-help#see-also)

---

# Copy and Paste in the Editor Starter | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/editor-starter/copy-paste#__docusaurus_skipToContent_fallback)

Copy page

On this page

The Remotion Editor Starter implements copying and pasting from layers.

Considerations[​](https://www.remotion.dev/docs/editor-starter/copy-paste#considerations "Direct link to Considerations")

--------------------------------------------------------------------------------------------------------------------------

When reading the browser's [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API)
, only the following MIME types are supported:

*   `text/plain`
*   `text/html`
*   `image/png`

None of these are the ideal MIME types for copying items.

We are therefore using a workaround that is used by [Figma](https://figma.com/)
 and [tldraw](https://tldraw.com/)
: The items are serialized, put into a `<div>` and then copied to the clipboard with the MIME type `text/html`. This prevents overwriting the `text/plain` slot.

Ways of copy-pasting[​](https://www.remotion.dev/docs/editor-starter/copy-paste#ways-of-copy-pasting "Direct link to Ways of copy-pasting")

--------------------------------------------------------------------------------------------------------------------------------------------

Copy and pasting works by right-clicking on an item, or using the standard keyboard shortcuts:

*   Cmd/Ctrl+X to cut
*   Cmd/Ctrl+C to copy
*   Cmd/Ctrl+V to paste

Pasting[​](https://www.remotion.dev/docs/editor-starter/copy-paste#pasting "Direct link to Pasting")

-----------------------------------------------------------------------------------------------------

When pasting contents, the Editor Starter first checks if the clipboard data has the MIME type `text/html` and deserializes the contents of the `<div>` into items.

Items are being copied and assigned a new unique ID before being added to the top of the timeline.

Customizing[​](https://www.remotion.dev/docs/editor-starter/copy-paste#customizing "Direct link to Customizing")

-----------------------------------------------------------------------------------------------------------------

The logic for copy-paste can be found under [`src/editor/clipboard`](https://github.com/remotion-dev/editor-starter/tree/main/src/editor/clipboard)
.

See also[​](https://www.remotion.dev/docs/editor-starter/copy-paste#see-also "Direct link to See also")

--------------------------------------------------------------------------------------------------------

*   [Features](https://www.remotion.dev/docs/editor-starter/features)
    

*   [Considerations](https://www.remotion.dev/docs/editor-starter/copy-paste#considerations)
    
*   [Ways of copy-pasting](https://www.remotion.dev/docs/editor-starter/copy-paste#ways-of-copy-pasting)
    
*   [Pasting](https://www.remotion.dev/docs/editor-starter/copy-paste#pasting)
    
*   [Customizing](https://www.remotion.dev/docs/editor-starter/copy-paste#customizing)
    
*   [See also](https://www.remotion.dev/docs/editor-starter/copy-paste#see-also)

---

# Ask in public | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/ask-in-public#__docusaurus_skipToContent_fallback)

Copy page

On this page

Ask your questions and report problems with Remotion in public.

*   We can refer to this conversation later instead of typing out our answer again.
*   Other people than the Remotion team can also answer questions.
*   The resource can be found through search engines and chat interfaces.
*   We train [Remotion AI](https://www.remotion.dev/docs/ai)
     with public conversations.

We need to offer our support efficiently, therefore we do not answer questions via direct message or email.

### Exceptions[​](https://www.remotion.dev/docs/ask-in-public#exceptions "Direct link to Exceptions")

*   If your problem includes private information that you cannot share, you can DM us once we approve of it.
*   [Enterprise License](https://remotion.pro/license)
     holders get a dedicated private Slack or Discord channel.
*   [Evaluation calls](https://cal.com/remotion/evaluate)
    

See also[​](https://www.remotion.dev/docs/ask-in-public#see-also "Direct link to See also")

--------------------------------------------------------------------------------------------

*   [Ask for help](https://www.remotion.dev/docs/get-help)
    

*   [Exceptions](https://www.remotion.dev/docs/ask-in-public#exceptions)
    
*   [See also](https://www.remotion.dev/docs/ask-in-public#see-also)

---

# ensureMaxCharactersPerLine() | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/captions/ensure-max-characters-per-line#__docusaurus_skipToContent_fallback)

Copy page

On this page

This is an internal, undocumented API for now.

See also[​](https://www.remotion.dev/docs/captions/ensure-max-characters-per-line#see-also "Direct link to See also")

----------------------------------------------------------------------------------------------------------------------

*   [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/captions/src/ensure-max-characters-per-line.ts)
    
*   [`@remotion/captions`](https://www.remotion.dev/docs/captions/api)
    

*   [See also](https://www.remotion.dev/docs/captions/ensure-max-characters-per-line#see-also)

---

# v4.0 Alpha | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/4-0-alpha#__docusaurus_skipToContent_fallback)

Copy page

On this page

Remotion 4.0 has now been released. This page has been archived.

Thanks for testing and reporting bugs! 🎉

How to upgrade[​](https://www.remotion.dev/docs/4-0-alpha#how-to-upgrade "Direct link to How to upgrade")

----------------------------------------------------------------------------------------------------------

See the [changelog](https://www.remotion.dev/docs/4-0-alpha#changelog)
 to find the latest version. Upgrade `remotion` and all packages starting with `@remotion` to the latest version, e.g. `4.0.0`:

package.json

`- "remotion": "^3.3.87" - "@remotion/bundler": "^3.3.87" - "@remotion/eslint-config": "^3.3.87" - "@remotion/eslint-plugin": "^3.3.87" - "@remotion/cli": "^3.3.87" - "@remotion/renderer": "^3.3.87" + "remotion": "4.0.0-alpha13" + "@remotion/bundler": "4.0.0-alpha13" + "@remotion/eslint-config": "4.0.0-alpha13" + "@remotion/eslint-plugin": "4.0.0-alpha13" + "@remotion/cli": "4.0.0-alpha13" + "@remotion/renderer": "4.0.0-alpha13"`Copy

Make sure the versions don't have a `^` character in front of it.

Most important breaking changes:

[](https://www.remotion.dev/docs/4-0-alpha#1)

[1](https://www.remotion.dev/docs/4-0-alpha#1)

[](https://www.remotion.dev/docs/4-0-alpha#1)
The config file must now import the config like the following:  

    import { Config } from "@remotion/cli/config";

[](https://www.remotion.dev/docs/4-0-alpha#2)

[2](https://www.remotion.dev/docs/4-0-alpha#2)

[](https://www.remotion.dev/docs/4-0-alpha#2)
Also in the config file:  

    Config.setImageFormat("jpeg");

has been replaced with

    Config.setVideoImageFormat("jpeg");

See how to migrate: [Migration guide](https://www.remotion.dev/docs/4-0-migration)

Changelog[​](https://www.remotion.dev/docs/4-0-alpha#changelog "Direct link to Changelog")

-------------------------------------------------------------------------------------------

### `4.0.0-alpha22`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha22 "Direct link to 400-alpha22")

Release candidate!

*   Fix rotated videos with OffthreadVideo
*   `height`, `width` etc. is optional when passing `calculateMetadata()`

### `4.0.0-alpha21`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha21 "Direct link to 400-alpha21")

*   calculateMetadata() behaves correctly on Lambda
*   Fixed known crashes with OffthreadVideo

### `4.0.0-alpha19`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha19 "Direct link to 400-alpha19")

*   Nicer logging
*   Warn if props are bigger than 10MB
*   Upgrade ESBuild to 0.18 (TS 5.0 support)

### `4.0.0-alpha18`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha18 "Direct link to 400-alpha18")

*   Nicer and less buggy logging in the CLI

### `4.0.0-alpha16`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha16 "Direct link to 400-alpha16")

*   Intention: Lower the minimum required `glibc` version on Linux x64 to support Ubuntu 20.04

### `4.0.0-alpha14`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha14 "Direct link to 400-alpha14")

*   Make renders via the CLI faster using a reusable server
*   `console.log`'s are symbolicated when rendering locally using `--log=verbose`
*   Fix bug in composition metadata resolution
*   New design for the schema editor
*   Upgrade TypeScript ESLint, Prettier and Turborepo

### `4.0.0-alpha13`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha13 "Direct link to 400-alpha13")

*   Fix editor props not being applied

### `4.0.0-alpha12`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha12 "Direct link to 400-alpha12")

*   More performant Studio

### `4.0.0-alpha11`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha11 "Direct link to 400-alpha11")

*   Performance improvements for the Remotion Studio
*   Your component should do less unnecessary re-renders.

### `4.0.0-alpha10`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha10 "Direct link to 400-alpha10")

*   Renamed Remotion Preview to Remotion Studio
*   Various fixes for the Remotion Studio
*   New prop for Composition: `calculateMetadata`! See: [Data fetching](https://www.remotion.dev/docs/data-fetching)
     and [Variable metadata](https://www.remotion.dev/docs/dynamic-metadata)
    

### `4.0.0-alpha9`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha9 "Direct link to 400-alpha9")

*   Various polish for the Remotion Preview

### `4.0.0-alpha8`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha8 "Direct link to 400-alpha8")

*   Props editor polish
*   Fix a crash with `<OffthreadVideo>`

### `4.0.0-alpha7`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha7 "Direct link to 400-alpha7")

*   Fix bugs reported with `<OffthreadVideo>` and more verbose logging
*   Refined editor
*   Fix Lambda issues
*   Revamped CLI verbose logging mode
*   FFmpeg is now in the Lambda function instead of a Lambda Layer

### `4.0.0-alpha6`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha6 "Direct link to 400-alpha6")

*   Fixes `EACCES` errors appearing
*   GUI design improvements
*   Fix warnings if Zod is not installed
*   Breaking change: `staticFile()` now encodes the filename using `encodeURIComponent`. You don't have to and should not do it manually anymore - see migration guide

### `4.0.0-alpha5`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha5 "Direct link to 400-alpha5")

May 3rd 2023:

*   Features the new Rust renderer enabling faster `<OffthreadVideo>`!
*   `z` is not exported from Remotion anymore, instead, just install `zod`!
*   `zColor` is now to be installed from `@remotion/zod-types`
*   Overall polish of the editor

### `4.0.0-alpha.185+1b8f0e746`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha1851b8f0e746 "Direct link to 400-alpha1851b8f0e746")

*   Fix rendering with FFmpeg on Linux
*   Make all strings `as const` when saving back to the root file to ensure type safety.
*   New [`zColor()`](https://www.remotion.dev/docs/zod-types/z-color)
     API
*   New sidebar design and new mechanism for toggling sidebars
*   Create new array items
*   Zod union type support
*   Overall polish!

### `4.0.0-alpha.127+bcc7f944b`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha127bcc7f944b "Direct link to 400-alpha127bcc7f944b")

Improve the saving back to code feature if you are using `as const`.

### `4.0.0-alpha.115+764023ad5`[​](https://www.remotion.dev/docs/4-0-alpha#400-alpha115764023ad5 "Direct link to 400-alpha115764023ad5")

Initial v4 alpha release

*   [How to upgrade](https://www.remotion.dev/docs/4-0-alpha#how-to-upgrade)
    
*   [Changelog](https://www.remotion.dev/docs/4-0-alpha#changelog)
    *   [`4.0.0-alpha22`](https://www.remotion.dev/docs/4-0-alpha#400-alpha22)
        
    *   [`4.0.0-alpha21`](https://www.remotion.dev/docs/4-0-alpha#400-alpha21)
        
    *   [`4.0.0-alpha19`](https://www.remotion.dev/docs/4-0-alpha#400-alpha19)
        
    *   [`4.0.0-alpha18`](https://www.remotion.dev/docs/4-0-alpha#400-alpha18)
        
    *   [`4.0.0-alpha16`](https://www.remotion.dev/docs/4-0-alpha#400-alpha16)
        
    *   [`4.0.0-alpha14`](https://www.remotion.dev/docs/4-0-alpha#400-alpha14)
        
    *   [`4.0.0-alpha13`](https://www.remotion.dev/docs/4-0-alpha#400-alpha13)
        
    *   [`4.0.0-alpha12`](https://www.remotion.dev/docs/4-0-alpha#400-alpha12)
        
    *   [`4.0.0-alpha11`](https://www.remotion.dev/docs/4-0-alpha#400-alpha11)
        
    *   [`4.0.0-alpha10`](https://www.remotion.dev/docs/4-0-alpha#400-alpha10)
        
    *   [`4.0.0-alpha9`](https://www.remotion.dev/docs/4-0-alpha#400-alpha9)
        
    *   [`4.0.0-alpha8`](https://www.remotion.dev/docs/4-0-alpha#400-alpha8)
        
    *   [`4.0.0-alpha7`](https://www.remotion.dev/docs/4-0-alpha#400-alpha7)
        
    *   [`4.0.0-alpha6`](https://www.remotion.dev/docs/4-0-alpha#400-alpha6)
        
    *   [`4.0.0-alpha5`](https://www.remotion.dev/docs/4-0-alpha#400-alpha5)
        
    *   [`4.0.0-alpha.185+1b8f0e746`](https://www.remotion.dev/docs/4-0-alpha#400-alpha1851b8f0e746)
        
    *   [`4.0.0-alpha.127+bcc7f944b`](https://www.remotion.dev/docs/4-0-alpha#400-alpha127bcc7f944b)
        
    *   [`4.0.0-alpha.115+764023ad5`](https://www.remotion.dev/docs/4-0-alpha#400-alpha115764023ad5)

---

# <Experimental.Clipper> | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/clipper#__docusaurus_skipToContent_fallback)

Copy page

This experimental API has been removed as of v4.0.228.  
It made renders oftentimes slower rather than faster and increased complexity of the codebase.

---

# <Experimental.Null> | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/null#__docusaurus_skipToContent_fallback)

Copy page

This experimental API has been removed as of v4.0.228.  
It made renders oftentimes slower rather than faster and increased complexity of the codebase.

---

# cutPath() | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/paths/cut-path#__docusaurus_skipToContent_fallback)

Copy page

On this page

_Part of the [`@remotion/paths`](https://www.remotion.dev/docs/paths)
 package._

Cuts an SVG path at a specified length, returning the portion from the start to that length.

    import { cutPath } from "@remotion/paths";
    
    const path = "M 0 0 L 100 0 L 100 100";
    const cutAtLength = cutPath(path, 50);
    console.log(cutAtLength); // "M 0 0 L 50 0"

Arguments[​](https://www.remotion.dev/docs/paths/cut-path#arguments "Direct link to Arguments")

------------------------------------------------------------------------------------------------

### `d`[​](https://www.remotion.dev/docs/paths/cut-path#d "Direct link to d")

_string_

A valid SVG path property. For example:

    M 0 0 L 100 0 L 100 100 L 0 100 Z

### `length`[​](https://www.remotion.dev/docs/paths/cut-path#length "Direct link to length")

_number_

The length at which to cut the path. If the length is greater than the total path length, the entire path is returned. If the length is 0, only the initial move command is returned.

Return value[​](https://www.remotion.dev/docs/paths/cut-path#return-value "Direct link to Return value")

---------------------------------------------------------------------------------------------------------

A string representing the cut path from the start to the specified length.

Examples[​](https://www.remotion.dev/docs/paths/cut-path#examples "Direct link to Examples")

---------------------------------------------------------------------------------------------

### Cutting a simple line[​](https://www.remotion.dev/docs/paths/cut-path#cutting-a-simple-line "Direct link to Cutting a simple line")

    import { cutPath } from "@remotion/paths";
    
    const simpleLine = "M 0 0 L 100 0";
    const halfLine = cutPath(simpleLine, 50);
    console.log(halfLine); // "M 0 0 L 50 0"

### Cutting a path with curves[​](https://www.remotion.dev/docs/paths/cut-path#cutting-a-path-with-curves "Direct link to Cutting a path with curves")

    import { cutPath } from "@remotion/paths";
    
    const curvePath = "M 0 0 C 50 0 50 50 100 50";
    const cutCurve = cutPath(curvePath, 30);
    console.log(cutCurve); // "M 0 0 C 30 0 30 15 60 15" (approximate)

### Handling edge cases[​](https://www.remotion.dev/docs/paths/cut-path#handling-edge-cases "Direct link to Handling edge cases")

    import { cutPath } from "@remotion/paths";
    
    const path = "M 0 0 L 100 0";
    
    // Length greater than path length
    const fullPath = cutPath(path, 200);
    console.log(fullPath); // "M 0 0 L 100 0"
    
    // Zero length
    const startOnly = cutPath(path, 0);
    console.log(startOnly); // "M 0 0"

See also[​](https://www.remotion.dev/docs/paths/cut-path#see-also "Direct link to See also")

---------------------------------------------------------------------------------------------

*   [getLength()](https://www.remotion.dev/docs/paths/get-length)
    
*   [getPointAtLength()](https://www.remotion.dev/docs/paths/get-point-at-length)
    
*   [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/paths/src/cut-path.ts)
    
*   [`@remotion/paths`](https://www.remotion.dev/docs/paths)
    

*   [Arguments](https://www.remotion.dev/docs/paths/cut-path#arguments)
    *   [`d`](https://www.remotion.dev/docs/paths/cut-path#d)
        
    *   [`length`](https://www.remotion.dev/docs/paths/cut-path#length)
        
*   [Return value](https://www.remotion.dev/docs/paths/cut-path#return-value)
    
*   [Examples](https://www.remotion.dev/docs/paths/cut-path#examples)
    *   [Cutting a simple line](https://www.remotion.dev/docs/paths/cut-path#cutting-a-simple-line)
        
    *   [Cutting a path with curves](https://www.remotion.dev/docs/paths/cut-path#cutting-a-path-with-curves)
        
    *   [Handling edge cases](https://www.remotion.dev/docs/paths/cut-path#handling-edge-cases)
        
*   [See also](https://www.remotion.dev/docs/paths/cut-path#see-also)

---

# zColor() | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/zod-types/z-color#__docusaurus_skipToContent_fallback)

Copy page

On this page

Using `zColor()`, you can specify in your [schema](https://www.remotion.dev/docs/schemas)
 that a string has to be a color.

In the Remotion Studio, a color picker will be displayed allowing to change and validate the color picker.

See also[​](https://www.remotion.dev/docs/zod-types/z-color#see-also "Direct link to See also")

------------------------------------------------------------------------------------------------

*   [Defining a schema for your props](https://www.remotion.dev/docs/schemas)
    

*   [See also](https://www.remotion.dev/docs/zod-types/z-color#see-also)

---

# zTextarea() | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/zod-types/z-textarea#__docusaurus_skipToContent_fallback)

Copy page

On this page

Using this type you can specify in your [schema](https://www.remotion.dev/docs/schemas)
 a string that will be displayed in the Remotion Studio as a multiline text area.

When using `zTextarea()`, the value will be a string, even if the user enters several lines.

To display the value in a component without losing the line breaks, you can use the `white-space: pre-line` CSS property on the element displaying the value.

See also[​](https://www.remotion.dev/docs/zod-types/z-textarea#see-also "Direct link to See also")

---------------------------------------------------------------------------------------------------

*   [Defining a schema for your props](https://www.remotion.dev/docs/schemas)
    

*   [See also](https://www.remotion.dev/docs/zod-types/z-textarea#see-also)

---

# zMatrix() | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/zod-types/z-matrix#__docusaurus_skipToContent_fallback)

Copy page

On this page

With this type, you can visually edit a matrix in the [Props Editor](https://www.remotion.dev/docs/visual-editing)
.

The matrix has to be "flat", for example a 2x2 matrix has to be represented as an array of 4 numbers: `[0, 1, 1, 0]`.

The matrix has to be a square matrix, for example a 2x2, 3x3, 4x4, etc.

    const myCompSchema = z.object({
      matrix: zMatrix(),
    });
    
    // Two-dimensional matrix
    myCompSchema.parse({
      matrix: [0, 1, 1, 0],
    });
    
    // Three-dimensional matrix
    myCompSchema.parse({
      matrix: [1, 0, 0, 0, 1, 0, 0, 0, 1],
    });
    
    // Four-dimensional matrix
    myCompSchema.parse({
      matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
    });

See also[​](https://www.remotion.dev/docs/zod-types/z-matrix#see-also "Direct link to See also")

-------------------------------------------------------------------------------------------------

*   [Defining a schema for your props](https://www.remotion.dev/docs/schemas)
    

*   [See also](https://www.remotion.dev/docs/zod-types/z-matrix#see-also)

---

# uploadToVercelBlob() | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#__docusaurus_skipToContent_fallback)

Copy page

On this page

warning

Experimental package: We reserve the right to make breaking changes in order to correct bad design decisions until this notice is gone.

Uploads a file from the sandbox to [Vercel Blob](https://vercel.com/docs/storage/vercel-blob)
 storage. Typically used after [`renderMediaOnVercel()`](https://www.remotion.dev/docs/vercel/render-media-on-vercel)
 or [`renderStillOnVercel()`](https://www.remotion.dev/docs/vercel/render-still-on-vercel)
 to make the output publicly accessible.

Example[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#example "Direct link to Example")

--------------------------------------------------------------------------------------------------------

route.ts

``const {url, size} = await uploadToVercelBlob({   sandbox,   sandboxFilePath: '/tmp/video.mp4',   contentType: 'video/mp4',   blobToken: process.env.BLOB_READ_WRITE_TOKEN!,   access: 'public', }); console.log(`Uploaded ${size} bytes to ${url}`);``Copy

Arguments[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#arguments "Direct link to Arguments")

--------------------------------------------------------------------------------------------------------------

An object with the following properties:

### `sandbox`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#sandbox "Direct link to sandbox")

A [`Sandbox`](https://vercel.com/docs/vercel-sandbox/sdk-reference#sandbox-class)
 instance.

### `sandboxFilePath`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#sandboxfilepath "Direct link to sandboxfilepath")

The path to the file inside the sandbox to upload, e.g. `"/tmp/video.mp4"`.

### `blobPath?`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#blobpath "Direct link to blobpath")

The destination path in Vercel Blob, e.g. `"renders/abc.mp4"`. If omitted, a random path is generated.

### `contentType`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#contenttype "Direct link to contenttype")

The MIME type of the file, e.g. `"video/mp4"` or `"image/png"`.

### `blobToken`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#blobtoken "Direct link to blobtoken")

Your Vercel Blob read/write token. Typically `process.env.BLOB_READ_WRITE_TOKEN`.

### `access`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#access "Direct link to access")

[`VercelBlobAccess`](https://www.remotion.dev/docs/vercel/types#vercelblobaccess "You can import the TypeScript type `VercelBlobAccess` from @remotion/vercel")

The access level of the uploaded blob. Either `"public"` or `"private"`. Default: `"private"`.

Return value[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#return-value "Direct link to Return value")

-----------------------------------------------------------------------------------------------------------------------

An object containing:

### `url`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#url "Direct link to url")

The public download URL of the uploaded file.

### `size`[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#size "Direct link to size")

The size of the uploaded file in bytes.

See also[​](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#see-also "Direct link to See also")

-----------------------------------------------------------------------------------------------------------

*   [`renderMediaOnVercel()`](https://www.remotion.dev/docs/vercel/render-media-on-vercel)
    
*   [`renderStillOnVercel()`](https://www.remotion.dev/docs/vercel/render-still-on-vercel)
    
*   [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/vercel/src/upload-to-vercel-blob.ts)
    

*   [Example](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#example)
    
*   [Arguments](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#arguments)
    *   [`sandbox`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#sandbox)
        
    *   [`sandboxFilePath`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#sandboxfilepath)
        
    *   [`blobPath?`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#blobpath)
        
    *   [`contentType`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#contenttype)
        
    *   [`blobToken`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#blobtoken)
        
    *   [`access`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#access)
        
*   [Return value](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#return-value)
    *   [`url`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#url)
        
    *   [`size`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#size)
        
*   [See also](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob#see-also)

---

# TypeScript Types Reference | Remotion | Make videos programmatically

[Skip to main content](https://www.remotion.dev/docs/vercel/types#__docusaurus_skipToContent_fallback)

Copy page

On this page

warning

Experimental package: We reserve the right to make breaking changes in order to correct bad design decisions until this notice is gone.

The following types are part of the API of `@remotion/vercel`:

`VercelSandbox`[​](https://www.remotion.dev/docs/vercel/types#vercelsandbox "Direct link to vercelsandbox")

------------------------------------------------------------------------------------------------------------

    import type {VercelSandbox} from '@remotion/vercel';                  (alias) type VercelSandbox = Sandbox & AsyncDisposable
    import VercelSandbox

A [`Sandbox`](https://vercel.com/docs/vercel-sandbox/sdk-reference#sandbox-class)
 with `AsyncDisposable` support. Returned by [`createSandbox()`](https://www.remotion.dev/docs/vercel/create-sandbox)
.

`CreateSandboxOnProgress`[​](https://www.remotion.dev/docs/vercel/types#createsandboxonprogress "Direct link to createsandboxonprogress")

------------------------------------------------------------------------------------------------------------------------------------------

    import type {CreateSandboxOnProgress} from '@remotion/vercel';                       (alias) type CreateSandboxOnProgress = (update: {
        progress: number;
        message: string;
    }) => Promise<void> | void
    import CreateSandboxOnProgress

*   `progress`: A number from `0` to `1` indicating overall progress
*   `message`: A human-readable description of the current phase

`RenderMediaOnVercelProgress`[​](https://www.remotion.dev/docs/vercel/types#rendermediaonvercelprogress "Direct link to rendermediaonvercelprogress")

------------------------------------------------------------------------------------------------------------------------------------------------------

    import type {RenderMediaOnVercelProgress} from '@remotion/vercel';                         (alias) type RenderMediaOnVercelProgress = {
        stage: "opening-browser";
        overallProgress: number;
    } | {
        stage: "selecting-composition";
        overallProgress: number;
    } | {
        stage: "render-progress";
        progress: RenderMediaProgress;
        overallProgress: number;
    }
    import RenderMediaOnVercelProgress

A discriminated union (on `stage`) with the following members:

*   `{stage: 'opening-browser', overallProgress: number}` - The browser is being opened.
*   `{stage: 'selecting-composition', overallProgress: number}` - The composition is being selected.
*   `{stage: 'render-progress', progress: RenderMediaProgress, overallProgress: number}` - The render is in progress. The `progress` field contains the same fields as [`RenderMediaProgress`](https://www.remotion.dev/docs/vercel/types#rendermediaprogress)
    .

Every variant includes `overallProgress` — a number from `0` to `1` representing the weighted overall progress.

Used as the `onProgress` callback type for [`renderMediaOnVercel()`](https://www.remotion.dev/docs/vercel/render-media-on-vercel)
.

`RenderStillOnVercelProgress`[​](https://www.remotion.dev/docs/vercel/types#renderstillonvercelprogress "Direct link to renderstillonvercelprogress")

------------------------------------------------------------------------------------------------------------------------------------------------------

    import type {RenderStillOnVercelProgress} from '@remotion/vercel';                         (alias) type RenderStillOnVercelProgress = {
        stage: "opening-browser";
        overallProgress: number;
    } | {
        stage: "selecting-composition";
        overallProgress: number;
    }
    import RenderStillOnVercelProgress

A discriminated union (on `stage`) with the following members:

*   `{stage: 'opening-browser', overallProgress: number}` - The browser is being opened.
*   `{stage: 'selecting-composition', overallProgress: number}` - The composition is being selected.

Every variant includes `overallProgress` — a number from `0` to `1` representing the weighted overall progress.

Used as the `onProgress` callback type for [`renderStillOnVercel()`](https://www.remotion.dev/docs/vercel/render-still-on-vercel)
.

`VercelBlobAccess`[​](https://www.remotion.dev/docs/vercel/types#vercelblobaccess "Direct link to vercelblobaccess")

---------------------------------------------------------------------------------------------------------------------

    import type {VercelBlobAccess} from '@remotion/vercel';                    (alias) type VercelBlobAccess = "public"
    import VercelBlobAccess

Either `"public"` or `"private"`. Used as the `access` parameter for [`uploadToVercelBlob()`](https://www.remotion.dev/docs/vercel/upload-to-vercel-blob)
.

*   [`VercelSandbox`](https://www.remotion.dev/docs/vercel/types#vercelsandbox)
    
*   [`CreateSandboxOnProgress`](https://www.remotion.dev/docs/vercel/types#createsandboxonprogress)
    
*   [`RenderMediaOnVercelProgress`](https://www.remotion.dev/docs/vercel/types#rendermediaonvercelprogress)
    
*   [`RenderStillOnVercelProgress`](https://www.remotion.dev/docs/vercel/types#renderstillonvercelprogress)
    
*   [`VercelBlobAccess`](https://www.remotion.dev/docs/vercel/types#vercelblobaccess)

---