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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Raphael Amorim
May 07, 2014
Programming
0
140
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
220
Writing Your Own React Renderer
raphamorim
4
320
the new react
raphamorim
1
140
Composition on High-Order Components
raphamorim
0
150
Understanding React
raphamorim
1
320
Making for Web with WebAssembly
raphamorim
4
890
Scratching React Fiber
raphamorim
3
740
Understanding Memory Behavior on NodeJS
raphamorim
1
380
Using Canvas Components
raphamorim
0
300
Other Decks in Programming
See All in Programming
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
960
今から始めるClaude Code超入門
448jp
8
8.6k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
550
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
370
izumin5210のプロポーザルのネタ探し #tskaigi_msup
izumin5210
1
110
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
680
dchart: charts from deck markup
ajstarks
3
990
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
300
MUSUBIXとは
nahisaho
0
130
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
190
Oxlint JS plugins
kazupon
1
890
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
58k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
The agentic SEO stack - context over prompts
schlessera
0
630
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
170
From π to Pie charts
rasagy
0
120
We Are The Robots
honzajavorek
0
160
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
240
Bash Introduction
62gerente
615
210k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
57
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
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