|
| 1 | +--- |
| 2 | +number: 936 |
| 3 | +title: "Realtime LED Wall With React + Websockets (I Let Strangers Control It)" |
| 4 | +date: 1757502000000 |
| 5 | +url: https://traffic.megaphone.fm/FSI9050594969.mp3 |
| 6 | +youtube_url: https://www.youtube.com/watch?v=4r0tS9xstzM |
| 7 | +--- |
| 8 | + |
| 9 | +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. |
| 10 | + |
| 11 | +### Show Notes |
| 12 | + |
| 13 | +* **[00:00](#t=00:00)** Welcome to Syntax! |
| 14 | +* **[02:03](#t=02:03)** Wes’ Hackweek project: a web-controlled LED grid |
| 15 | +* **[03:52](#t=03:52)** The hardware: LED panels, soldering, and power |
| 16 | + - [WS2812 LED panels](https://www.amazon.com/s?k=WS2812+led+panels&crid=3QK4XZNYSG63J) |
| 17 | +* **[06:38](#t=06:38)** ESP32 microcontroller and WLED firmware explained |
| 18 | + - [ESP32 Microcontroller](https://www.amazon.com/s?k=esp+32+microcontroller) |
| 19 | +* **[10:57](#t=10:57)** Power supply challenges and injection fixes |
| 20 | +* **[15:05](#t=15:05)** Debugging and testing a DIY LED matrix |
| 21 | +* **[15:56](#t=15:56)** Shorts, blown circuits, and melted wires |
| 22 | +* **[17:58](#t=17:58)** Designing and 3D-printing the diffuser for crisp pixels |
| 23 | +* **[21:29](#t=21:29)** The software: Cloudflare Durable Objects + Party Server |
| 24 | + - [Cloudflare Durable Objects](https://developers.cloudflare.com/durable-objects/) |
| 25 | + - [Party.server](https://docs.partykit.io/reference/partyserver-api/) |
| 26 | +* **[22:18](#t=22:18)** Real-time sync and state management across clients |
| 27 | + - [Party Client](https://docs.partykit.io/reference/partysocket-api/) |
| 28 | +* **[28:43](#t=28:43)** Connecting the server to the LED hardware |
| 29 | +* **[41:51](#t=41:51)** Open access fun: scripts, NSFW images, and moderation |
| 30 | + - [Cloudflare tunnel](https://local.wesbos.com/) |
| 31 | +* **[44:10](#t=44:10)** Live demos |
| 32 | +* **[45:34](#t=45:34)** Future plans: stats, rooms, and making it always-on |
| 33 | + |
| 34 | +### Hit us up on Socials! |
| 35 | + |
| 36 | +Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm) |
| 37 | + |
| 38 | +Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos) |
| 39 | + |
| 40 | +Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski) |
| 41 | + |
| 42 | +Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor) |
0 commit comments