Controlling the web with a PS5 controller

on YouTube ↗29m

" summary

Browser demo adds PS5 controller support to web games by switching from the Gamepad API (polling loop at 300 ms polling causing lag and no haptic/LED feedback) to the WebHID API, which requires explicit user permission, open/close and vendor/product filters. The WebHID flow reads input reports and sends output/feature reports; the presenter changes the light bar (successfully to green then blue) by writing RGB bytes 45–47. Demos include snake, Mario and a 13KB racing game; works but live demos are flaky and WebHID is Chromium-only and carries raw-data security risks.

AI-written summary · about

" chapters (16)

1. 0:00Introduction and demo
2. 1:30Talk overview and resources
3. 2:32Speaker introduction
4. 3:35APIs and Web APIs
5. 5:43GamePad API explained
6. 8:13GamePad API limitations
7. 11:05Web HID API introduction
8. 13:15Connecting devices with Web HID
9. 15:42HID interface and reports
10. 18:35Handling input reports
11. 20:19Sending output reports
12. 22:10Event listeners and connection
13. 23:37Browser support and security
14. 25:45Live demo with PS5 controller
15. 27:10Additional projects and resources
16. 28:13Q&A

" related talks

• 20mThe web can be weirdElian van Cutsem · React Brussels 2024
• 46mMonsters, lightbulbs and robots: having fun with WebBluetoothNiels Leenheer · code.talks 2017
• 29mMIDI A New Dimension in Controlling Your BrowserArmagan Amcalar · You Gotta Love Frontend 2019
• 19mHardware Hacking for JS DevelopersJamison Dance · MountainWest JavaScript 2014
• 55mThe Universal Serial WebSebastian Golasch · JS Fest 2019 Spring
• 50mWebHID API: Controlling Almost Anything from the BrowserNikita Dubko · HolyJS 2022 Spring
• 29mFun with BluetoothNiels Leenheer · Amsterdam JSNation Conference 2018
• 28mReal world, real devices, how to?Kenneth Rohde Christiansen · NG-NL 2017