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.

Matching moments

Developing a playful hardware kit for Web of Things
02:22 MIN

Developing a playful hardware kit for Web of Things

IoT: The road to sustainability

Key takeaways on creative software and hardware projects
02:44 MIN

Key takeaways on creative software and hardware projects

How to Automate your Murder Mystery

From tinkering with PCs to open source IoT
05:24 MIN

From tinkering with PCs to open source IoT

IoT: The road to sustainability

Introducing Adress for building remote hardware labs
02:13 MIN

Introducing Adress for building remote hardware labs

Transforming Education: A Journey from interactive Markdown to Remote-Labs

A developer's journey from web dev to IoT
08:08 MIN

A developer's journey from web dev to IoT

IoT: The road to sustainability

A software developer's perspective on building AI prototypes
04:28 MIN

A software developer's perspective on building AI prototypes

Bringing the power of AI to your application.

Key takeaways for building and debugging IoT projects
03:23 MIN

Key takeaways for building and debugging IoT projects

Building your way to a serverless powered IOT Buzzwire game

Encouraging creative coding and hardware experimentation
01:53 MIN

Encouraging creative coding and hardware experimentation

How to Automate your Murder Mystery

Featured Partners

Related Videos

See all videos
Beats in the Browser: Coding Music with JavaScript
32:54

Beats in the Browser: Coding Music with JavaScript

Rowdy Rabouw

Design Principles For The Web
29:11

Design Principles For The Web

Jeremy Keith

The State Of The Web
43:11

The State Of The Web

Jeremy Keith

Explore new web features before everyone else
44:43

Explore new web features before everyone else

Nikita Dubko

Catching up on the basics you don't really need that much code
14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

The Naked Web Developer: Your Browser Is Your Framework
42:46

The Naked Web Developer: Your Browser Is Your Framework

Avichay Eyal

Extending HTML with Web Components
41:54

Extending HTML with Web Components

Rowdy Rabouw

Web development: where are we, and where are we going?
32:56

Web development: where are we, and where are we going?

Laurie Voss

Related Articles

View all articles
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!
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?
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.