Develop/Javascript

React로 라이브러리없이 TTS(Text To Speech) 기능 구현하기

에러 메시지를 유저에게 음성으로 전달하는 기능이 필요했습니다. 카카오에서 제공하는 API를 이용하면 더 자연스러운 음성을 사용할 수 있지만, 유료인 관계로 Web Speech API의 interface를 사용하여 음성 변환 함수를 개발했습니다. Web Speech API는 SpeechSynthesis (텍스트 -음성변환) 과 SpeechRecognition (비동기 스피치 인식)이 있습니다. 그 중 speechSynthesis, SpeechSynthesisUtterance 두 가지 interface를 이용하여 음성 인식을 개발했습니다. 이 두가지 interface에서 개발에 사용한 메서드와 프로퍼티를 먼저 설명하겠습니다. SpeechSynthesis 컨트롤러 역할을 하는 interface입니다. 디바이스..