WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Aug 11, 2023

Prototyping with Hardware and the Web

George Cave

Why rely on complex middleware to control physical interfaces? Discover how native browser APIs like Web USB seamlessly bridge JavaScript applications directly with microcontroller hardware.

Pause
Mute Enter Fullscreen
#1 about 2 min

Connecting hardware prototypes to the web browser

Web native APIs allow rapid iteration for building physical hardware controllers.

#2 about 4 min

Emulating computer keyboards with Arduino hardware boards

Specialized microcontrollers can automatically present themselves as human interface devices via USB.

#3 about 3 min

Programming keyboard emulation code with safety mechanisms

Implementing physical switches that write keystrokes requires emergency loops to prevent accidental system lockouts.

#4 about 3 min

Controlling the Chrome dinosaur game with physical prototypes

Aluminum foil pads function as basic hardware switches to trigger web browser events.

#5 about 3 min

Bidirectional hardware communication using the web USB API

Connecting directly over serial ports streams complex data between physical hardware and client applications.

#6 about 5 min

Processing serial data streams and building audio synthesizers

Line break transformers resolve chunked message errors for smooth sensor transmission to browser oscillators.

#7 about 4 min

Replacing complex wireless networking with web bluetooth connections

Generic attribute profiles enable direct low energy wireless linking between local prototypes and web applications.

#8 about 4 min

Advertising bluetooth services and parsing custom characteristic data

Implementing universal unique identifiers ensures web apps request and connect to correct custom hardware characteristics.

#9 about 2 min

Hardware recommendations and protocol compatibility for web interactions

Selecting specific electronic chip architectures determines whether devices support target peripheral logic and connection types.

#10 about 5 min

Exploring alternative microcontrollers and hardware material sourcing

Experience prototyping prioritizes affordable hardware boards over robust computing environments for rapid peripheral iteration.

Matching moments

5:39 min

Sharing physical hardware access in remote browser laboratories

André Dietrich André Dietrich · World Congress 2024

2:40 min

Expanding browser capabilities through Project Fugu and hardware APIs

Chris Heilmann Chris Heilmann +2 · LIVE

3:56 min

Connecting external hardware with web USB and Bluetooth

Lucien Immink · LIVE

5:21 min

Controlling physical hardware protocols via WebUSB and CSS

Chris Heilmann Chris Heilmann +2 · LIVE

1:51 min

Developing specialized hardware kits for web of things integration

Philipp-Alexander Blum · LIVE

1:36 min

Discovering programming through early computers and web development

Andrew Taylor · Coffee With Developers

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
almost 3 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
almost 3 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
almost 3 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
almost 3 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
almost 3 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Related videos

Beats in the Browser: Coding Music with JavaScript thumbnail
32:54
LIVE • almost 2 years ago

Beats in the Browser: Coding Music with JavaScript

Rowdy Rabouw

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw thumbnail
1:13:35
LIVE • over 1 year ago

New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw

Chris Heilmann, Daniel Cranney, Rowdy Rabouw

WeAreDevelopers LIVE - CSS is DOOMed thumbnail
1:01:17
LIVE • 5 months ago

WeAreDevelopers LIVE - CSS is DOOMed

Chris Heilmann, Daniel Cranney, Niels Leenheer

Creating compelling cross-device foldable experiences on the Web thumbnail
25:38
about 2 years ago

Creating compelling cross-device foldable experiences on the Web

Matthew Atkinson

Possibilities with Web Capabilities thumbnail
27:05
World Congress 2025 • about 1 year ago

Possibilities with Web Capabilities

Rowdy Rabouw

WeAreDevelopers LIVE - 50 years Microsoft, Web Readiness Report, The German Web Community and more thumbnail
1:04:50
LIVE • over 1 year ago

WeAreDevelopers LIVE - 50 years Microsoft, Web Readiness Report, The German Web Community and more

Chris Heilmann, Daniel Cranney, Christian Schaefer

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.