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
Look mom, no hands! (Web Speech API)
Search
Yuri Malheiros
February 26, 2014
Programming
1
100
Look mom, no hands! (Web Speech API)
Palestra sobre Web Speech API no Paraiba.js
Yuri Malheiros
February 26, 2014
Tweet
Share
More Decks by Yuri Malheiros
See All by Yuri Malheiros
Aprendizagem de Máquina - Programando com o poder dos dados
yurimalheiros
0
62
A Method to Develop Description Logic Ontologies Iteratively Based on Competency Questions: an Implementation
yurimalheiros
0
120
Uma Ferramenta para Análise de Sentimentos em Redes Sociais Utilizando o SenticNet
yurimalheiros
7
380
Produzindo ideias
yurimalheiros
1
120
Criando comunidades bem-sucedidas
yurimalheiros
1
110
As máquinas que sentem
yurimalheiros
5
210
Other Decks in Programming
See All in Programming
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
1
270
Regular Expressions, REXML, Automata Learning
makenowjust
0
220
Hermes: Better Performance with Bytecode Translation (React Universe 2024)
tmikov2023
0
110
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
420
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
220
The Shape of a Service Object
inem
0
530
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
130
Some more adventure of Happy Eyeballs
coe401_
2
190
XStateでReactに秩序を与えたい
gizm000
0
740
実践!難読化ガイド
mitchan
0
250
サーバーレスで負荷試験!Step Functions + Lambdaを使ったk6の分散実行
shuntakahashi
6
1.6k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
230
130k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
Scaling GitHub
holman
458
140k
Writing Fast Ruby
sferik
623
60k
Being A Developer After 40
akosma
84
590k
How to Think Like a Performance Engineer
csswizardry
16
960
A better future with KSS
kneath
235
17k
The Cost Of JavaScript in 2023
addyosmani
42
5.7k
How to Ace a Technical Interview
jacobian
274
23k
How GitHub (no longer) Works
holman
310
140k
Transcript
look mom, no hands! web speech api
yuri malheiros professor da ufpb pesquisador em inteligência artificial doutorando
no cin-ufpe
telas, mouses e teclados
as coisas evoluíram…
mas nem tanto
inovações!
inovações!
inovações!
digitar e apontar usando uma ferramenta não necessariamente é
a forma mais natural de executar uma tarefa
interações via voz e a web speech api
web speech api entrada via voz transformação de texto em
voz
web speech api server side client side
var recognition = new webkitSpeechRecognition();
recognition. continuos [true|false] interimResults [true|false] onstart [function] onresult [function] onerror
[function] onend [function]
recognition.start()
recognition.onresult = function(e) { var interimTranscript = ""; var finalTranscript
= ""; ! for (var i = e.resultIndex; i < e.results.length; i++) { if (event.results[i].isFinal) { finalTranscript += e.results[i][0].transcript; } else { interimTranscript += e.results[i][0].transcript; } } console.log(interimTranscrip); console.log(finalTranscript); };
como isso é possível?
o chrome envia o áudio para os servidores do google,
processa o sinal para reconhecer padrões e retorna a resposta para o navegador
demo (6)
web speech api é uma forma acessível e simples de
detectar voz diretamente no navegador
com o avanço da tecnologia nós podemos e devemos experimentar
novos tipos de interações entre humanos e máquinas
obrigado @yurimalheiros yurimalheiros.com