Explorando as APIs do HTML5

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

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
160
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
68
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
32
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
120
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
4
470
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
3
380
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
190
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
170
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
100

Other Decks in Programming

See All in Programming
977c74bb044a9d4fa90b305824eda390?s=48 olivergierke
2
600
8261d04bf57a042c8eab6757c386f7b2?s=48 mocobeta
4
1.2k
C98d379da6e5517afff697a6c5615e68?s=48 mizzsugar
3
1.1k
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
1
180
127622866eaa739e06f9507aff67be2f?s=48 planeta
0
130
C5f6e8dffbb19acf405198c8fb917337?s=48 mp911de
1
130
A19876f5694283f26a061746ba82c3b0?s=48 germsvel
0
100
3f4bea69d9f180bc3137dc41a263a996?s=48 nissy0409240
3
2.3k
D65e990ab4df0d0a75c3b0ae5d036bc5?s=48 martinlippert
1
130
04df7340898eac3a0536d3b47c55501c?s=48 hirotokirimaru
0
120
62340514ee3033d54d79c9e7a3db68d5?s=48 kazutomo
1
140
C3a47a823a1e7adcb5be27cc3df5c482?s=48 akiyoko
0
100

Featured

See All Featured
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
356
62k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
164
18k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
183
14k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9.1k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.1k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
310
9128d500301ae51524e887bb680f471d?s=48 caitiem20
304
16k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
28
3.1k

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