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
91

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
190
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
78
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
36
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
130
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
4
510
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
3
410
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
220
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
170
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
110

Other Decks in Programming

See All in Programming
Bf04d1ee6fa2216133b23af8f609c70a?s=48 gatchan0807
0
270
05a867429c5e5a2b4fe997b91bc98c11?s=48 taketo1024
0
130
4651f57d479e562a45dd624cc24dbee3?s=48 nsaito9628
1
150
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
1
390
Eae7b6aeee72d3081b01d09a2d675f9a?s=48 akkeylab
5
950
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
1
130
Ff0453fcbf27a84de92b9cc1f2aed9af?s=48 koike91
1
310
29dd31db419a2e56cf6a8a11f9de98ee?s=48 masakazoo
2
510
A2cd163fd3cfca5204b0d8f0c17eea29?s=48 yujif
2
490
27c093d0834208f4712faaaec38c2c5c?s=48 ramalho
3
410
E505897a79eede1a676f92740261e8f8?s=48 kubode
1
510
E9e3472b8801ed21298ccefeecfaf429?s=48 takamichie
PRO
0
250

Featured

See All Featured
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
149
12k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
79acae287842acf29084005533a7fb3b?s=48 hursman
111
9.5k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.7k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
67
4.4k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
69
3.2k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
302
40k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
400k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
248
21k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
414
58k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
190
14k

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