Whisper
인터넷 없는 받아쓰기
해결하는 문제
녹음 파일을 외부 서비스에 올리지 않고 글자로 바꾸고 싶다.
음성 인식 모델을 브라우저에 내려받아 녹음이나 음성 파일을 인터넷 없이 글자로 바꿉니다.
서버 의존도
외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것녹음·음성 파일
브라우저가 하는 일Whisper 모델이 음성을 글자로 변환
나오는 것텍스트와 시간 표시
쓰는 브라우저 기술
getUserMediaMediaRecorderWeb WorkerWebGPU
라이브러리와 모델
Transformers.jsWhisper 모델
바꿀 수 있는 옵션
- 모델 크기 (tiny부터 small)
- 언어 지정
- 시간 표시(타임스탬프)
자주 막히는 곳
- 저사양 PC에서는 실제 시간보다 오래 걸린다
- 모델 파일이 커서 첫 로딩이 길다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 오프라인 회의록 비서
- 강의 자막 생성
웹 서비스
- 망분리 녹취 정리
피지컬 AI
- 인터넷 없는 음성 명령 장치
넓히는 방법
- SRT 자막 파일 만들기
- 회의록 요약 연결
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬일부
아이폰 사파리안 된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
Transformers.js의 Whisper로 녹음한 음성을 인터넷 없이 받아쓰기하고 SRT 자막으로 저장하는 웹페이지를 만들어줘.
같은 분류의 능력
04 브라우저 속 AI에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md