컴퓨터 키보드로 바로 치는 가상 피아노 연주법과 멜로디 치트시트
가상 피아노는 실제 피아노 건반이 없어도 컴퓨터 자판(QWERTY 키보드)이나 스마트폰 터치만으로 음악을 연주할 수 있는 편리한 웹 악기입니다.
자판의 아랫줄(Z~M)은 낮은 음역대(왼손 반주용), 윗줄(Q~I)은 높은 음역대(오른손 멜로디용)로 배치되어 있어 실제 2단 피아노를 치는 것처럼 자연스럽게 연주를 즐길 수 있습니다.
아래 치트시트를 참고하여 악보를 볼 줄 몰라도 자판 순서대로 눌러서 대표적인 노래들을 바로 연주해보세요!
누르면 즉시 울리는 빠른 반응
자판을 누르는 순간 지연 시간 없이 깨끗하고 청아한 소리가 즉시 출력됩니다.
4가지 다채로운 악기 소리
클래식 그랜드 피아노부터 감성적인 일렉 피아노, 오르간, 신디사이저까지 지원합니다.
소리를 풍성하게 만드는 페달
스페이스바를 눌러 서스테인 페달을 켜면 건반에서 손을 떼어도 부드러운 잔향이 이어집니다.
1. 초보자도 바로 칠 수 있는 쉬운 노래 자판 순서 치트시트
피아노 악보를 몰라도 아래 표의 키보드 자판을 순서대로 누르면 익숙한 노래들이 완성됩니다. 윗줄 자판(Q~I)을 중심으로 가볍게 눌러보세요.
| 곡 제목 | 난이도 | 키보드 누르는 순서 (계이름 안내) | 연주 팁 |
|---|---|---|---|
| 학교종이 땡땡땡 | 초급 | T T Y Y T T E / T T E E W (솔솔라라솔솔미 / 솔솔미미레) | 경쾌하고 일정한 박자로 연주해보세요. |
| 생일 축하 노래 | 초급 | Q Q W Q R E / Q Q W Q T R (도도레도파미 / 도도레도솔파) | 생일 파티에서 축하 연주로 선물하기 좋습니다. |
| 비행기 (떴다 떴다) | 초급 | E W Q W E E E / W W W / E T T (미레도레미미미 / 레레레 / 미솔솔) | 가장 기본적인 3개 음(도, 레, 미) 연습에 최고입니다. |
| 작은 별 (반짝반짝) | 초급 | Q Q T T Y Y T / R R E E W W Q (도도솔솔라라솔 / 파파미미레레도) | 스페이스바(서스테인)를 켜고 치면 더욱 감미롭습니다. |
| C 메이저 화음 (도미솔) | 기초 코드 | Z + C + B 동시 타건 (도 + 미 + 솔) | 왼손으로 세 키를 동시에 누르면 풍성한 C 코드가 울립니다. |
2. 4가지 악기 음색 특징과 추천 음악 장르
상단 툴바에서 원하는 악기 소리를 선택하여 곡의 분위기에 맞게 다양한 느낌으로 연주할 수 있습니다:
• 그랜드 피아노 (Grand Piano): 어쿠스틱 피아노 특유의 맑고 깊은 울림으로 클래식, 가요 발라드, 동요 연주에 가장 기본이 되는 소리입니다.
• 일렉트릭 피아노 (Electric Piano): 부드럽고 따뜻한 방울 소리(Bell tone)가 섞여 있어 재즈, 팝, R&B, 감성적인 로파이(Lo-Fi) 음악에 잘 어울립니다.
• 파이프 오르간 (Organ): 웅장하고 끊김 없이 길게 지속되는 성스러운 울림으로 클래식 성가나 록 음악 인트로에 적합합니다.
• 신디사이저 (Synth Lead): 톡톡 튀고 세련된 전자음으로 EDM, 댄스, 80년대 레트로 신스웨이브 음악을 연주할 때 추천합니다.
3. 웹 브라우저에서 피아노 소리를 만드는 기본 원리 (코드 예제)
웹 브라우저가 외부 오디오 파일 없이 피아노 음계를 직접 만들어내는 핵심 코드 원리입니다.
| 1 | // 브라우저에서 특정 주파수(음계) 소리를 부드럽게 재생하는 함수 |
| 2 | function playTone(frequency, duration = 1.0) { |
| 3 | const AudioContext = window.AudioContext || window.webkitAudioContext; |
| 4 | const ctx = new AudioContext(); |
| 5 | |
| 6 | const oscillator = ctx.createOscillator(); // 음파 발생기 |
| 7 | const gainNode = ctx.createGain(); // 볼륨 조절기 |
| 8 | |
| 9 | oscillator.type = 'triangle'; // 부드러운 삼각파 톤 |
| 10 | oscillator.frequency.value = frequency; // 예: 가온 도(C4) = 261.63Hz |
| 11 | |
| 12 | // 소리가 자연스럽게 서서히 줄어드는 볼륨 조절 |
| 13 | const now = ctx.currentTime; |
| 14 | gainNode.gain.setValueAtTime(0.3, now); |
| 15 | gainNode.gain.exponentialRampToValueAtTime(0.0001, now + duration); |
| 16 | |
| 17 | oscillator.connect(gainNode); |
| 18 | gainNode.connect(ctx.destination); |
| 19 | |
| 20 | oscillator.start(now); |
| 21 | oscillator.stop(now + duration); |
| 22 | } |
| 23 | |
| 24 | // 가온 도 (C4) 연주하기 |
| 25 | playTone(261.63, 1.2); |
| 1 | import numpy as np |
| 2 | import simpleaudio as sa |
| 3 | |
| 4 | # 주파수와 박자로 음표 소리 생성 |
| 5 | def play_note(freq, duration=0.5): |
| 6 | sample_rate = 44100 |
| 7 | t = np.linspace(0, duration, int(sample_rate * duration), False) |
| 8 | # 사인파 생성 및 볼륨 감쇠 |
| 9 | wave = 0.5 * np.sin(2 * np.pi * freq * t) * np.exp(-3 * t) |
| 10 | audio = (wave * 32767).astype(np.int16) |
| 11 | play_obj = sa.play_buffer(audio, 1, 2, sample_rate) |
| 12 | play_obj.wait_done() |
| 13 | |
| 14 | # 도(261Hz) - 미(329Hz) - 솔(392Hz) 연주 |
| 15 | play_note(261.63) # 도 |
| 16 | play_note(329.63) # 미 |
| 17 | play_note(392.00) # 솔 |
자주 묻는 질문 (FAQ)
Q.악보를 전혀 볼 줄 몰라도 연주할 수 있나요?
네, 전혀 문제없습니다! 본 가상 피아노는 건반 위에 계이름(도, 레, 미)과 매칭되는 컴퓨터 자판(Z, X, C, Q, W, E...)이 함께 표시되어 있어, 글자를 타이핑하듯이 건반을 누르기만 해도 쉽게 연주할 수 있습니다.
Q.키보드로 쳤을 때 소리가 안 나거나 작을 때는 어떻게 하나요?
1. 화면의 아무 건반이나 마우스로 한 번 클릭하여 오디오를 활성화해주세요. 2. 컴퓨터 본체 및 스피커 볼륨과 피아노 상단의 볼륨 슬라이더가 70% 이상인지 확인해주세요. 3. 스마트폰(특히 아이폰)의 경우 기기 측면의 무음(진동) 스위치가 켜져 있으면 소리가 나지 않으므로 벨소리 모드로 변경해주세요.
Q.스페이스바(서스테인 페달)는 어떻게 활용하나요?
실제 피아노에서 발로 페달을 밟으면 건반에서 손을 떼어도 소리가 길게 울려 퍼집니다. 본 도구에서 스페이스바(Space)를 눌러 서스테인을 켜면 잔향이 길어져 느린 발라드나 감미로운 멜로디를 연주할 때 훨씬 풍성하고 아름다운 소리를 만듭니다.
Q.녹음 기능은 어떻게 사용하나요?
상단 툴바의 [녹음 시작] 버튼을 누른 뒤 피아노를 연주하고, 연주가 끝나면 [녹음 중지]를 누르세요. 이후 활성화되는 [녹음 재생] 버튼을 누르면 내가 연주한 멜로디를 박자와 음정 그대로 다시 들을 수 있습니다.