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
59 lines
1.3 KiB
Markdown
59 lines
1.3 KiB
Markdown
---
|
|
name: get-video-duration
|
|
description: Getting the duration of a video file in seconds with Mediabunny
|
|
metadata:
|
|
tags: duration, video, length, time, seconds
|
|
---
|
|
|
|
# Getting video duration with Mediabunny
|
|
|
|
Mediabunny can extract the duration of a video file. It works in browser, Node.js, and Bun environments.
|
|
|
|
## Getting video duration
|
|
|
|
```tsx
|
|
import { Input, ALL_FORMATS, UrlSource } from "mediabunny";
|
|
|
|
export const getVideoDuration = async (src: string) => {
|
|
const input = new Input({
|
|
formats: ALL_FORMATS,
|
|
source: new UrlSource(src, {
|
|
getRetryDelay: () => null,
|
|
}),
|
|
});
|
|
|
|
const durationInSeconds = await input.computeDuration();
|
|
return durationInSeconds;
|
|
};
|
|
```
|
|
|
|
## Usage
|
|
|
|
```tsx
|
|
const duration = await getVideoDuration("https://remotion.media/video.mp4");
|
|
console.log(duration); // e.g. 10.5 (seconds)
|
|
```
|
|
|
|
## 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 durationInSeconds = await input.computeDuration();
|
|
```
|
|
|
|
## Using with staticFile in Remotion
|
|
|
|
```tsx
|
|
import { staticFile } from "remotion";
|
|
|
|
const duration = await getVideoDuration(staticFile("video.mp4"));
|
|
```
|