Mobile HTML5: Device APIs and related APIs

on YouTube ↗26m

" summary

Shows working demos: a camera web app called chrome off camera written entirely in JavaScript that uses HTML media capture to get a file then draws into canvas, applies filters and stores blobs in IndexedDB blob (only Firefox truly supports blob storage so other browsers fall back to huge base64 strings). A pizza compass combines geolocation with deviceorientation to point to nearby pizza. getUserMedia support is spotty (Opera and recent Chrome prefixed), battery events exist mainly in Firefox/Tizen, and light/proximity sensors and some APIs remain unreliable or unimplemented on most mobile browsers.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 1:53URI Schemes: Making a Call
3. 3:05URI Schemes: UX
4. 4:16Geolocation
5. 5:03Access Permission
6. 5:50Device Orientation Events
7. 10:34User Cases
8. 14:21HTML Media Capture
9. 18:38Camera App in HTMLS
10. 20:17Battery Status API
11. 21:19Vibration API
12. 21:54Ambient Light Events
13. 23:26Light Sensor Demo
14. 23:59Proximity Events

" related talks

• 44mJavaScript: What mobile browsers can do - 2020 revisitedMichał Michalczuk · 4Developers 2020
• 31mThe power of mobile web browsersMichał Michalczuk · Voxxed Days Frontend Bucharest 2019
• 43mAfter HTML5: Mobile Device APIs and PhoneGapBrian LeRoux · Mobilism 2011
• 39mDevice APIsDave Johnson · Web Directions Code 2012
• 37mBuzz It For Real ! ... the tortuous road to Mobile HTML5 AppsAndrea Giammarchi · JSConf EU 2011
• 13mEnhancing Mobile Experiences with Device APIsJessica Claire Edwards · Decompress AU 2016
• 29mHTML5 JavaScript APIsRemy Sharp · JSConf.eu 2009
• 45mBrowser API's: The unknown super heroesRowdy Rabouw · Frontend United 2019