가상 피아노: 컴퓨터 키보드로 온라인 연주
브라우저에서 연주하는 세 옥타브 피아노입니다. 건반을 클릭하거나 터치하고, 컴퓨터 키보드로 연주하거나 MIDI 건반을 연결하세요.
모든 음은 Web Audio API로 실시간 합성되어 샘플 다운로드가 필요 없습니다. 표시창에서 마지막으로 연주한 음의 정확한 주파수를 확인하세요.
가상 피아노: 컴퓨터 키보드로 온라인 연주
브라우저에서 연주하는 세 옥타브 피아노입니다. 건반을 클릭하거나 터치하고, 컴퓨터 키보드로 연주하거나 MIDI 건반을 연결하세요.
음역: C3 – B5
음량
마지막 음: 건반을 눌러 시작하세요
주파수 = 440 × 2^((n − 69) ÷ 12)이며, n은 MIDI 음 번호입니다. 따라서 C4(n = 60)는 261.63 Hz, A4(n = 69)는 정확히 440.00 Hz입니다.
MIDI: 연결되지 않음
컴퓨터 키보드: A S D F G H J K L 행으로 가장 낮은 C부터 흰건반을, W E T Y U O P로 그 사이의 검은건반을 연주합니다.
컴퓨터 키와 피아노 건반 대응표
WC#ED#TF#YG#UA#OC#PD#
ACSDDEFFGGHAJBKCLD;E'F
문자 키는 현재 기준 옥타브부터 화면의 세 옥타브 중 낮은 두 옥타브를 연주합니다. 더 높거나 낮은 음을 연주하려면 옥타브를 이동하세요.
이 가상 피아노 소개
단순한 그림이 아니라 실제로 연주할 수 있는 악기입니다. 기본 건반은 C3부터 B5까지 세 옥타브이며, 옥타브 버튼으로 C1부터 B7 사이에서 옮길 수 있습니다. 각 건반은 두 오실레이터로 실제 합성음을 만듭니다. 삼각파가 소리의 몸통을 이루고, 한 옥타브 위의 작은 사인파가 둥근 느낌을 더하며, 빠른 어택과 자연스러운 감쇠 엔벌로프가 음을 다듬습니다. 서스테인을 켜면 피아노 댐퍼 페달을 밟듯 거의 세 초 동안 울립니다.
연주 방법은 세 가지입니다. 건반을 직접 클릭하거나 터치하세요. 일반 CSS로 그려져 데스크톱과 터치스크린에서 동일하게 작동합니다. 대부분의 음악 앱과 같은 방식으로 컴퓨터 키보드를 쓸 수도 있습니다. 기본 행 A S D F G H J K L이 화면의 가장 낮은 C부터 흰건반에 대응하고, 윗줄 W E T Y U와 O, P가 그 사이 검은건반을 연주합니다. 피아노의 물리적 배치를 닮아 표준처럼 쓰이는 매핑입니다. A-W-S-E-D는 그대로 C, C♯, D, D♯, E입니다. 마지막으로 Web MIDI를 지원하는 브라우저(Chrome, Edge 등)에서 'MIDI 입력 활성화'를 누르면 연결된 MIDI 건반으로 직접 연주할 수 있습니다.
건반 아래 주파수 표시는 그 자체로 작은 음악 이론 수업입니다. 현대 악기는 A4 = 440 Hz에 맞춘 12평균율을 사용하며, 반음 올라갈 때마다 주파수에 2의 12제곱근인 약 1.05946을 곱합니다. A4는 정확히 440.00 Hz, 가운데 도인 C4는 261.63 Hz, 한 옥타브 위 C5는 두 배인 523.25 Hz입니다. 연주하며 숫자를 보면 음높이의 로그 관계를 교과서 그림보다 생생하게 이해할 수 있습니다.
두 옥타브만으로도 중요한 모양을 배우기에 충분합니다. C에서 시작하는 흰건반 장음계를 찾고 음정을 만들어 보세요. 완전5도는 일곱 반음(C4에서 G4), 장3도는 네 반음(C4에서 E4)입니다. 이를 쌓아 C장3화음을 만들고, 3음을 한 건반 낮추면 C단3화음이 됩니다. 모든 건반에 음이름을 표시할 수 있어 들리는 소리, 눈에 보이는 위치, 악보의 이름을 연결할 수 있습니다. 배치가 익숙해지면 이름을 숨겨 보세요.
모든 기능은 페이지 안에서 로컬로 실행됩니다. 녹음하거나 업로드하지 않으며, 처음 로드한 뒤에는 네트워크 연결도 필요 없습니다.
연주해 볼 음, 음정, 화음
표준 A440 조율에서 확인한 평균율 주파수입니다.
| 연주할 음 | 예상 표시 | 배울 내용 |
|---|---|---|
| A4 (가운데 도 오른쪽의 A) | 마지막 음: A4 · 440.00 Hz | 콘서트 피치로, 오케스트라 조율의 기준입니다. 다른 모든 주파수는 이 값에서 계산합니다. |
| C4 (가운데 도) | 마지막 음: C4 · 261.63 Hz | 건반과 큰보표의 중심이며 A4보다 정확히 아홉 반음 낮습니다: 440 ÷ 2^(9/12). |
| C4 다음 C5 | 261.63 Hz 다음 523.25 Hz | 한 옥타브 올라가면 주파수가 정확히 두 배가 됩니다. 가장 협화적인 음정입니다. |
| C4 – E4 – G4 함께 (서스테인을 켜고 빠르게) | 약 261.63, 329.63, 392.00 Hz | C장3화음: 근음 위에 장3도(4반음)와 단3도(3반음)를 차례로 쌓습니다. |
| A4 다음 E5 (필요하면 옥타브 올리기) | 440.00 Hz 다음 659.26 Hz | 완전5도입니다. 주파수 비율 1.498은 평균율이 근사하는 순정 비율 3:2와 거의 같습니다. |
가상 피아노 연주 방법
- 건반을 클릭하거나 터치하세요. 컴퓨터 키보드에서는 A S D F G H J K L이 흰건반, W E T Y U O P가 검은건반입니다.
- '옥타브 내리기'와 '옥타브 올리기'로 두 옥타브 표시 영역을 C1부터 B7 사이로 옮기세요.
- '서스테인'을 켜면 댐퍼 페달처럼 음이 이어지고, '음이름 표시'로 건반 이름을 보이거나 숨길 수 있습니다.
- 표시창에서 마지막으로 연주한 음의 이름과 헤르츠 단위의 정확한 주파수를 확인하세요.
- MIDI 건반이 있나요? Chrome이나 Edge에서 'MIDI 입력 활성화'를 누르고 바로 연주하세요.
가상 피아노 자주 묻는 질문
A4가 정확히 440.00 Hz로 표시되는 이유는 무엇인가요?
A4 = 440 Hz는 국제 표준 콘서트 피치(ISO 16)입니다. 평균율의 다른 음은 이 값에서 계산합니다. 반음 올라갈 때마다 주파수에 2의 12제곱근을 곱하므로, 열두 반음인 한 옥타브 위는 정확히 두 배인 880 Hz입니다.
컴퓨터 키보드 배치는 어떻게 되며 왜 그렇게 정했나요?
A S D F G H J K L로 보이는 가장 낮은 C부터 흰건반을, W E T Y U O P로 위쪽 검은건반을 연주합니다. GarageBand, Ableton Live, FL Studio와 대부분의 DAW가 쓰는 방식입니다. QWERTY 윗줄이 아랫줄 키 사이에 놓여, 흰건반 사이 검은건반처럼 피아노의 실제 배치를 닮았습니다.
소리는 어떻게 만들어지나요?
각 음은 Web Audio 오실레이터 두 개를 씁니다. 해당 주파수의 삼각파가 따뜻한 몸통을, 한 옥타브 높은 작은 사인파가 둥근 고음을 만들고, 8 ms 어택의 게인 엔벌로프를 통과합니다. 서스테인이 꺼져 있으면 약 반초 동안 감쇠하고, 켜져 있으면 페달을 밟듯 거의 세 초 동안 울립니다.
모든 브라우저에서 MIDI 입력이 되나요?
Web MIDI는 Chromium 브라우저인 Chrome, Edge, Opera, Brave에서 지원합니다. Safari와 Firefox는 기본 제공하지 않습니다. 버튼에 지원 여부 확인이 있어 미지원 브라우저에서는 안내만 표시됩니다. 건반 클릭과 컴퓨터 키보드 입력은 계속 사용할 수 있습니다.
피아노를 배우기에 충분한가요?
음이름, 음계, 음정, 화음 모양 같은 건반 배치를 익히고 정확한 주파수로 청음을 연습하기에 좋습니다. 다만 컴퓨터 키는 타건 속도에 반응하지 않아 터치 강약을 배울 수 없습니다. 실제 피아노나 MIDI 건반으로 옮겨도 익힌 배치는 그대로 적용됩니다.
소리가 들리지 않는 이유는 무엇인가요?
브라우저는 사용자 조작 후에만 소리를 허용하므로 오디오 엔진은 첫 클릭이나 키 입력 때 시작됩니다. 계속 조용하다면 이 페이지의 음량 슬라이더, 시스템 출력 장치, 탭 음소거 여부를 확인하세요. 음 표시창은 소리와 관계없이 갱신되므로 입력이 인식되는지 확인할 수 있습니다.