1. Web Speech API

2. Web Speech API의 두가지 기능
음성 인식 (speech recognition)
음성 합성 (speech synthesis === TTS)

3. 음성 인식 (speech recognition)
디바이스의 마이크로 들어오는 음성을
텍스트 문자열로 반환해준다.
SpeechRecognition 외 관련된 인터페이스

4. 음성 합성 (speech synthesis ===
TTS)
텍스트를 받으면
디바이스의 스피커를 통해 플레이 된다.
SpeechSynthesis 외 관련된 인터페이스

5. react-speech-recognition
react-speech-kit
Web Speech API 기반의
음성인식과 음성합성을 사용할 수 있는
리액트 훅

6. Output state
transcript,
resetTranscript,
listening,
browserSupportsSpeech
Recognition,
isMicrophoneAvailable,
react-speech-recognition

7. transcript (string): 마이크로 들어오는 모든 말
resetTranscript (function) : transcript를 빈 문자열로 세팅
listening (bool) : web speech api가 듣고 있으면 true
browserSupportsSpeechRecognition (bool) :
브라우저가 web speech api를 서포트 하는지 여부
isMicrophoneAvailable (bool) : 마이크 권한 여부

8. SpeechRecognition
function
startListening,
stopListening

9. startListening (async) : 듣기 시작
옵션
continuous (bool) : 유저가 말을 멈출 때 계속 들을 지 말지 여부
langauge (string) : 언어 (en-US, ko)
SpeechRecognition function

10. stopListening (async) : 듣기 멈춤
SpeechRecognition function

11. react-speech-kit
인자
speak (function)
voices (arr)
react-speech-kit

12. 활용 예시

13. 출처
https://developer.mozilla.org/en-
US/docs/Web/API/Web_Speech_API
https://github.com/MikeyParton/react-speech-kit
https://github.com/JamesBrill/react-speech-recognition
https://platform.openai.com/docs/libraries/node-js-library

14. 감사합니다!