George Cave

Prototyping with Hardware and the Web

What if your Arduino could pretend to be a keyboard? Discover a simple, powerful, and slightly dangerous way to control any desktop app from your hardware.

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.

job ad

Saby Company
Delebio, Italy

Intermediate

test

Milly
Vienna, Austria

Intermediate

Featured Partners

Related Articles

View all articles
CH
Chris Heilmann
All the videos of Halfstack London 2024!
Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
All the videos of Halfstack London 2024!
CH
Chris Heilmann
Dev Digest 138 - Are you secure about this?
Hello there! This is the 2nd "out of the can" edition of 3 as I am on vacation in Greece eating lovely things on the beach. So, fewer news, but lots of great resources. Many around the topic of security. Enjoy! News and ArticlesGoogle Pixel phones t...
Dev Digest 138 - Are you secure about this?
LM
Luis Minvielle
Developers share the most interesting tech they ever built
Most people's first thoughts about Hacker News revolve around venture capital, stock prices, company valuations, and $1499 dongles. But what if we told you that Hacker News could also be a place for pure, consummate, wholesome content that tackles ho...
Developers share the most interesting tech they ever built

From learning to earning

Jobs that call for the skills explored in this talk.