936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

Syntax - Tasty Web Development Treats

Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.

29d ago 47:12

MP3•에피소드 홈

Scott, Wes, and CJ dive into Wes’s Hackweek project: a real-time, web-controlled LED grid. They break down the hardware build, custom 3D-printed diffuser, ESP32 microcontroller, and Cloudflare durable objects powering live pixel art, GitHub activity displays, and interactive web drawings.

Show Notes

00:00 Welcome to Syntax!
02:03 Wes’ Hackweek project: a web-controlled LED grid
03:52 The hardware: LED panels, soldering, and power
- WS2812 LED panels
06:38 ESP32 microcontroller and WLED firmware explained
- ESP32 Microcontroller
10:57 Power supply challenges and injection fixes
15:05 Debugging and testing a DIY LED matrix
15:56 Shorts, blown circuits, and melted wires
17:58 Designing and 3D-printing the diffuser for crisp pixels
21:29 The software: Cloudflare Durable Objects + Party Server
- Cloudflare Durable Objects
- Party.server
22:18 Real-time sync and state management across clients
- Party Client
28:43 Connecting the server to the LED hardware
41:51 Open access fun: scripts, NSFW images, and moderation
- Cloudflare tunnel
44:10 Live demos
45:34 Future plans: stats, rooms, and making it always-on

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

948 에피소드

#Web Development #Software Development #Tech News #Webdevelopment #Wes Bos #Scott Tolinski - Full Stack JavaScript Web Developers #News #Tech #HTML #JavaScript #CSS #HTML5