惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

C
Check Point Blog
Y
Y Combinator Blog
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
Martin Fowler
Martin Fowler
博客园_首页
大猫的无限游戏
大猫的无限游戏
美团技术团队
S
SegmentFault 最新的问题
T
The Blog of Author Tim Ferriss
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
MyScale Blog
MyScale Blog
小众软件
小众软件
Vercel News
Vercel News
阮一峰的网络日志
阮一峰的网络日志
N
Netflix TechBlog - Medium
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
量子位
博客园 - 【当耐特】
J
Java Code Geeks
F
Fortinet All Blogs
宝玉的分享
宝玉的分享
Stack Overflow Blog
Stack Overflow Blog
博客园 - 司徒正美

Remotion | Make videos programmatically Blog

Sponsoring Mediabunny Remotion Editor Starter Lambda renders are now faster You can now deploy the Remotion Studio Remotion 4.0 Remotion 3.3 We raised CHF 180k to simplify programmatic video! Remotion 3.2 Remotion 3.1 Remotion 3.0 Remotion 2.6 Remotion 2.5 Remotion 2.4 Remotion 2.3 Remotion 2.2 Remotion 2.1 Remotion 2.0 Announcing pricing for company licenses Remotion 1.5
Remotion Media Parser
Jonny Burger · 2025-05-20 · via Remotion | Make videos programmatically Blog

note

Update September 2025: We are phasing out Media Parser and are moving to Mediabunny!

We're taking video even more seriously with our own multimedia library, designed from the ground up for JavaScript and the web!

Remotion Media Parser Docs

In short, what does Remotion Media Parser achieve?

Better metadata retrieval

Get more information from more file formats, faster. An universal API that works on both the server and the client.

You can choose which metadata you want to retrieve, and Media Parser will choose the fastest way.

Get metadata from a video

const result = await parseMedia({ src: 'https://remotion.media/video.mp4', fields: { durationInSeconds: true, dimensions: true, fps: true, slowKeyframes: true, slowVideoBitrate: true, isHdr: true, videoCodec: true, rotation: true, numberOfAudioChannels: true, sampleRate: true, metadata: true, }, }); console.log(result.durationInSeconds);

(property) durationInSeconds: number | null

Video decoding and processing

Media Parser ties into the WebCodecs API – hardware-accelerated decoding, built right into the browser. Previously hard to use, now made accessible!

Video decoding

Decode video frames

const result = await parseMedia({ src: 'https://remotion.media/video.mp4', onVideoTrack: (track) => { const videoDecoder = new VideoDecoder({ output: console.log, error: console.error, }); return (sample) => { videoDecoder.decode(new EncodedVideoChunk(sample)); }; }, });

note

This is an oversimplified example - you might get performance problems running this code with longer videos because samples are being passed faster than they can be decoded.

Unlock new use cases

WebCodecs use cases

Developers need a better way to work with video on the web.

Media Parser is a foundational library that unlocks many upcoming improvements to Remotion and for the web in general. We will be implementing many of these ideas ourselves, but also invite you to build with Media Parser.

We built the fastest video converter on the web

Try out remotion.dev/convert, our web video converter powered by Remotion Media Parser and WebCodecs. Because it works offline and the conversion is hardware-accelerated, it is faster than any other web converter we could find!

note

Update, 20th October 2025: We are phasing out Media Parser and are moving to Mediabunny! remotion.dev/convert is now updated to use Mediabunny.

Converter