HardwareLive

Device & Hardware Sensors

Three Web APIs that give the app awareness of the user's hardware and network: the Network Information API exposes the connection type, the estimated quality (effectiveType), and data-saver mode (saveData); the Battery Status API exposes charge level and charging state, though it now has limited browser support due to fingerprinting and privacy concerns; and the Vibration API triggers haptic feedback through vibration patterns. Together, they show how to adapt behavior — not just appearance — to the device's real conditions: dropping video quality on slow connections, saving energy on low battery, or confirming an action with vibration.

Network Information API Battery Status API Vibration API

Technologies

  • Network Information API
  • Battery Status API
  • Vibration API

Architecture

  • Reactive reads of hardware Browser APIs
  • with change-listeners

Concepts

  • Adaptive UX based on network/energy conditions
  • haptic feedback

Demo area

The demo is 100% functional — try it now.