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

show me!

👄

👂

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

Google Speech-to-text / Text-to-speech

Microsoft Bot Framework / Watson / wit.ai

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://dialogflow.com/

https://slides.com/jonroji/hablale-a-tu-web

https://github.com/jroji/

Questions ?