Explorando as APIs do HTML5

Transcript

1. Explorando as APIs do HTML5
3. ! Write Code Every ! Single Day
4. API's do HTML5 ?
6. Web Speech API
7. Comportamento
8. Comportamento
9. Exemplos + raphamorim.com/sound-hunter/ + google.com/intl/pt/chrome/demos/ speech.html
10. Vibration API
11. Comportamento navigator.vibrate(time) if (navigator.vibrate) navigator.vibrate(500) ! ! navigator.vibrate([500, 1000, 2000])
12. ! Fullscreen API
13. Comportamento ! document.querySelector(‘html’).requestFullscreen() document.exitFullscreen()
14. Comportamento Mas como saber o status da API? var fullscreenElement = document.fullscreenElement var fullscreenEnabled = document.fullscreenEnabled
15. Comportamento Awesome!! Mas e quanto os eventos da API? fullscreenchange fullscreenerror
16. Comportamento ::fullscreen & ::backdrop
17. Exemplos + demo.hongkiat.com/html5- fullscreen-api/index.html
21. Geolocation
22. Comportamento if (navigator.geolocation) navigator.geolocation.getCurrentPosition(showPosition) function showPosition(position) ! var latitude = position.coords.latitude; ! var longitude = position.coords.longitude;
23. Comportamento position.coords.latitude position.coords.longitude altitude speed altitudeAccuracy timestamp accuracy heading
24. Suporte
25. Exemplos + html5demos.com/geo
26. …E isso é tudo pessoal :) raphamorim