What Is Online Piano?
Online Piano is a virtual piano that runs entirely in your browser. It produces realistic sounds using Web Audio synthesis, supporting four distinct instruments: Grand Piano, Electric Piano, Organ, and Synth. You can play using your computer keyboard, mouse, touchscreen, or even a connected MIDI keyboard.
Beyond just playing, Online Piano includes a recording studio to capture your performances and export them as MP3 files, a song library with demo and interactive learn modes, and a built-in metronome to help you keep time.
Who Is This For?
Beginners
Music Students
Casual Players
Songwriters
Anyone Curious
Key Highlights
Four Instruments
Switch between Grand Piano, Electric Piano, Organ, and Synth for different musical styles
Full Keyboard Control
Play with computer keys, mouse clicks, touch gestures, or MIDI controllers
Recording & Export
Record your sessions and download them as MP3 audio files
Learn Songs
Follow along with highlighted keys to learn popular melodies
Built-in Metronome
Keep steady rhythm with an adjustable BPM metronome
Your Privacy
- No uploads - Your recordings stay on your device
- No tracking - We don't collect any usage or audio data
- Works offline - Once loaded, no internet connection is needed to play
- 1. What Is Online Piano?
- 2. How to Use Online Piano
- 3. Features
- 4. Frequently Asked Questions
- 4.1. Why is there no sound when I press keys?
- 4.2. Can I play chords (multiple notes at once)?
- 4.3. How do I change the octave range?
- 4.4. What format are recordings saved in?
- 4.5. How many recordings can I save?
- 4.6. Does the MIDI keyboard button work on all browsers?
- 4.7. Can I use the piano without an internet connection?
- 4.8. Why does Learn mode not advance to the next note?
- 4.9. Is my data stored on any server?
How to Use Online Piano
Start playing immediately by clicking on the piano keys or using your computer keyboard. The piano produces sound instantly with no setup required.
Playing with Computer Keyboard
The keyboard layout mirrors a real piano:
Primary Octave Keys
- A, S, D, F, G, H, J - White keys (C through B)
- W, E, T, Y, U - Black keys (sharps/flats)
Lower Octave Keys
- Z, X, C, V, B, N, M - White keys in the lower octave
Upper Octave Keys
- K, L, O, P - Extended notes in the upper octave
Special Controls
- Space - Hold for sustain pedal effect
- Shift + ←/→ - Shift keyboard mapping up or down an octave
Playing with Mouse or Touch
Click or tap any key to play it. Hold and drag across keys for a glissando effect. On touchscreens, the piano is optimized with larger keys for comfortable playing.
Changing Instruments
Use the instrument dropdown in the top-left corner to switch between four sounds:
Grand Piano
Electric Piano
Organ
Synth
Navigating Octaves
Use the arrow buttons above the keyboard to shift the visible range. The label shows the current range (e.g., C3 - B5). On desktop, three octaves are visible; on mobile, two octaves are shown with wider keys.
Recording Your Performance
Start Recording
Press the Record button (red circle) in the bottom bar
Play Your Piece
Play your piece - the timer shows elapsed time
Stop Recording
Press Record again to stop
Save or Export
Use Play to hear it back, Save to keep it, or Download to export as MP3
Using the Song Library
Open Library
Click the music icon in the toolbar to open the Song Library
Demo Mode
Choose a song and click the Play button for a demo - the piano plays automatically
Learn Mode
Click L to enter Learn mode - the next note to play lights up in yellow
Progress
Press the correct key to advance to the next note
Using the Metronome
Click the clock icon in the toolbar to open the metronome dropdown. Press the play button to start the beat, and use the +/- buttons or type a value to adjust the BPM (40-240 range).
Connecting a MIDI Keyboard
Click the plug icon to enable MIDI input. Your browser will ask for permission to access MIDI devices. Once connected, play your MIDI keyboard and the virtual piano will respond in real time.
Features
Multiple Instruments
Choose from four synthesized instruments, each with a unique character:
Grand Piano
- Harmonic overtones
- Rich acoustic feel
- Classic sound
Electric Piano
- FM synthesis
- Warm, bell-like tones
- Modern character
Organ provides sustained drawbar-style sound perfect for chords. Synth delivers a modern analog feel with sawtooth oscillators and a resonant filter.
Flexible Input Methods
Play using whatever is most comfortable:
Computer Keyboard
Intuitive layout that mirrors a real piano
Mouse Clicks
Precise note selection with point and click
Touch & Drag
Glissando effects on mobile devices
MIDI Keyboard
Most natural experience with physical keys
Recording Studio
Capture your performances with the built-in recorder. Each recording stores every note event with precise timing, allowing accurate playback.
- Save up to 10 recordings in your browser's local storage
- Name recordings for easy identification
- Download any recording as a high-quality MP3 file
- Playback with exact timing preservation
Song Library with Learn Mode
Five popular songs are included:
Twinkle Twinkle Little Star
Mary Had a Little Lamb
Ode to Joy
Happy Birthday
Jingle Bells
Use Demo mode to hear how a song sounds, then switch to Learn mode where each note lights up on the keyboard and waits for you to play it correctly before advancing.
Built-in Metronome
A metronome with adjustable tempo from 40 to 240 BPM helps you maintain steady timing.
- Visual beat indicator flashes with each tick
- Accent on the first beat of each measure
- Compact dropdown design keeps toolbar clean
- Quick access to tempo controls
MIDI Keyboard Support
Connect any standard MIDI keyboard through your browser's Web MIDI API. The piano automatically detects connected devices and maps incoming note-on and note-off messages to the virtual keyboard, complete with velocity sensitivity.
Sustain Pedal
Hold the Space bar to activate the sustain pedal. Notes continue to ring after you release the keys, just like a real piano's sustain pedal. Release Space to dampen all sustained notes.
Responsive Design
The piano adapts to your screen size:
Wide Display
- Three octaves displayed
- Wide playing range
- Full toolbar controls
Touch Optimized
- Two octaves with larger keys
- Comfortable touch experience
- Streamlined toolbar
Frequently Asked Questions
Why is there no sound when I press keys?
Modern browsers require a user interaction (click or keypress) before allowing audio playback. Simply click anywhere on the page first, then try playing again.
- Check that your device volume is not muted
- Verify the in-app volume slider is not set to zero
- Click anywhere on the page to enable audio
Can I play chords (multiple notes at once)?
Yes. Press multiple keyboard keys simultaneously to play chords. The piano supports polyphonic playback with no practical limit on the number of simultaneous notes.
How do I change the octave range?
Use the left and right arrow buttons above the keyboard to shift the visible octave range. You can also press Shift + ←/→ on your keyboard to shift which octave your keyboard shortcuts map to, without changing the visible range.
What format are recordings saved in?
Recordings are stored as note event data in your browser's local storage. When you download a recording, it is encoded as an MP3 file. If MP3 encoding fails for any reason, a WebM audio file is provided as a fallback.
How many recordings can I save?
You can save up to 10 recordings. When you save an 11th recording, the oldest one is automatically removed. Downloaded MP3 files are saved to your device and are not affected by this limit.
Does the MIDI keyboard button work on all browsers?
Web MIDI API is supported in Chromium-based browsers (Chrome, Edge, Opera, Brave). Firefox and Safari currently do not support this feature. If your browser does not support MIDI, the button is automatically hidden.
Can I use the piano without an internet connection?
Once the page is loaded, all sounds are generated locally using Web Audio synthesis. No internet connection is needed to play, record, or use any feature. However, you need to be online to initially load the page.
Why does Learn mode not advance to the next note?
Learn mode requires you to play the exact note shown (correct pitch and octave). Make sure you are playing in the right octave range.
- Use the octave navigation buttons to shift the keyboard if needed
- The highlighted key in yellow shows exactly which key to press
- Verify you're playing the correct octave (not just the right note name)
Is my data stored on any server?
No. All recordings and settings are stored only in your browser's local storage. Nothing is uploaded to any server. Clearing your browser data will remove saved recordings.
No comments yet. Be the first to comment!