Explorando as APIs do HTML5
View Slide
! Write Code Every !Single Day
API's do HTML5 ?
Web Speech API
Comportamento
Exemplos+ raphamorim.com/sound-hunter/+ google.com/intl/pt/chrome/demos/speech.html
Vibration API
Comportamentonavigator.vibrate(time)if (navigator.vibrate)navigator.vibrate(500)! ! navigator.vibrate([500, 1000, 2000])
!Fullscreen API
Comportamento!document.querySelector(‘html’).requestFullscreen()document.exitFullscreen()
ComportamentoMas como saber o status da API?var fullscreenElement = document.fullscreenElementvar fullscreenEnabled = document.fullscreenEnabled
ComportamentoAwesome!!Mas e quanto os eventos da API?fullscreenchangefullscreenerror
Comportamento::fullscreen & ::backdrop
Exemplos+ demo.hongkiat.com/html5-fullscreen-api/index.html
Geolocation
Comportamentoif (navigator.geolocation)navigator.geolocation.getCurrentPosition(showPosition)function showPosition(position)! var latitude = position.coords.latitude;! var longitude = position.coords.longitude;
Comportamentoposition.coords.latitudeposition.coords.longitudealtitudespeedaltitudeAccuracytimestampaccuracyheading
Suporte
Exemplos+ html5demos.com/geo
…E isso é tudo pessoal :)raphamorim