Explorando as APIs do HTML5

Transcript

1. 1.

   Explorando as APIs do HTML5

2. 2.

   None
3. 3.

   ! Write Code Every ! Single Day

4. 4.

   API's do HTML5 ?

5. 5.

   None
6. 6.

   Web Speech API

7. 7.

   Comportamento

8. 8.

   Comportamento

9. 9.

   Exemplos + raphamorim.com/sound-hunter/ + google.com/intl/pt/chrome/demos/ speech.html

10. 10.

    Vibration API

11. 11.

    Comportamento navigator.vibrate(time) if (navigator.vibrate) navigator.vibrate(500) ! ! navigator.vibrate([500, 1000, 2000])

12. 12.

    ! Fullscreen API

13. 13.

    Comportamento ! document.querySelector(‘html’).requestFullscreen() document.exitFullscreen()

14. 14.

    Comportamento Mas como saber o status da API? var fullscreenElement

    = document.fullscreenElement var fullscreenEnabled = document.fullscreenEnabled
15. 15.

    Comportamento Awesome!! Mas e quanto os eventos da API? fullscreenchange

    fullscreenerror
16. 16.

    Comportamento ::fullscreen & ::backdrop

17. 17.

    Exemplos + demo.hongkiat.com/html5- fullscreen-api/index.html

18. 18.

    None
19. 19.

    None
20. 20.

    None
21. 21.

    Geolocation

22. 22.

    Comportamento if (navigator.geolocation) navigator.geolocation.getCurrentPosition(showPosition) function showPosition(position) ! var latitude =

    position.coords.latitude; ! var longitude = position.coords.longitude;
23. 23.

    Comportamento position.coords.latitude position.coords.longitude altitude speed altitudeAccuracy timestamp accuracy heading

24. 24.

    Suporte

25. 25.

    Exemplos + html5demos.com/geo

26. 26.

    …E isso é tudo pessoal :) raphamorim