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
130
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
180
Writing Your Own React Renderer
raphamorim
4
300
the new react
raphamorim
1
110
Composition on High-Order Components
raphamorim
0
120
Understanding React
raphamorim
1
290
Making for Web with WebAssembly
raphamorim
4
840
Scratching React Fiber
raphamorim
3
670
Understanding Memory Behavior on NodeJS
raphamorim
1
350
Using Canvas Components
raphamorim
0
290
Other Decks in Programming
See All in Programming
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
Ruby Parser progress report 2025
yui_knk
1
460
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
130
AI時代のUIはどこへ行く?
yusukebe
18
9.1k
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
310
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
170
Namespace and Its Future
tagomoris
6
710
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
2.8k
旅行プランAIエージェント開発の裏側
ippo012
2
930
1から理解するWeb Push
dora1998
7
1.9k
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
teamlab
PRO
2
170
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
570
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Cult of Friendly URLs
andyhume
79
6.6k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Speed Design
sergeychernyshev
32
1.1k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A designer walks into a library…
pauljervisheath
207
24k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Why Our Code Smells
bkeepers
PRO
339
57k
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