KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#codex #developer-tools #typescript #ai-agents #claude-code #python #mcp #react #cli #macos #ai-agent #deepseek-harness

modern-mp4

★ 65 Open GitHub ↗

🚀 JavaScript MP4 Codec.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">modern-mp4</h1>

## Install

```shell
npm i modern-mp4

# peerDependencies
npm i mp4box
```

## Usage

### Encode

```ts
import { encode } from 'modern-mp4'

const blob = await encode({
  width: 1280,
  height: 720,
  audio: false,
  frames: [
    // data: string | CanvasImageSource | VideoFrame | AudioData
    { data: '/example1.png', duration: 3000 },
    { data: '/example2.png', duration: 3000 },
  ],
})

window.open(URL.createObjectURL(blob))
```

### Encoder

```ts
import { MP4Encoder } from 'modern-mp4'

const encoder = new MP4Encoder({
  width: 1280,
  height: 720,
  audio: false,
  framerate: 30,
})

await encoder.encode({
  data: '/example1.png',
  timestamp: 0,
  duration: 33,
})

await encoder.encode({
  data: '/example1.png',
  timestamp: 33,
  duration: 66,
})

const blob = await encoder.flush()

window.open(URL.createObjectURL(blob))
```

### Decode

```ts
import { decode } from 'modern-mp4'

const infoWithFrames = await decode({
  // string | Blob | BufferSource | Array<BufferSource> | readableStream<BufferSource>
  data: './example.mp4',
  audio: false,
  // framerate: 10,
  // onInfo: info => console.log(info),
  // onFrame: frame => { console.log(frame) },
  // onProgress: (current, total) => console.log(`decode frame ${current}/${total}`),
})

console.log(infoWithFrames)
```

modern-mp4

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README