正在加载视频...

视频加载失败

返回首页

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

wesbos's profile picture

Wes Bos

434,103 subscribers

103,719 次观看 • 1 年前 •via X (Twitter)

教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Ben Holmes 的头像
Ben Holmes1 年前

Ohh so THATS what they meant by “clean code”

glueckkanja 的头像
glueckkanja4 年前

Are you searching for a simple way to deploy device certificates with #Intune? Check out SCEPman at

defyus 的头像
defyus1 年前

damn, i'm going to build a irobot army. so sick.

Wes Bos 的头像
Wes Bos1 年前

we should fight them

monika 🐢 的头像
monika 🐢1 年前

you can attach the blutooth module in vaccum then move using bluetooth from browser

Wes Bos 的头像
Wes Bos1 年前

thats what I'm looking at right now - I have an ESP32 which I think I can load some sort of serial bridge onto. Wifi would be even better

Sahazel 的头像
Sahazel1 年前

bro will do ANYTHING but touch C😭 impressive tho

Jared Folkins 🇺🇸 的头像
Jared Folkins 🇺🇸1 年前

JavaScript literally sucks

psk 的头像
psk1 年前

This is very cool Bos. Looking forward for learn more about this.

Al Mac 的头像
Al Mac1 年前

This seems to be the most epic side project I’ve seen so far in 2025. Consider: If you add a flamethrower on it you can add “built killer robot” to your CV.

Chris Smith 的头像
Chris Smith1 年前

Sweet. Has me thinking 🤔

相关视频

The open ai realtime api is sick! I hooked it up to control my browser so I could browse the web with my voice 🤯
2:05

The open ai realtime api is sick! I hooked it up to control my browser so I could browse the web with my voice 🤯

Sawyer Hood

322,062 次观看 • 1 年前

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 个月前

I love the concept of having AI interact with the web real-time That’s why I built You can search the web with English prompting or interact with the browser in-app Built with Vercel AI SDK, Next.js Route Handlers, and browserbase 🅱️ API Check it out! It’s open-source :)
0:22

I love the concept of having AI interact with the web real-time That’s why I built You can search the web with English prompting or interact with the browser in-app Built with Vercel AI SDK, Next.js Route Handlers, and browserbase 🅱️ API Check it out! It’s open-source :)

AP

33,224 次观看 • 1 年前

🤓 You can now read live Hacker News on via Gopher Gopher is the old internet protocol that was kind of a precursor to the web, it ran on port 70 instead of 80, and was pretty similar to the web, also live pages with hyperlinks but more limited You can open it via the computer or in any Gopher browser at gopher://hn.pieter.com:70 or via Gopher proxy like this: It runs on hn-gopher by Michael Lazar
1:06

🤓 You can now read live Hacker News on via Gopher Gopher is the old internet protocol that was kind of a precursor to the web, it ran on port 70 instead of 80, and was pretty similar to the web, also live pages with hyperlinks but more limited You can open it via the computer or in any Gopher browser at gopher://hn.pieter.com:70 or via Gopher proxy like this: It runs on hn-gopher by Michael Lazar

@levelsio

148,905 次观看 • 9 个月前

Part 02 -- Universal CLI Agent Server Claude Code, Codex CLI, Qwen Code, Gemini CLI, or anything---Use ANY terminal AI agents right in the browser with 1 click, just like web surfing. Reply to help with beta.
3:32

Part 02 -- Universal CLI Agent Server Claude Code, Codex CLI, Qwen Code, Gemini CLI, or anything---Use ANY terminal AI agents right in the browser with 1 click, just like web surfing. Reply to help with beta.

cocktail peanut

12,197 次观看 • 7 个月前

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 个月前

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 experience: We understand the needs of JavaScript developers and give you all of the niceness. Visit to get started!
7:54

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 experience: We understand the needs of JavaScript developers and give you all of the niceness. Visit to get started!

Jonny Burger

27,824 次观看 • 1 年前

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself
6:51

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself

Wes Bos

222,671 次观看 • 1 年前

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace
1:01

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 次观看 • 8 个月前

New in Claude Code: /ultraplan Claude builds an implementation plan for you on the web. You can read it and edit it, then run the plan on the web or back in your terminal. Available now in preview for all users with CC on the web enabled.
0:20

New in Claude Code: /ultraplan Claude builds an implementation plan for you on the web. You can read it and edit it, then run the plan on the web or back in your terminal. Available now in preview for all users with CC on the web enabled.

Thariq

1,296,769 次观看 • 2 个月前

Is this the future of AI browser agents? 👀 WebGPU-accelerated reasoning LLMs are now supported in Transformers.js! 🤯 Here's MiniThinky-v2 (1B) running 100% locally in the browser at ~60 tps (no API calls)! I can't wait to see what you build with it! Demo + source code in 🧵👇
0:22

