Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing Remotion Media Parser, a modern multimedia library for JavaScript! 👁️ A better way to retrieve metadata: More information, more formats, runs in the browser and on the server. 📼 Decoding video + audio: Process video frames and waveforms in the browser using the WebCodecs API. 👩‍🎤 Awesome developer... show more

Jonny Burger

15,144 subscribers

27,824 views • 1 year ago •via X (Twitter)

Health & Wellness Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Jonny Burger1 year ago

Media Parser is on Product Hunt:

AssemblyAI1 year ago

Our speech-to-text models are the most accurate on the market with top rankings across industry benchmarks. - The highest accuracy rates—up to 95% - Up to 30% fewer hallucinations than other leaders - Low latency—63 minutes converts in 35 seconds Try via API for free today 👇

Hirbod1 year ago

Incredible work. I just finished the parser part for retaining metadata, and that alone was brutal. You went the extra mile with webcodes support. Huge kudos and congrats on the release!

Jonny Burger1 year ago

Thank you Hirbod, one of the few who know how I feel! You never know, maybe we’ll end up collaborating at some point!

Nayak Satya1 year ago

Looks insanely dope Jonny A better way to retrieve metadata in JavaScript much needed. Thanks for sharing here in X

Patric Salvisberg1 year ago

Amazing!

Pavel Svitek 🇨🇭1 year ago

🚀

stephen 🌿1 year ago

congrats!! looks awesome

Sebastian Semeniuc1 year ago

Congrats on the launch! Very excited to see the progression of this package.

Lars Graubner1 year ago

Congratz on the launch! Awesome work 😊

Alex Barashkov1 year ago

Awesome, going to use it soon. I’m glad that I won’t need to run kinda ffmpeg -i at the background to get it. Congratulations on the release!

Related Videos

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

James Almeida 🌐

76,092 views • 1 year ago

Video resizing using WebCodecs! You can now downscale a video to a lower resolution in the browser, in multiple formats, offline, local, fast. Demo: Docs: Thanks for following my WebCodecs shenanigans this year! 🎄

Video resizing using WebCodecs! You can now downscale a video to a lower resolution in the browser, in multiple formats, offline, local, fast. Demo: Docs: Thanks for following my WebCodecs shenanigans this year! 🎄

Jonny Burger

96,025 views • 1 year ago

I did it. JavaScript vacuum is alive Wrote the code to control it in the browser via Web Serial API, or on the server with serialport

I did it. JavaScript vacuum is alive Wrote the code to control it in the browser via Web Serial API, or on the server with serialport

Wes Bos

103,719 views • 1 year ago

on-call has been broken for too long. we asked for your on-call horror stories and felt your pain. we’re on a mission to make things better for you, the modern developer. introducing beeps, the on-call platform for nextjs developers. get started in minutes–for free–today:

on-call has been broken for too long. we asked for your on-call horror stories and felt your pain. we’re on a mission to make things better for you, the modern developer. introducing beeps, the on-call platform for nextjs developers. get started in minutes–for free–today:

joey parsons

45,642 views • 1 year ago

Introducing Virtuals Console. The easiest way to create your own AI agent in seconds. No code. No Mac. No server. No setup. Just open a browser and get started.

Introducing Virtuals Console. The easiest way to create your own AI agent in seconds. No code. No Mac. No server. No setup. Just open a browser and get started.

Virtuals Protocol

220,002 views • 2 months ago

Introducing Voxtral WebGPU: State-of-the-art audio transcription directly in your browser! 🤯 🗣️ Transcribe videos, meeting notes, songs and more 🔐 Runs on-device, meaning no data is sent to a server 🌎 Multilingual (8 languages) 🤗 Completely free (forever) & open source

Introducing Voxtral WebGPU: State-of-the-art audio transcription directly in your browser! 🤯 🗣️ Transcribe videos, meeting notes, songs and more 🔐 Runs on-device, meaning no data is sent to a server 🌎 Multilingual (8 languages) 🤗 Completely free (forever) & open source

Xenova

19,969 views • 10 months ago

TypeScript was inspired by a strange ask from the outlook team. Anders Hejlsberg(Anders Hejlsberg) - creator of C#, TypeScript, Turbo Pascal & Delphi - tells us how TypeScript was born: “The world started building larger and larger applications in JavaScript. We saw that externally, but also internally. One of the trigger events was when the outlook team came to see the C# team and asked us whether we would pretty please productize this thing called Script#. And we go, well, what is Script#? It's this cross compiler that allows you to cross compile C# into JavaScript such that you can basically treat JavaScript as an instruction language and run your C# apps in a browser. Why would anyone want to do that? Well, because then you can get a grownup programming language with grownup tooling. You can use Visual Studio, you can have projects. You can do all of these wonderful things that you can't do with JavaScript because JavaScript is just the scripting language with shitty tooling. And we thought, well, perhaps a better approach would be to fix JavaScript. I mean, surely you're not going to be best of breed in the JavaScript ecosystem by telling people to write in a different programming language”

