autocorrelation
목소리로 음정 맞추기
해결하는 문제
노래나 악기의 음높이를 숫자로 알고 싶다.
소리 파형의 반복 주기를 찾아 음높이(Hz)를 구하고 계이름으로 바꿔 목표음과 비교합니다.
서버 의존도
서버 없이 브라우저 기본 기능만 씁니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것마이크 소리
브라우저가 하는 일자기상관으로 반복 주기를 찾아 주파수와 계이름 계산
나오는 것목표음과의 차이, 1초 유지 시 성공
쓰는 브라우저 기술
getUserMediaAnalyserNodeOscillatorNode
라이브러리와 모델
외부 라이브러리 없이 브라우저 기본 기능만 씁니다.
바꿀 수 있는 옵션
- 분석 구간 길이
- 음량 문턱 (조용할 때 무시)
- 허용 오차
- 옥타브 무시 여부
자주 막히는 곳
- 배경음이 크면 음높이가 한 옥타브씩 튄다
- 기준음을 들려주는 동안 마이크가 그 소리를 듣는다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 노래 연습 코치
- 외국어 억양 비교
웹 서비스
- 음악 수업 청음 퀴즈
- 합창 파트 연습기
피지컬 AI
- 허밍으로 조종하는 로봇 (음높이를 방향으로)
- 목소리 높이를 LED 막대로 표시
넓히는 방법
- 노래 한 소절 음정 채점
- 악기 튜너
- 음높이로 선 그리기
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
마이크로 내 목소리 음높이를 자기상관 방식으로 분석해서, 화면에 나온 계이름을 따라 부르면 성공으로 판정하는 웹페이지를 만들어줘.
같은 분류의 능력
03 미디어 처리에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md