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
93

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
200
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
81
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
0
37
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
1
130
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
4
510
Ed35943d3199ea37b1b60c39615e8163?s=48 raphamorim
3
420
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
0f162107f1b716c9fa62d6071eb8b995?s=48 mugi_uno
1
230
1b031ccbf968811f157cf7a892dddfed?s=48 geshan
0
300
9f2edd3fb2cc8feb20221138ca91d9fc?s=48 kuriko
0
270
33b8caffacdb02e62cd9141a8aeb35aa?s=48 tanakahiroki1
0
430
52dd8c5774366205f72a1644172b7423?s=48 shohata
0
120
640727b1a8120669de9b6d7f1d469893?s=48 ch6noota
0
260
B03c47042f27235b4ddd97621c02df81?s=48 storz
0
110
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
0
1.9k
37388695483b7c7d355cd9a9dc04281e?s=48 srea
1
210
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
420
897f2389f9228d4ef123f4196e75f3a4?s=48 yukimasa123
0
140
91b03a57e0ef56fee59fbddc66a7f6fd?s=48 takasehideki
0
150

Featured

See All Featured
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
505
37k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
688
180k
11c84dff30266b907714802088852677?s=48 jasonvnalue
88
8.5k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
5.7k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
656
120k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
67
4.6k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
990k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
405
20k
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
7
580

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