TypeScript was inspired by a strange ask from the outlook team. Anders Hejlsberg(Anders Hejlsberg) - creator of C#, TypeScript, Turbo Pascal & Delphi - tells us how TypeScript was born: “The world started building larger and larger applications in JavaScript. We saw that externally, but also internally. One of the trigger events was when the outlook team came to see the C# team and asked us whether we would pretty please productize this thing called Script#. And we go, well, what is Script#? It's this cross compiler that allows you to cross compile C# into JavaScript such that you can basically treat JavaScript as an instruction language and run your C# apps in a browser. Why would anyone want to do that? Well, because then you can get a grownup programming language with grownup tooling. You can use Visual Studio, you can have projects. You can do all of these wonderful things that you can't do with JavaScript because JavaScript is just the scripting language with shitty tooling. And we thought, well, perhaps a better approach would be to fix JavaScript. I mean, surely you're not going to be best of breed in the JavaScript ecosystem by telling people to write in a different programming language”

The Pragmatic Engineer

115,602 views • 13 days ago

Build an open-source AI video studio with this Next.js template using Veo 3 and Imagen 4 in the Gemini API. Create text-to-video, image-to-video, and edit videos in the browser for a specific time range.

Build an open-source AI video studio with this Next.js template using Veo 3 and Imagen 4 in the Gemini API. Create text-to-video, image-to-video, and edit videos in the browser for a specific time range.

Google AI Developers

41,423 views • 9 months ago

Introducing the quickest way to get data from anywhere on the internet, all without a single browser. We allow you to turn any website into an API in seconds, meaning you can get data faster and cheaper than ever before. Comment what sites you want to see Parse working on and I'll start pushing more demos soon! Super excited to be building at Founders Inc for the summer, join the waitlist at the link 😁

Introducing the quickest way to get data from anywhere on the internet, all without a single browser. We allow you to turn any website into an API in seconds, meaning you can get data faster and cheaper than ever before. Comment what sites you want to see Parse working on and I'll start pushing more demos soon! Super excited to be building at Founders Inc for the summer, join the waitlist at the link 😁

Alex

12,305 views • 11 months ago

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,060 views • 7 months ago

Join us as we pull back the curtain on a new chapter of Chrome in Behind the Browser: AI Edition 🎬 More AI features on more devices for a faster and more secure online experience. Watch now:

Join us as we pull back the curtain on a new chapter of Chrome in Behind the Browser: AI Edition 🎬 More AI features on more devices for a faster and more secure online experience. Watch now:

Chrome

21,424 views • 8 months ago

Browser-native video clipping & captioning tool - Strips audio & transcribes in seconds - Processes video entirely in the browser (no ffmpeg or server upload) - Custom fonts & text overlays - Renders in under a minute Better than 99% of SaaS solutions and practically free - shout out AssemblyAI & Vanilagy

Browser-native video clipping & captioning tool - Strips audio & transcribes in seconds - Processes video entirely in the browser (no ffmpeg or server upload) - Custom fonts & text overlays - Renders in under a minute Better than 99% of SaaS solutions and practically free - shout out AssemblyAI & Vanilagy

matt palmer

60,533 views • 3 months ago

Engineers, creatives, designers - lend me your ears, and eyes, to check my🥇1st tech demo of 2025: A #WebAI Agent running entirely client side in the browser, that's capable of controlling a flight search webpage, to get the job done! I'm using Google's Gemma 2 (2B) model in #JavaScript via #WebGPU thanks to the MediaPipe Web LLM library, combined with some extra function calling logic to enable advanced user experiences. If you like what you see, give this post a share, as I'm just one guy trying to show the world the power of Web AI to do great things. Try it for yourself using the link below after watching the video, but do so on a modernish machine (I have verified it runs on my 6 year old Dell XPS with only an Intel integrated GPU) but use a modern browser like Chrome as it needs WebGPU to run. Want me to make a demo for your industry? Tell me what you need / want to see next! Let me know what you think, and if you have any questions, then drop them in the comments below! YouTube Video Link:

