正在加载视频...

视频加载失败

返回首页

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...

JNYBGR's profile picture

Jonny Burger

15,144 subscribers

27,824 次观看 • 1 年前 •via X (Twitter)

健康养生科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Jonny Burger 的头像
Jonny Burger1 年前

Media Parser is on Product Hunt:

AssemblyAI 的头像
AssemblyAI1 年前

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 👇

Hirbod 的头像
Hirbod1 年前

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 Burger 的头像
Jonny Burger1 年前

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 Satya 的头像
Nayak Satya1 年前

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

Patric Salvisberg 的头像
Patric Salvisberg1 年前

Amazing!

Pavel Svitek 🇨🇭 的头像
Pavel Svitek 🇨🇭1 年前

🚀

stephen 🌿 的头像
stephen 🌿1 年前

congrats!! looks awesome

Sebastian Semeniuc 的头像
Sebastian Semeniuc1 年前

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

Lars Graubner 的头像
Lars Graubner1 年前

Congratz on the launch! Awesome work 😊

Alex Barashkov 的头像
Alex Barashkov1 年前

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!

相关视频

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

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

James Almeida 🌐

76,092 次观看 • 1 年前

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! 🎄
0:34

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 次观看 • 1 年前

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
1:20

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 次观看 • 1 年前

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:
0:59

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 次观看 • 1 年前

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.
0:27

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,050 次观看 • 2 个月前

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
0:45

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 次观看 • 10 个月前

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”
1:33

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 次观看 • 13 天前

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.
0:23

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 次观看 • 9 个月前

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 😁
0:59

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 次观看 • 11 个月前

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!
0:24

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 次观看 • 7 个月前

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:
0:39

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 次观看 • 8 个月前

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:
5:52

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 次观看 • 1 年前

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
1:09

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 次观看 • 3 个月前

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 ➡️
0:34

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 次观看 • 2 个月前

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.
0:40

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 次观看 • 11 个月前

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!
0:59

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 次观看 • 7 个月前

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"
0:30

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 次观看 • 2 个月前

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!
3:07

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 次观看 • 3 个月前

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!
32:32

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 次观看 • 1 年前