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
86

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
170
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
72
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
35
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
120
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
4
490
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
3
390
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
200
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
170
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
110

Other Decks in Programming

See All in Programming
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
5k
8284465a94bbdf1ea82cf1a67d55f447?s=48 kilometer
4
500
52c76fb01bb5d1908f91b0231a44a7b5?s=48 boriswilhelms
0
170
Cc8ec9594b83b5dc3c7eef345c05dc8d?s=48 shiz
1
110
1d5ca7d8f17f15de4272e1ec7ef7abac?s=48 watilde
5
1.5k
70adfe7679427fa498899769e632b672?s=48 itok
1
960
97a42cc1630ebdfdaaa8d50078a9fd3d?s=48 koheisakata
0
180
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
960
877ac424e59bd3dd183859ef4cc9a08a?s=48 ryosukes
0
1.4k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
310
B5582ce2d9959dfcff0384a07003e188?s=48 mackee
0
670
8847086af047cbf895ab3277b59529fe?s=48 andpad
4
290

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
28
950
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
1.9k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
36k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
6
720
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
1.4k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
610
55k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
779
240k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
272
16k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
560
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.4k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
10
1.6k

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