AssistantJS
Háblale a tu web
Jon Rojí Taboada
HÁBLALE A TU WEB
@jnroji
💻
🦄
🍺
AND THE WEB?
HÁBLALE A TU WEB
@jnroji
HÁBLALE A TU WEB
@jnroji
new ux
HÁBLALE A TU WEB
@jnroji
HÁBLALE A TU WEB
@jnroji
Speech Recognition api
Speech Synthesis Voice
👄
👂
Web Speech API
HÁBLALE A TU WEB
@jnroji
Speech Recognition api
👂
// Create a new Recognition Object
var recognition = new SpeechRecognition();
// Set recognition language
recognition.lang = 'en-US';
// recognition finish callback
recognition.onresult = event => {
...
}
// Start recognition
recognition.start();
Support for :
Recognition alternatives
Grammar terms
Custom recognition services
Continuous recognition
HÁBLALE A TU WEB
@jnroji
Speech Synthesis api
// Create and synthetize the message
const message = new SpeechSynthesisUtterance('Bienvenidos a este videotutorial jajaja, xd, lol');
message.lang = 'es-ES'
// Speak!
window.speechSynthesis.speak(message);👄
HÁBLALE A TU WEB
@jnroji
Support for :
Different Voices
Pause and play
👄
👂
HÁBLALE A TU WEB
@jnroji
HÁBLALE A TU WEB
@jnroji
Quiero [bebida] (en algún momento)
==
requestDrink
aCTION
HÁBLALE A TU WEB
@jnroji
Quiero un café con leche a las 2 de la tarde
ENTITIES
HÁBLALE A TU WEB
@jnroji
Quiero un café con leche a las 2 de la tarde
té
refresco
agua
dos
varios
ahora
mañana
lo antes posible
ENTITIES
HÁBLALE A TU WEB
@jnroji
👄
👂
Actions
+
Entities
Fullfilment
HÁBLALE A TU WEB
@jnroji
HÁBLALE A TU WEB
@jnroji
Any device
Any framework
👂
👄
🧠
Demo time
POSSIBILITIES
ACCESIBILITY
HANDLESS CONTEXTS
HÁBLALE A TU WEB
@jnroji
Alternatives
Own services
HÁBLALE A TU WEB
@jnroji
references
HÁBLALE A TU WEB
@jnroji
https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis
https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis
https://dialogflow.com/
https://slides.com/jonroji/hablale-a-tu-web
https://github.com/jroji/
Questions ?
Hablale a tu web
By Jon Rojí
