브라우저의 재발견

RMS 음량

목소리로 나는 새

해결하는 문제

장소마다 소음이 달라 목소리 크기 기준을 고정하면 게임이 안 된다.

소리의 평균 크기(RMS)를 재서 게임 속 새를 띄우는 힘으로 바꿉니다. 시작할 때 주변 소음으로 기준을 맞춥니다.

체험하기

서버 의존도

서버 없이 브라우저 기본 기능만 씁니다.

브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요

데이터가 흐르는 길

무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.

들어오는 것마이크 소리
브라우저가 하는 일RMS 음량 계산, 1초 동안 주변 소음을 재서 기준 자동 설정
나오는 것음량을 위로 미는 힘으로 바꾼 게임 물리

쓰는 브라우저 기술

getUserMediaAnalyserNodegetFloatTimeDomainData

라이브러리와 모델

외부 라이브러리 없이 브라우저 기본 기능만 씁니다.

바꿀 수 있는 옵션

  • 보정 시간과 기준 배수
  • 스무딩(값 부드럽게)
  • 마이크 대신 화면 누르기 대체 입력

자주 막히는 곳

  • 보정 중에 말을 하면 기준이 너무 높아진다
  • 블루투스 이어폰 마이크는 지연이 커서 반응이 늦다

이 능력으로 만들 수 있는 서비스

같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.

AI 서비스
  • 말하기 자신감 코치 (크기, 속도, 쉼 분석)
  • 언어 치료 발성 훈련 기록
웹 서비스
  • 목소리로 조종하는 미니게임
  • 발성 연습 앱
피지컬 AI
  • 목소리 크기로 모터 속도 제어
  • 소리를 내면 올라가는 엘리베이터 모형

넓히는 방법

  • 음높이로 위아래 조종
  • 두 사람 목소리 크기 대결
  • 발표 목소리 크기 연습 피드백

지원 브라우저

PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다

코딩 에이전트에게 줄 프롬프트

복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.

"아~" 소리 크기에 따라 새가 위로 날아오르고 멈추면 떨어지는 게임을 만들어줘. 시작할 때 주변 소음을 1초 재서 기준을 맞춰줘.

같은 분류의 능력

03 미디어 처리에 속한 다른 능력입니다.

무료로 보는 것

체험 페이지, 한 줄 설명, 미리보기 영상

스킬팩 구성

full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md