Sensors on the web - digitalideation/studio_webmobile2_2021 GitHub Wiki

Your task (optional)

• Pick any sensor and implement an interaction with your application.

Many sensors of mobile devices can be accessed from the browser. Note that there are differences between different browsers in what they support. You may need to server your application over HTTPS to access the sensors.

Camera

• Accessing the camera with getUserMedia.
• Generate QR codes
• Read QR codes
• User tracking with Tensorflow.js: Github, YouTube How to

Microphone

• Recording audio (and video)
• Speech recognition with Web Speech API
• Speech recognition example

Device motion and orientation

• Device orientation
• Device motion
• Device motion and orientation data explained
• Sensor API

Touch

• Touch events
• Pointer events
• Multi-touch gestures library hammer.js

Bluetooth and NFC

• Web Bluetooth API
• NFC

Geolocation

• Geolocation API

Browser compatibility

• Can I use
• What the Web can do today