피아노 비주얼라이저 웹 앱입니다. MusicXML 악보(.mxl, .musicxml)를 끌어다 놓으면 악보, 떨어지는 노트, 건반이 한 화면에서 같이 재생됩니다. 설치와 가입이 없고 무료입니다.
대표적인 특징은 세 가지입니다.
악보가 같이 나옵니다. 떨어지는 노트만 보여 주는 것이 아니라, 위쪽 악보가 연주 위치를 따라 넘어가고 지금 울리는 음표가 멜로디, 반주와 구분되어 각각 색칠됩니다. 악보 렌더링은 OSMD를 씁니다.
파일이 서버로 가지 않습니다. 악보 파싱과 재생이 전부 브라우저에서 이뤄지고, 올린 악보와 배경 이미지는 브라우저 저장소에만 남습니다.
화면을 영상으로 녹화할 수 있습니다. 현재 탭을 캡처하고 오디오는 내부 출력에서 직접 뽑아 WebM으로 저장합니다. 사양이 낮은 기기를 위해 배경 애니메이션을 끄는 저사양 모드가 있고, 이때 배경 사진을 직접 올릴 수 있습니다.
그 밖에 재생 속도 0.5~1.5배, 음색 4종(그랜드 피아노, 일렉 피아노, 신스 리드, 패드), 한국어와 영어를 지원합니다. 저작권이 만료된 클래식 샘플 11곡이 들어 있어 파일 없이도 바로 들어볼 수 있습니다.
참고사항
- 모바일은 가로 화면만 지원하고, 세로 화면은 지원하지 않습니다.
- 개인 저사양 노트북으로 개발&검증을 한 터라, 다른 기기에서는 화면 비율이 어색할 수 있습니다.
- 녹화는 PC 브라우저에서만 됩니다.
- MIDI 파일과 MIDI 키보드 입력은 지원하지 않습니다.
Next.js, OSMD, Tone.js, Three.js로 만들었고 혼자 개발하고 있습니다. 코드는 대부분 Claude Code로 작성했고, 저는 설계와 검증, 버그 추적을 맡았습니다. 이 앱으로 만든 영상은 유튜브 채널에 올리고 있습니다.
예시: https://youtu.be/ev63xGDu1f0
갖고 계신 악보 파일을 올려 보시고, 재생이 이상하거나 색칠이 어긋나는 곡이 있으면 알려 주세요. 어떤 피드백이든 환영합니다.