Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Explorando as APIs do HTML5
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Raphael Amorim
May 07, 2014
Programming
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Explorando as APIs do HTML5
Raphael Amorim
May 07, 2014
More Decks by Raphael Amorim
See All by Raphael Amorim
Rust 101 for Web
raphamorim
0
260
Writing Your Own React Renderer
raphamorim
4
390
the new react
raphamorim
1
150
Composition on High-Order Components
raphamorim
0
170
Understanding React
raphamorim
1
360
Making for Web with WebAssembly
raphamorim
4
930
Scratching React Fiber
raphamorim
3
790
Understanding Memory Behavior on NodeJS
raphamorim
1
430
Using Canvas Components
raphamorim
0
340
Other Decks in Programming
See All in Programming
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
tomokon
0
110
Vue Fes Japan 2026 タイムテーブル徹底解説
448jp
1
520
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
y0hgi
0
150
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
hatsu38
0
410
AI活用は、個人から組織へ|マルチプレイヤーエージェントハーネス「QM」の社内活用事例 / AI use is moving from individuals to orgs
rkaga
1
260
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
convto
5
8.6k
一人だけ、Kiroが静止する日
hideg
0
130
Security issues being discussed on Web Platforms
petamoriken
0
1.2k
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
360
The Rails Doctrine Decade
koic
2
390
フロントエンドUIフレームワークのこれまでとこれから
ssssota
5
2.9k
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
icoxfog417
PRO
3
380
Featured
See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
490
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
590
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
A Modern Web Designer's Workflow
chriscoyier
699
190k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
So, you think you're a good person
axbom
PRO
2
2.2k
Tell your own story through comics
letsgokoyo
1
1.1k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
310
Marketing to machines
jonoalderson
1
5.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.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