Voice Recognition in JavaScript

A presentation slide of Kyoto.js 21.

Transcript

1. 7PJDF
   3FDPHOJUJPO
   JO
   +BWB4DSJQU ,ZPUPKT
   
   
   4"8
2. $(whoami) /BNF
   4PJDIJSP
   ,BUP
   "HF
   
   /JDLOBNF
   4"8
   NBLFT
   *5
   FOHJOFFS
   DPNNVOJUZ
   IFBU
   JO
   ,BOTBJ
   BSFB
   -JWF
   JO
   0TBLB
   
   (SFX
   VQ
   JO
   "JDIJ
   9
   BLB
   5XJUUFS 
   !B[VLJ@FBUFS
   .Z
   TUSPOH
   BSFB
   8FC
   BQQMJDBUJPO
   EFWFMPQNFOU
   7VF
   -BSBWFM 2
3. 7PJDF
   3FDPHOJUJPO
   JO
   +BWB4DSJQU 6TF
   4QFFDI
   3FDPHOJUJPO
   "1*
   CSPXTFST
   BTL
   VT
   UP
   BMMPX
   UP
   VTF
   NJDSPQIPOF
   BU
   fi STU
   VTF
   0OMZ
   BWBJMBCMF
   PO
   )5514
   FYDFQUJPO
   UIF
   "1*
   JT
   BWBJMBCMF
   PO
   )551
   PO
   localhost 3
4. 5IF
   #BTJD
   'MPX
   PG
   7PJDF
   3FDPHOJUJPO
   6TBHF  (FOFSBUF
   BO
   JOTUBODF
   PG
   SpeechRecognition
    4UBSU
   WPJDF
   SFDPHOJUJPO
   CZ
   start()
   NFUIPE
    (FU
   WPJDF
   JOQVU
   SFTVMU
   CZ
   onresult()
   NFUIPE 4
5. (FOFSBUJOH
   B
   SpeechRecognition
   JOTUBODF (FU
   SpeechRecognition
   QSPQFSUZ
   GSPN
   window
   PCKFDU
   (FU
   UIF
   QSPQFSUZ
   webkitSpeechRecognition
   PO
   4BGBSJ
   BOE
   (PPHMF
   $ISPNF 5 // Get SpeechRecognition property. const speechRecognition = // Get SpeechRecognition or webkitSpeechRecogntion window.SpeechRecognition || window.webkitSpeechRecognition; const recognition = new speechRecognition();
6. 4UBSU
   7PJDF
   3FDPHOJUJPO
   "OE
   (FU
   UIF
   3FTVMU 4UBSU
   WPJDF
   SFDPHOJUJPO
   CZ
   start()
   JO
   SpeechRecognition
   5IF
   QFSNJTTJPO
   SFRVJSFE
   UP
   VTF
   NJDSPQIPOF
   BU
   fi STU
   FYFDVUJPO
   (FU
   SFTVMU
   CZ
   onresult()
   JO
   SpeechRecognition
   4FU
   B
   IBOEMFS
   UP
   onresult()
   BSHVNFOU
   (FU
   SFTVMU
   GSPN
   UIF
   TU
   BSHVNFOU
   JO
   UIF
   IBOEMFS
   5IF
   SFTVMU
   JODMVEFE
   JO
   results[0][0].transcript
   JO
   SpeechRecognitionEvent 6
7. &YBNQMF
   PG
   start()
   
   onresult()
   *NQMFNFOUBUJPO 7 // begin voice recognition recognition.start(); // get voice recognition result recognition.onresult((event) => { const { transcript } = event.results[0][0]; console.log(transcript); });
8. 4QFDJGZ
   UIF
   -BOHVBHF
   UP
   3FDPHOJ[F 4QFDJ fi FE
   UIF
   MBOHVBHF
   PO
   lang
   QSPQFSUZ
   JO
   SpeechRecognition
   5IF
   WBMVF
   PG
   lang
   QSPQFSUZ
   JO
   )5.-
   PS
   CSPXTFS
   MBOHVBHF
   GPS
   EFGBVMU 8 recognition.lang = 'ja-JP';
9. "DUVBM
   &YBNQMF 8FC
   "QQ
   UP
   MFBSO
   &OHMJTI
   XPSET
   XPSL
   JO
   QSPHSFTT
   -PPL
   BU
   JNBHF
   BOE
   TBZ
   UIF
   XPSE
   PG
   UIF
   JNBHF
   -FBSO
   WPDBCVMBSZ
   XJUI
   JNBHF
   6TF
   4QFFDI
   3FDPHOJUJPO
   "1*
   JO
   BQQMJDBUJPO
   BWBJMBCMF
   UP
   FYUFOE
   GPS
   PUIFS
   MBOHVBHFT 9
10. -JNJUBUJPO
    PG
    4QFFDI
    3FDPHOJUJPO
    "1* 4PNF
    CSPXTFST
    OPU
    TVQQPSU
    4QFFDI
    3FDPHOJUJPO
    "1*
    'JSFGPY
    &EHF
    FUD
    5ZQF
    EF fi OJUJPO
    OPU
    TVQQPSUFE
    JO
    5ZQF4DSJQU
    /FFE
    UP
    EF fi OF
    CZ
    PVSTFMWFT
    PS
    DBTU
    window as any 1 0
11. $PODMVTJPO *OUSPEVDFE
    WPJDF
    SFDPHOJUJPO
    JO
    +BWB4DSJQU
    6TF
    4QFFDI
    3FDPHOJUJPO
    "1*
    5IF
    CBTJD
    fl PX
    PG
    4QFFDI
    3FDPHOJUJPO
    "1*
    VTBHF
    4UBSU
    SFDPHOJUJPO
    CZ
    start()
    NFUIPE
    (FU
    SFTVMU
    CZ
    onresult()
    -JNJUBUJPO
    PG
    4QFFDI
    3FDPHOJUJPO
    "1*
    4PNF
    CSPXTFST
    OPU
    TVQQPSUFE
    5ZQF
    EF fi OJUJPO
    OPU
    TVQQPSUFE
    JO
    5ZQF4DSJQU 1 1
12. 5IBOL
    ZPV
    GPS
    MJTUFOJOH