George Cave
Prototyping with Hardware and the Web
#1about 2 minutes
Connecting hardware prototypes to the browser
An overview of using browser APIs and common techniques to bridge the gap between physical hardware and web-based user interfaces.
#2about 6 minutes
Using Arduino for keyboard emulation to control software
Program an Arduino to act as a Human Interface Device (HID) to send keyboard commands and control any application without custom code.
#3about 3 minutes
Building a physical game controller with keyboard emulation
A live demonstration shows how to create a simple circuit with aluminum foil to play the Chrome Dino game by sending spacebar key presses.
#4about 7 minutes
Bidirectional communication with the Web Serial API
Learn how to use the Web Serial API and Streams API for two-way data transfer between a browser and hardware, demonstrated by building a musical instrument.
#5about 7 minutes
Wireless prototyping with the Web Bluetooth API
A walkthrough of connecting hardware wirelessly using the Web Bluetooth API, covering GATT services, characteristics, and a live audience-controlled demo.
#6about 2 minutes
Recommended hardware and a summary of techniques
A guide to selecting the right Arduino boards for keyboard emulation and Web Bluetooth, along with a summary comparing the different prototyping methods.
#7about 4 minutes
Audience Q&A on hardware and prototyping
The speaker answers audience questions about specific hardware like ESP32 and Raspberry Pi Pico, and the source for the stretchy sensor.
Related jobs
Jobs that call for the skills explored in this talk.
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
Matching moments
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
04:02 MIN
How a broken frontend culture impacts the web
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:05 MIN
Building collaborative design tools and the neo-brutalism trend
Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2
03:35 MIN
Building a one-time code input with semantic HTML
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
02:44 MIN
Rapid-fire thoughts on the future of work
What 2025 Taught Us: A Year-End Special with Hung Lee
11:10 MIN
The only frontend stack that truly matters
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
01:32 MIN
Organizing a developer conference for 15,000 attendees
Cat Herding with Lions and Tigers - Christian Heilmann
14:14 MIN
Scripting presentations and demos in VS Code
Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3
Featured Partners
Related Videos
The year 3000, a brief history of Web Development
Lorenzo Pieri
Beats in the Browser: Coding Music with JavaScript
Rowdy Rabouw
The State Of The Web
Jeremy Keith
Explore new web features before everyone else
Nikita Dubko
Design Principles For The Web
Jeremy Keith
Possibilities with Web Capabilities
Rowdy Rabouw
Catching up on the basics you don't really need that much code
Chris Heilmann
Web APIs you might not know about
Sasha Shynkevich
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript


Twin.Link GmbH
Osnabrück, Germany
Intermediate
Senior
React
TypeScript

Eltemate
Amsterdam, Netherlands
Intermediate
Senior
TypeScript
Automated Testing
Continuous Integration

Confideck GmbH
Vienna, Austria
Remote
Intermediate
Senior
Node.js
MongoDB
TypeScript

Patronus Group
Berlin, Germany
Senior
Kotlin
Spring Boot
Amazon Web Services (AWS)

Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
React
TypeScript


Intetics
Intermediate
GIT
React
JavaScript
TypeScript