Automatic speech recognition using Whisper in NextJs
- Next.js에서 Whisper를 사용하여 브라우저 내에서 무료로 자동 음성 인식 앱을 구축합니다. 🗣️
- 트랜스포머 기술을 사용하여 메인 스레드를 차단하지 않고 백그라운드에서 모델을 실행합니다. ⚙️
- Hugging Face는 오픈 소스 모델을 위한 GitHub와 같습니다. 📚
- whisper-tiny 모델은 음성 인식, 다국어 지원, 번역 기능을 제공합니다. 🌐
- Web Workers를 사용하여 메인 스레드와 백그라운드 스레드 간에 메시지를 주고받으며 데이터를 전송합니다. 📨
- 모델 로딩 진행률을 추적하고 캐싱하여 후속 상호 작용 속도를 향상시킵니다. ⏳
- 오디오 데이터를 Web Worker로 전달하여 모델을 실행하고 결과를 다시 메인 스레드로 전송합니다. 📤
- useWorker 훅을 사용하여 Web Worker를 생성하고 이벤트 핸들러를 연결합니다. 🛠️
- 싱글톤 패턴을 사용하여 Web Worker를 한 번만 생성합니다. ☝️
- 오디오 파일을 청크로 나누어 긴 오디오도 처리할 수 있습니다. ✂️