PLAY · PRACTICE · RECORD
온라인 피아노 키보드
설치 없이 화면 건반이나 컴퓨터 키보드를 눌러 바로 연주하세요. 두 옥타브 건반과 다양한 음색, 서스테인, 녹음, 메트로놈을 한곳에서 사용할 수 있습니다.
VIRTUAL PIANO
가상 피아노 연주
Z~M은 낮은 옥타브, Q~U는 높은 옥타브입니다. 여러 키를 함께 눌러 화음을 연주할 수 있습니다.
RECORDER
연주 녹음
누른 음과 길이를 최대 2분 동안 기록해 바로 다시 들어보세요.
PRACTICE
코드와 박자 연습
KEY MAP
컴퓨터 키보드 건반 배치
Space 서스테인 · ←→ 옥타브 이동 · Esc 모든 음 정지
ONLINE PIANO GUIDE
온라인 피아노 사용법과 연주 안내
온라인 피아노는 브라우저의 Web Audio 기능으로 음을 실시간 생성하는 가상 악기입니다. 화면 건반을 누르거나 컴퓨터 키보드를 사용해 멜로디와 화음을 연주하고, 메트로놈에 맞춘 연습을 녹음해 다시 확인할 수 있습니다.
화면 건반 연주
흰 건반과 검은 건반을 마우스나 손가락으로 누르세요. 포인터를 누르고 있는 동안 음이 유지되며 손을 떼면 자연스럽게 줄어듭니다. 여러 손가락을 사용하는 터치 기기에서는 화음도 연주할 수 있습니다.
컴퓨터 키보드 연주
아래쪽 Z~M 키는 낮은 옥타브, 위쪽 Q~U 키는 높은 옥타브에 대응합니다. 검은 건반은 S·D·G·H·J와 숫자 2·3·5·6·7에 배치했습니다.
옥타브 이동
옥타브 ± 버튼이나 좌우 화살표 키로 전체 건반 음역을 이동합니다. 낮은 반주를 연습할 때는 옥타브를 내리고, 높은 멜로디가 필요할 때는 올리세요. 연주 중 이동하면 남아 있는 음은 안전하게 정지합니다.
서스테인 사용
서스테인을 켜면 건반에서 손을 떼어도 음의 여운이 이어집니다. 화면 버튼으로 고정하거나 Space 키를 누르고 있는 동안만 사용할 수 있습니다. 화음이 지나치게 겹치면 모든 음 정지를 누르세요.
네 가지 음색
그랜드는 짧은 타격과 감쇠, 일렉트릭은 부드러운 배음, 오르간은 누르는 동안 일정한 소리, 소프트는 느린 시작과 긴 여운으로 구성했습니다. 실제 피아노 샘플이 아닌 합성 음색입니다.
녹음과 재생
녹음을 누른 뒤 연주하면 음의 시작 시점과 길이가 현재 브라우저에 기록됩니다. 정지 후 재생 버튼으로 확인할 수 있으며 페이지를 새로 열면 기록은 사라집니다. 녹음 한도는 2분입니다.
메트로놈 연습
BPM을 40~220 사이로 설정하고 메트로놈을 시작하세요. 느린 속도에서 양손과 리듬을 정확하게 맞춘 뒤 3~5 BPM씩 올리면 안정적으로 연습할 수 있습니다.
기본 코드 연습
C 장조, F 장조, G 장조, A 단조 버튼은 세 음을 동시에 들려줍니다. 먼저 코드의 울림을 듣고 같은 건반을 직접 찾아 눌러보세요. 옥타브 설정에 따라 코드 음역도 함께 이동합니다.
소리가 나지 않을 때
브라우저는 사용자 동작 전에 소리를 자동 재생하지 못하게 할 수 있습니다. 화면 건반을 직접 누른 뒤 기기 볼륨, 무음 모드, 블루투스 출력 장치와 브라우저 탭 음소거 상태를 확인하세요.
소리 지연 줄이기
무선 이어폰은 연결 방식에 따라 지연이 느껴질 수 있습니다. 정확한 타이밍 연습에는 기기 스피커나 유선 이어폰이 유리하며, 다른 무거운 탭을 닫으면 처리 지연을 줄이는 데 도움이 됩니다.
피아노 음이름
영문 음이름 C·D·E·F·G·A·B는 도·레·미·파·솔·라·시에 해당합니다. C4는 보통 가온다로 부르는 기준 음역이며 A4는 일반적으로 440Hz를 기준으로 조율합니다.
개인정보와 저장
연주 음과 녹음 데이터는 서버로 전송하지 않고 현재 페이지 메모리에서만 처리합니다. 마이크 권한도 사용하지 않습니다. 중요한 연주를 영구 보관하는 전문 녹음 기능은 아닙니다.
온라인 피아노 자주 묻는 질문
온라인 피아노는 무료인가요?
네. 설치와 회원가입 없이 무료로 사용할 수 있으며 별도의 피아노 음원 파일을 내려받지 않습니다.
스마트폰에서도 화음을 연주할 수 있나요?
브라우저가 다중 터치 포인터 입력을 지원하면 여러 건반을 동시에 누를 수 있습니다. 화면이 좁을 때는 건반 영역을 좌우로 이동하세요.
컴퓨터 키보드 키가 입력되지 않아요.
주소창이나 다른 입력창에 초점이 있으면 연주 단축키가 작동하지 않습니다. 페이지의 빈 영역이나 건반을 한 번 누른 뒤 Z~M 또는 Q~U 키를 사용하세요.
연주 녹음은 오디오 파일인가요?
아닙니다. 누른 음과 시간을 브라우저 메모리에 기록해 같은 합성 음색으로 다시 재생하는 방식입니다. 페이지를 닫거나 새로고침하면 삭제됩니다.
MIDI 키보드를 연결할 수 있나요?
현재 버전은 화면과 일반 컴퓨터 키보드 입력을 지원하며 외부 MIDI 장치 연결은 지원하지 않습니다.
Web Audio API의 AudioContext, OscillatorNode와 GainNode를 이용해 음정과 볼륨 엔벌로프를 생성합니다. 브라우저와 출력 기기에 따라 음색과 지연 시간이 달라질 수 있습니다.
MDN Web Audio APIMDN 가상 키보드 예제