Engineers, creatives, designers - lend me your ears, and eyes, to check my🥇1st tech demo of 2025: A #WebAI Agent running entirely client side in the browser, that's capable of controlling a flight search webpage, to get the job done! I'm using Google's Gemma 2 (2B) model in #JavaScript via #WebGPU thanks to the MediaPipe Web LLM library, combined with some extra function calling logic to enable advanced user experiences. If you like what you see, give this post a share, as I'm just one guy trying to show the world the power of Web AI to do great things. Try it for yourself using the link below after watching the video, but do so on a modernish machine (I have verified it runs on my 6 year old Dell XPS with only an Intel integrated GPU) but use a modern browser like Chrome as it needs WebGPU to run. Want me to make a demo for your industry? Tell me what you need / want to see next! Let me know what you think, and if you have any questions, then drop them in the comments below! YouTube Video Link:

Jason Mayes

42,891 views • 1 year ago

Control and render on the map in three dimensions with the power of WebGL and the Maps JavaScript API. ✨ ✈️ Check out this demo to see plans for a trip to London, including the flight, transportation, stay, and attractions, all in one interactive setting ➡️

Control and render on the map in three dimensions with the power of WebGL and the Maps JavaScript API. ✨ ✈️ Check out this demo to see plans for a trip to London, including the flight, transportation, stay, and attractions, all in one interactive setting ➡️

Google Maps Platform

71,226 views • 2 months ago

wtf is MCP? Paul Klein IV, CEO of explains "Model Context Protocol" (MCP) in plain terms: "There's this new way that people are exposing tools to AI & the 'Model Context Protocol' is one of those ways that you can standardize & give your AI a set of tools to call. BrowserBase has a way to expose the browser to your agent via MCP or MCP server. More & more developers are trying to find ways to integrate more functionalities to their AI agents & BrowserBase's browsers are one of those primitive functionalities, & the MCP is just one way to integrate it into your software." Paul Klein IV From 🅱️'s GitHub: Model Context Protocol (MCP) is an open protocol that enables seamless integration between LLM applications and external data sources and tools. Whether you’re building an AI-powered IDE, enhancing a chat interface, or creating custom AI workflows, MCP provides a standardized way to connect LLMs with the context they need. This server provides cloud browser automation capabilities using Browserbase and Stagehand. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a cloud browser environment.

wtf is MCP? Paul Klein IV, CEO of explains "Model Context Protocol" (MCP) in plain terms: "There's this new way that people are exposing tools to AI & the 'Model Context Protocol' is one of those ways that you can standardize & give your AI a set of tools to call. BrowserBase has a way to expose the browser to your agent via MCP or MCP server. More & more developers are trying to find ways to integrate more functionalities to their AI agents & BrowserBase's browsers are one of those primitive functionalities, & the MCP is just one way to integrate it into your software." Paul Klein IV From 🅱️'s GitHub: Model Context Protocol (MCP) is an open protocol that enables seamless integration between LLM applications and external data sources and tools. Whether you’re building an AI-powered IDE, enhancing a chat interface, or creating custom AI workflows, MCP provides a standardized way to connect LLMs with the context they need. This server provides cloud browser automation capabilities using Browserbase and Stagehand. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a cloud browser environment.

Molly O’Shea

20,408 views • 11 months ago

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

James Montemagno

47,489 views • 7 months ago

Introducing the new dev-browser cli. The fastest way for an agent to use a browser is to let it write code. Just `npm i -g dev-browser` and tell your agent to "use dev-browser"

Introducing the new dev-browser cli. The fastest way for an agent to use a browser is to let it write code. Just `npm i -g dev-browser` and tell your agent to "use dev-browser"

Sawyer Hood

861,138 views • 2 months ago

Introducing 🚨 The ultra-fast Linux-like OS in the browser, it's a mapping of Linux APIs to the browser APIs. Now run that untrusted code. You might not need a cloud sandbox! Made for Agents and Humans!

Introducing 🚨 The ultra-fast Linux-like OS in the browser, it's a mapping of Linux APIs to the browser APIs. Now run that untrusted code. You might not need a cloud sandbox! Made for Agents and Humans!

Sanket Sahu

222,765 views • 3 months ago

Andreas Kling, the creator of the Ladybird Browser, gave a keynote talk at our Don't Be Evil Summit this past March. We recorded it so that you all can learn about the great work he's doing in the browser space. Watch the video to learn more about Ladybird!

Andreas Kling, the creator of the Ladybird Browser, gave a keynote talk at our Don't Be Evil Summit this past March. We recorded it so that you all can learn about the great work he's doing in the browser space. Watch the video to learn more about Ladybird!

FUTO

13,796 views • 1 year ago