A taste of hardware connectivity on the web with Vue
summary
Browsers already control real devices using WebBluetooth, WebUSB and WebNFC inside a Vue progressive web app that stays installable and offline. Demos show a heart‑rate sensor reading values (works), a gesture band mio mostly recognizing gestures (patchy), a drone connection that fails, a USB printer that prints reliably, and Android ADB over USB to list and pull files. APIs are experimental, Chrome/Android‑focused, require HTTPS and a user gesture to pair.
AI-written summary · about
chapters (47)
- 0:00Introduction
- 0:25What is this stuff
- 0:42Lets see
- 1:08Im dead
- 1:27Hardware connectivity
- 1:48Majid Hajian
- 2:45Disclaimers
- 3:31Agenda
- 3:55Why hardware connectivity
- 4:40Progressive Web App
- 5:08Web App Manifest
- 6:08Bluetooth Smart
- 6:51Generic attribute profile
- 7:26Naming convention
- 7:37Hierarchy
- 8:53Read guide specification
- 9:53How it works
- 11:53What are the different options
- 12:33Filters
- 13:29Mio
- 14:02Gesture Detection
- 14:50Handoff
- 15:00Fist
- 15:31Drone
- 15:58Mumbo
- 18:42Power
- 19:05Web USP
- 19:51Quick points
- 20:19HTTP only
- 20:36Device deceptor
- 22:52Interface
- 23:20User Interaction
- 23:41Device Receptor
- 23:57Device Configuration
- 24:57Device Options
- 25:31Transferring Data
- 25:53Code Sample
- 26:07Transfer Control
- 26:45Isochronous
- 27:15Chrome Device Log
- 27:52Printer
- 29:58Shell command
- 32:03Web NFC
- 33:18Simple NFC
- 34:24Authentication
- 35:51Other APIs
- 36:30Roadmap
related talks
28mReal world, real devices, how to?
36mThe web in an era of smart devices
32mBridging the Web and the Physical world
10mConnecting hardware devices to the web
32mI'm afraid your browser has been talking to the robots again a gentle intro to WebUSB
55mThe Universal Serial Web
42mAdventures in reinventing interfaces
28mBridging the web and the physical world