Is this the future of AI browser agents? 👀 WebGPU-accelerated reasoning LLMs are now supported in Transformers.js! 🤯 Here's MiniThinky-v2 (1B) running 100% locally in the browser at ~60 tps (no API calls)! I can't wait to see what you build with it! Demo + source code in 🧵👇

Xenova

81,346 次观看 • 1 年前

In the next version of T3 Code: Adding new projects becomes a breeze. Not relying on the native file browser make it work on web and remote environments!
0:31

In the next version of T3 Code: Adding new projects becomes a breeze. Not relying on the native file browser make it work on web and remote environments!

Julius

158,358 次观看 • 1 个月前

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.
3:51

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

Y Combinator

49,731 次观看 • 7 个月前

Web Analytics in the browser with DuckDB WASM: Filtering in milliseconds, instead of waiting for API responses
0:35

Web Analytics in the browser with DuckDB WASM: Filtering in milliseconds, instead of waiting for API responses

Tobias Müller

56,910 次观看 • 1 年前

I just wrote a simple web service to restore the screenshot sharing functionality that Nintendo removed some years ago in Wii U. No console modification needed, the magic is done by the web browser!
0:50

I just wrote a simple web service to restore the screenshot sharing functionality that Nintendo removed some years ago in Wii U. No console modification needed, the magic is done by the web browser!

Marc Max

47,790 次观看 • 1 年前

WebMCP is the future of the web. Agents can now interact with any website without ever seeing the UI. I built a starter template to show how: A DoorDash like app where the agent adds items to cart and checks out with the right address + promo code. The browser is now the API.
0:31

WebMCP is the future of the web. Agents can now interact with any website without ever seeing the UI. I built a starter template to show how: A DoorDash like app where the agent adds items to cart and checks out with the right address + promo code. The browser is now the API.

Pietro Schirano

167,631 次观看 • 3 个月前

Try running plugin API code in the JavaScript console and see what happens
3:35

Try running plugin API code in the JavaScript console and see what happens

Figma

28,235 次观看 • 1 年前

This is a standard practice for almost all Tier-1 banking applications in Nigeria, and for some fintech applications I’ve previously performed pentests on. Client-side encryption isn’t a total waste, or a waste of compute, as some people have claimed, but rather a measure to protect against API tampering or API request/response manipulation between the client and the server when implemented properly. Even with HTTPS, attackers can capture a decrypted version of web or mobile API data in transit because the browser and the server establish a level of trust during the TLS handshake. Attackers can leverage this trust to capture & proxy already-decrypted traffic, tamper with it, and then forward it to the server. This allows them to override what the user interface or client is originally supposed to send and replace it with data of their choosing. That is why validation needs to be performed on both the client and the server side. To wrap up, encrypting API requests and responses makes it significantly harder for attackers to tamper with data, even if they capture the traffic, unless they have access to the encryption details (algorithm, encryption mode, key size, secret key, and initialization vector), assuming asymmetric encryption is used. In the demo below, you can see how I discovered additional parameters (balance, is_admin) in the API response, captured the registration API request, despite it being sent over HTTPS from the interface, added the discovered parameters, and successfully inflated my balance to 50 billion and also escalated my privileges to admin, and ultimately deleted the accounts of two live users/customers. In the second slide, I captured an API traffic of a bank app, and you can see how difficult the payloads are to read.
2:38

This is a standard practice for almost all Tier-1 banking applications in Nigeria, and for some fintech applications I’ve previously performed pentests on. Client-side encryption isn’t a total waste, or a waste of compute, as some people have claimed, but rather a measure to protect against API tampering or API request/response manipulation between the client and the server when implemented properly. Even with HTTPS, attackers can capture a decrypted version of web or mobile API data in transit because the browser and the server establish a level of trust during the TLS handshake. Attackers can leverage this trust to capture & proxy already-decrypted traffic, tamper with it, and then forward it to the server. This allows them to override what the user interface or client is originally supposed to send and replace it with data of their choosing. That is why validation needs to be performed on both the client and the server side. To wrap up, encrypting API requests and responses makes it significantly harder for attackers to tamper with data, even if they capture the traffic, unless they have access to the encryption details (algorithm, encryption mode, key size, secret key, and initialization vector), assuming asymmetric encryption is used. In the demo below, you can see how I discovered additional parameters (balance, is_admin) in the API response, captured the registration API request, despite it being sent over HTTPS from the interface, added the discovered parameters, and successfully inflated my balance to 50 billion and also escalated my privileges to admin, and ultimately deleted the accounts of two live users/customers. In the second slide, I captured an API traffic of a bank app, and you can see how difficult the payloads are to read.

Ghost St Badmus

216,817 次观看 • 5 个月前

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 年前