lucianoandClaude Fable 5
21ad969b10
App Kotlin Multiplatform (Android/iOS/Desktop) con Compose Multiplatform: controllo intonazione (YIN), pratica guidata, metronomo, ear training, sfide, scansione spartiti via AI, spartiti bundled e pentagramma con glifi tipografici, travature, battute e spaziatura proporzionale. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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"));
|
|
```
|