87671ce026
Imported official Remotion skill for video creation in React: - 28 modular rule files covering animations, audio, video, captions, 3D, etc. - Added author (remotion-dev) and version (1.0) metadata - Updated skill count: 224 → 225 - Regenerated skills_index.json Source: https://github.com/remotion-dev/skills
69 lines
1.6 KiB
Markdown
69 lines
1.6 KiB
Markdown
---
|
|
name: get-video-dimensions
|
|
description: Getting the width and height of a video file with Mediabunny
|
|
metadata:
|
|
tags: dimensions, width, height, resolution, size, video
|
|
---
|
|
|
|
# Getting video dimensions with Mediabunny
|
|
|
|
Mediabunny can extract the width and height of a video file. It works in browser, Node.js, and Bun environments.
|
|
|
|
## Getting video dimensions
|
|
|
|
```tsx
|
|
import { Input, ALL_FORMATS, UrlSource } from "mediabunny";
|
|
|
|
export const getVideoDimensions = async (src: string) => {
|
|
const input = new Input({
|
|
formats: ALL_FORMATS,
|
|
source: new UrlSource(src, {
|
|
getRetryDelay: () => null,
|
|
}),
|
|
});
|
|
|
|
const videoTrack = await input.getPrimaryVideoTrack();
|
|
if (!videoTrack) {
|
|
throw new Error("No video track found");
|
|
}
|
|
|
|
return {
|
|
width: videoTrack.displayWidth,
|
|
height: videoTrack.displayHeight,
|
|
};
|
|
};
|
|
```
|
|
|
|
## Usage
|
|
|
|
```tsx
|
|
const dimensions = await getVideoDimensions("https://remotion.media/video.mp4");
|
|
console.log(dimensions.width); // e.g. 1920
|
|
console.log(dimensions.height); // e.g. 1080
|
|
```
|
|
|
|
## Using with local files
|
|
|
|
For local files, use `FileSource` instead of `UrlSource`:
|
|
|
|
```tsx
|
|
import { Input, ALL_FORMATS, FileSource } from "mediabunny";
|
|
|
|
const input = new Input({
|
|
formats: ALL_FORMATS,
|
|
source: new FileSource(file), // File object from input or drag-drop
|
|
});
|
|
|
|
const videoTrack = await input.getPrimaryVideoTrack();
|
|
const width = videoTrack.displayWidth;
|
|
const height = videoTrack.displayHeight;
|
|
```
|
|
|
|
## Using with staticFile in Remotion
|
|
|
|
```tsx
|
|
import { staticFile } from "remotion";
|
|
|
|
const dimensions = await getVideoDimensions(staticFile("video.mp4"));
|
|
```
|