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.

Designer

Andrew Comp

Andrew Comp
Berlin, Germany

Intermediate
Java
JavaScript

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

Unlock full access

Log in or set up an account to access this feature and more.

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

Unlock full access

Log in or set up an account to access this feature and more.

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

From tinkering with PCs to open source IoT

IoT: The road to sustainability

Unlock full access

Log in or set up an account to access this feature and more.

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

Unlock full access

Log in or set up an account to access this feature and more.

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

Unlock full access

Log in or set up an account to access this feature and more.

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.

Unlock full access

Log in or set up an account to access this feature and more.

Presenting live web scraping demos at a developer conference
01:57 MIN

Presenting live web scraping demos at a developer conference

Tech with Tim at WeAreDevelopers World Congress 2024

Unlock full access

Log in or set up an account to access this feature and more.

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

Unlock full access

Log in or set up an account to access this feature and more.

Featured Partners

Related Videos

See all videos
The State Of The Web43:11

The State Of The Web

Jeremy Keith

Design Principles For The Web29:11

Design Principles For The Web

Jeremy Keith

Explore new web features before everyone else44:43

Explore new web features before everyone else

Nikita Dubko

The Naked Web Developer: Your Browser Is Your Framework42:46

The Naked Web Developer: Your Browser Is Your Framework

Avichay Eyal

Beats in the Browser: Coding Music with JavaScript32:54

Beats in the Browser: Coding Music with JavaScript

Rowdy Rabouw

Web APIs you might not know about43:53

Web APIs you might not know about

Sasha Shynkevich

Extending HTML with Web Components41:54

Extending HTML with Web Components

Rowdy Rabouw

Live Coding an Augmented Reality Game with WebXR44:30

Live Coding an Augmented Reality Game with WebXR

Christian Grail

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.