온라인 피아노는 마우스·터치는 물론 컴퓨터 키보드로도 연주할 수 있는 무료 브라우저 피아노예요. 실제 건반이 없어도 책상 위 키보드만으로 간단한 멜로디를 쳐볼 수 있고, 익숙해지면 꽤 빠른 곡도 따라갈 수 있어요. 이 글에서는 키 배치를 외우는 법부터 옥타브 이동, 서스테인, 녹음 기능까지 실제로 활용하는 순서를 정리했어요.
1. 키 배치 외우기: 두 줄로 나뉜 2옥타브
온라인 피아노의 컴퓨터 키보드 매핑은 두 줄로 나뉘어 있어요. 아래쪽 줄(Z S X D C V G B H N J M)이 낮은 옥타브, 위쪽 줄(Q 2 W 3 E R 5 T 6 Y 7 U)이 그보다 한 옥타브 높은 음을 담당해요. 각 줄 안에서는 흰 건반(도 레 미 파 솔 라 시)과 검은 건반(올림음, #)이 번갈아 배치돼요.
아래쪽 줄만 자세히 보면: Z=도, S=도#, X=레, D=레#, C=미, V=파, G=파#, B=솔, H=솔#, N=라, J=라#, M=시예요. 자연음(흰 건반)은 Z X C V B N M으로 이어지고, 그 사이사이 올림음(검은 건반)이 S D G H J로 끼어드는 구조예요. 위쪽 줄(Q 2 W 3 E R 5 T 6 Y 7 U)도 똑같은 순서를 한 옥타브 위에서 반복해요.
2. 화면의 건반을 보면서 손에 익히기
처음에는 외우려 하지 말고, 화면의 건반 위에 표시된 작은 글자를 보면서 눌러보세요. 건반마다 '어떤 컴퓨터 키를 누르면 되는지'와 '음이름'이 같이 표시돼 있어서, 몇 번만 눌러보면 자연스럽게 위치가 손에 익어요. 짧은 동요(예: "나비야")처럼 쉬운 멜로디부터 천천히 쳐보는 게 좋아요.
3. 옥타브 이동으로 더 넓은 음역 쓰기
한 번에 보이는 건반은 2옥타브(24개 음)예요. 더 낮거나 높은 음이 필요하면 화면의 '옥타브 ▼'·'옥타브 ▲' 버튼을 눌러 전체 건반과 키보드 매핑을 한 옥타브씩 옮길 수 있어요. 예를 들어 노래의 저음부가 너무 낮게 느껴지면 '옥타브 ▲'를 한 번 눌러 전체를 한 단계 올린 뒤 똑같은 손가락 패턴으로 쳐보세요.
4. 화음 연주와 서스테인 활용
여러 손가락으로 동시에 키를 누르면 화음을 연주할 수 있어요(키보드 하드웨어에 따라 동시에 눌리는 키 수에 제한이 있을 수 있어요). 화음을 연주할 때 '서스테인'을 켜두면 손을 떼도 소리가 자연스럽게 길게 울려서, 실제 피아노의 서스테인 페달과 비슷한 효과를 낼 수 있어요. 반대로 짧고 또렷한 음을 치고 싶다면 서스테인을 꺼두는 게 좋아요.
5. 음이름 표기 바꾸기 (도레미 ↔ C D E)
한국에서는 보통 '도 레 미 파 솔 라 시'로 음을 부르지만, 악보나 코드 표기는 영어 음이름(C D E F G A B)을 쓰는 경우가 많아요. 온라인 피아노에서는 건반 위 음이름 표기를 '도레미'와 'C D E' 중 원하는 방식으로 바꿀 수 있어서, 어떤 자료를 보고 연습하든 바로 맞춰볼 수 있어요.
6. 연주 녹음하고 다시 듣기
'녹음 시작'을 누르고 연주한 뒤 '녹음 종료'를 누르면, 누른 음과 타이밍이 그대로 저장돼요. '녹음 재생'을 누르면 똑같은 연주가 자동으로 재생되는 걸 볼 수 있어요. 이 기능은 오디오 파일을 만드는 게 아니라, 페이지 안에서만 재현되는 연주 기록이라는 점을 기억하세요. 연습 중 잘 친 구간을 다시 들어보며 확인하는 용도로 쓰기 좋아요.
7. MIDI 건반이 있다면
USB나 블루투스로 연결되는 MIDI 건반이 있다면 컴퓨터 키보드보다 훨씬 자연스럽게 연주할 수 있어요. 'MIDI 키보드 연결하기' 버튼을 누르고 브라우저 권한을 허용하면 바로 연결돼요. 이 기능은 Web MIDI API를 지원하는 최신 Chrome·Edge 브라우저에서만 동작하고, 사파리 등 일부 브라우저에서는 쓸 수 없어요.
참고: 음이름과 MIDI 노트 번호 기준
건반 음이름은 국제적으로 쓰이는 과학적 음높이 표기법을 따라요. 가운데 도(middle C)는 C4로 표기하고 MIDI 노트 번호로는 60번이에요. 기준음 라(A4)는 440Hz이고 MIDI 노트 번호 69번에 해당해요. MIDI 노트 번호가 1 늘어날 때마다 반음(半音)씩 올라가고, 12가 늘어나면 정확히 한 옥타브가 올라가요.
자주 하는 실수
처음 연주할 때 자주 하는 실수는 키보드의 다른 입력창(예: 검색창)에 포커스가 가 있는 상태에서 키를 누르는 거예요. 이 경우 건반 소리 대신 글자가 입력창에 들어가요. 건반 영역을 한 번 클릭하거나 터치한 뒤 키보드를 누르면 정상적으로 연주돼요. 또, 음량을 처음부터 너무 크게 해두면 여러 음을 겹쳐 쳤을 때 소리가 거칠게 들릴 수 있으니 중간 정도 음량부터 시작하는 걸 추천해요.
출처와 확인일
확인일: 2026년 10월 4일
- Wikipedia, "Scientific pitch notation" — https://en.wikipedia.org/wiki/Scientific_pitch_notation
- Wikipedia, "A440 (pitch standard)" — https://en.wikipedia.org/wiki/A440_(pitch_standard)
- Wikipedia, "General MIDI" (MIDI 노트 번호 체계) — https://en.wikipedia.org/wiki/General_MIDI
이 글은 일반 정보예요. 브라우저·기기 환경에 따라 실제 동작이 조금 달라질 수 있어요.