유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

알고 있으면 너무 좋은 프론트엔드 웹 기술 : Web Speech API

GIS DEVELOPER

2025. 6. 13.

0

#frontend
  • 웹 스피치 API는 음성 인식(음성을 텍스트로 변환) 및 음성 합성(텍스트를 음성으로 변환) 기능을 제공합니다. 🎤
  • 웹 표준 기술이므로 별도의 라이브러리 설치가 필요 없습니다. 🌐
  • 음성 인식 시작 시, 온스타트 이벤트가 발생하여 사용자에게 인식 중임을 알리고 버튼을 비활성화합니다. 🚦
  • 음성 인식 결과는 events.results 배열에 담겨 있으며, 가장 정확한 결과는 배열의 마지막 요소입니다. 🗣️
  • 음성 합성을 위해, 웹 브라우저가 지원하는 음성 목록을 가져와 셀렉트 돔에 표시합니다. 🎶
  • 음성 합성은 말하기 버튼 클릭 시, 텍스트를 인자로 받아 새로운 SpeechSynthesisUtterance 객체를 생성합니다. 💬

Recommanded Videos