speechrecognition 썸네일형 리스트형 React 앱에서 브라우저 Speech Recognition API 사용하기 브라우저의 Web Speech Recognition API를 활용하면 React 앱에서 음성 받아쓰기를 간단히 구현할 수 있습니다. 실제 프로젝트 기준으로 지원 브라우저, 훅 설계, 성능/UX 팁까지 한 번에 정리합니다.1. 지원 여부와 제약- 지원 브라우저: Chromium 계열(Chrome, Edge)과 Safari에서 주로 동작합니다. 구현체 이름은 대부분 webkitSpeechRecognition이며, 표준 SpeechRecognition도 일부 환경에서 제공됩니다. 파이어폭스는 미지원입니다.- 보안 맥락: 마이크 권한과 동일하게 HTTPS(또는 localhost)에서만 안정적으로 동작합니다. 시작은 사용자 제스처(버튼 클릭 등)로 트리거해야 합니다.- 세션 특성: 브라우저/OS에 따라 연속 인식.. 더보기 이전 1 다음