---
image: /generated/articles-docs-webcodecs-index.png
sidebar_label: Overview
title: '@remotion/webcodecs'
---

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import {TableOfContents, WebCodecsGuide} from './TableOfContents';

# @remotion/webcodecs<AvailableFrom v="4.0.229" />

:::warning
[We are phasing out Remotion WebCodecs and are moving to Mediabunny](/blog/mediabunny)!
:::

This package provides APIs for converting videos in the browser.  
It leverages [`@remotion/media-parser`](/docs/media-parser) to parse the video and audio data, and then uses the [WebCodecs API](https://developer.mozilla.org/en-US/docs/Web/API/WebCodecs_API) to encode the video.

import {LicenseDisclaimer} from './LicenseDisclaimer';
import {UnstableDisclaimer} from './UnstableDisclaimer';

## What can you do with this package?

In browsers that implement WebCodecs, you can use this package to:

- [Convert videos from one format to another](/docs/webcodecs/convert-a-video) (From .mp4, .webm, .mov, .mkv, .m3u8, .ts, .avi, .mp3, .flac, .wav, .m4a, .aac to .mp4, .webm, .wav)
- [Rotate videos](/docs/webcodecs/rotate-a-video)
- [Efficiently extract frames from a video](/docs/webcodecs/extract-frames)
- Extract audio from a video
- Manipulate the pixels of a video
- [Fix videos that were recorded with `MediaRecorder`](/docs/webcodecs/fix-mediarecorder-video)
- Soon: Compress, trim, crop videos

## Is it fast?

Unlike solutions which leverage WebAssembly, WebCodecs have full access to GPU acceleration.  
You can expect vastly faster processing than with online converters or WebAssembly-based processing.

See a [comparison](https://github.com/remotion-dev/webcodecs-benchmark) here.

## 💼 License Disclaimer

<LicenseDisclaimer />

## 🚧 Unstable API Warning

<UnstableDisclaimer />

## Installation

```bash
npx remotion add @remotion/webcodecs
```

## Guide

<WebCodecsGuide />

## APIs

The following APIs are available:

<TableOfContents />