Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Explorando as APIs do HTML5
Search
Raphael Amorim
May 07, 2014
Programming
0
120
Explorando as APIs do HTML5
Raphael Amorim
May 07, 2014
Tweet
Share
More Decks by Raphael Amorim
See All by Raphael Amorim
Rust 101 for Web
raphamorim
0
110
Writing Your Own React Renderer
raphamorim
4
240
the new react
raphamorim
1
98
Composition on High-Order Components
raphamorim
0
87
Understanding React
raphamorim
1
220
Making for Web with WebAssembly
raphamorim
4
690
Scratching React Fiber
raphamorim
3
520
Understanding Memory Behavior on NodeJS
raphamorim
1
280
Using Canvas Components
raphamorim
0
200
Other Decks in Programming
See All in Programming
Product Management LT会_クアンド新家
shinshin
0
210
Google's Recipe for Scaling (Web) Security – LocoMocoSec 2024
lweichselbaum
0
170
開発部に不満を持っていたCSがエンジニアにジョブチェンしてわかった「勝手に諦めない」ことの大切さ
sakuraikotone
28
16k
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
継続的な活動で築く地方エンジニアの道
myamashii
2
350
今こそ始める、CDKコンストラクトライブラリ開発 ― 入門から実践まで
tmokmss
1
930
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
Temporalを取り巻く仕様を整理する
sajikix
0
110
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
Harnessing Large Language Models for Training-free Video Anomaly Detection
tereka114
1
1.3k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
Happy Clients
brianwarren
94
6.5k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Building an army of robots
kneath
301
42k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Transcript
Explorando as APIs do HTML5
None
! Write Code Every ! Single Day
API's do HTML5 ?
None
Web Speech API
Comportamento
Comportamento
Exemplos + raphamorim.com/sound-hunter/ + google.com/intl/pt/chrome/demos/ speech.html
Vibration API
Comportamento navigator.vibrate(time) if (navigator.vibrate) navigator.vibrate(500) ! ! navigator.vibrate([500, 1000, 2000])
! Fullscreen API
Comportamento ! document.querySelector(‘html’).requestFullscreen() document.exitFullscreen()
Comportamento Mas como saber o status da API? var fullscreenElement
= document.fullscreenElement var fullscreenEnabled = document.fullscreenEnabled
Comportamento Awesome!! Mas e quanto os eventos da API? fullscreenchange
fullscreenerror
Comportamento ::fullscreen & ::backdrop
Exemplos + demo.hongkiat.com/html5- fullscreen-api/index.html
None
None
None
Geolocation
Comportamento if (navigator.geolocation) navigator.geolocation.getCurrentPosition(showPosition) function showPosition(position) ! var latitude =
position.coords.latitude; ! var longitude = position.coords.longitude;
Comportamento position.coords.latitude position.coords.longitude altitude speed altitudeAccuracy timestamp accuracy heading
Suporte
Exemplos + html5demos.com/geo
…E isso é tudo pessoal :) raphamorim