“Giving voice an action in React and React Native”

Wouter van den Broek

@wbroek

Wouter

holland

source: Voicebot

source: Voicebot

source: Voicebot

source: Voicebot

how does this voice thing work

What is this react native

javascript core

what can we use it for?

  • SPeech to text to fill text entries

  • invoke actions in the app

  • invoke the app

  • feedback with voice

speech to text

  • Natively available

  • on-device & in-browser

  • 20+ LANGUAGES SUPPORTED

  • react-native-voice
    react-speech-recognition

DEMO

invoke actions

  • getting intent

  • online serviceS API

  • LANGUAGE SPECIFIC

  • specific for your app

DEMO

invoke app

  • SIRI shortcut on ios

  • voice actions on google (restricted)

  • native app only

  • hard to explain to user

DEMO

feedback voice

  • read aloud thru Synthesis

  • different voices and languages

  • in browser

  • on device

DEMO

summary

  • voice getting big

  • Implementing voice getting easy

  • use for non-critical parts

Giving Voice an Action In React

By Wouter van den Broek

Giving Voice an Action In React

  • 1,215