Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Explorando as APIs do HTML5

Ed35943d3199ea37b1b60c39615e8163?s=47 Raphael Amorim
May 07, 2014
Programming
0
89

Explorando as APIs do HTML5

Ed35943d3199ea37b1b60c39615e8163?s=128

Raphael Amorim

May 07, 2014
Tweet

More Decks by Raphael Amorim

See All by Raphael Amorim
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
4
180
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
76
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
35
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
130
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
4
500
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
3
400
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
210
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
170
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
110

Other Decks in Programming

See All in Programming
994abc15f0cfc4010e8125dba1bcfae7?s=48 chige
0
110
13824f545937c1ae0a80739aea2e396c?s=48 mlopskr
0
290
7c8a8c1fdd7ecbbd8ed01d2061f38a4c?s=48 orekyuu
2
1.3k
C598a4646a587f7a93fa088d6fd3ada4?s=48 unk2072
3
2.9k
D1531f9547e24397c7e85881fac03096?s=48 n_takehata
0
120
Eb6733f8d1fe3c983ff11b830945eccb?s=48 mikito
1
190
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
100
2f666b409bff87ec63f575f19d124c85?s=48 matteogrella
0
360
744f1c2c6cbea2ff5104b0ac512936bd?s=48 hpgrahsl
0
150
21e251d97f836f77e7dce83fcaf6daff?s=48 ryitto
3
720
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
1
240
2f2c7576c7b5d763ad12f342b9afc3a1?s=48 akkyie
0
450

Featured

See All Featured
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
73
270k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
129
20k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
188
14k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.6k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
1.5k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
104
6.4k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
303
32k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
194
15k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.6k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
409
58k

Transcript

  1. Explorando as APIs do HTML5

  2. None

  3. ! Write Code Every ! Single Day

  4. API's do HTML5 ?

  5. None

  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

  18. None
  19. None
  20. None

  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