Music Tool

Play Piano Instantly in Your Browser

A full 3-octave piano keyboard that runs entirely in your browser. Click keys, tap on touch screens, or use your computer keyboard to play notes and chords. No app, no sign-in, no cost.

Start Playing
Play Piano Instantly in Your Browser
Free Tool

Virtual Online Piano Keyboard

Click keys, use your touch, or play with your computer keyboard. 3 octaves · polyphonic · no sign-in needed.

Volume70%
Sound

Click any key or press a keyboard key to enable audio.

ZC3
XD3
CE3
VF3
BG3
NA3
MB3
QC4
WD4
EE4
RF4
TG4
YA4
UB4
IC5
OD5
PE5
S
D
G
H
J
2
3
5
6
7
9
0

Keyboard Map

Octave 3 (lower)

White keys: Z X C V B N M

Black keys: S D  G H J

Octave 4 (middle)

White keys: Q W E R T Y U

Black keys: 2 3  5 6 7

Octave 5 (upper)

White keys: I O P

Black keys: 9 0

Piano chord being played on a keyboard
01

Full Polyphonic Sound

Try It Now
Audio waveform types visualised
02

4 Waveform Tones

Explore Sounds
Computer keyboard mapped to piano keys
03

Computer Keyboard Mapping

See the Map
How It Works

Start playing in three steps

1

Open the page

The piano loads instantly in your browser. No download, no installation, no sign-in. Just open the page.

2

Click or tap any key

Click white or black keys with your mouse, tap on a touch screen, or press the mapped computer keyboard keys. Audio activates on your first interaction.

3

Play notes and chords

Hold multiple keys at once for chords. Adjust the volume slider, switch waveforms to change the tone, and toggle labels for guidance.

Deep Dive

How the Browser Piano Works

The piano uses the Web Audio API built into every modern browser — no plugins or downloads needed.

How the Browser Piano Works
01

Web Audio API — No Plugin Needed

The Web Audio API is a standard built into Chrome, Firefox, Safari, and Edge. It generates audio in real time using the device's own audio hardware — no Flash, no Java, no external dependencies.

Browser supportAll modern browsers on desktop and mobile
LatencyNear-zero — audio plays on the same frame as the key press
02

Oscillators and ADSR Envelopes

Each key press creates an oscillator node running at the exact frequency for that note (A4 = 440 Hz). A gain envelope shapes the sound with a fast attack, short decay, sustained level, and smooth release when you lift the key.

Attack10 ms — instant response on key press
Release300 ms — natural fade when key is released

The triangle waveform is closest to an acoustic piano because it contains primarily the fundamental frequency with very low harmonic content.

03

Polyphony — Multiple Notes at Once

Every key press spawns its own independent oscillator and envelope. There is no voice-stealing — you can hold as many keys as you like simultaneously, limited only by your browser's audio context.

Chord supportTriads, seventh chords, full voicings
Keyboard chordsHold multiple keyboard keys at the same time
04

Tuning — Equal Temperament at A4 = 440 Hz

Every note frequency is calculated from A4 = 440 Hz using the equal temperament formula: f = 440 × 2^((n−69)/12), where n is the MIDI note number. This matches every standard tuner and instrument.

StandardA4 = 440 Hz (concert pitch)
Tuning system12-tone equal temperament

All audio is generated locally in your browser. Nothing is sent to any server. Your playing session is completely private.

Benefits

Why Use This Piano

🎹

No Installation

Runs entirely in your browser. Open the page and play immediately.

🎵

Polyphonic Chords

Hold multiple keys at once for full chords and voicings.

⌨️

Keyboard Shortcuts

Three full octaves mapped to your computer keyboard for hands-on practice.

🔊

4 Waveform Tones

Switch between Triangle, Sine, Square, and Sawtooth in real time.

Who Uses It

Who Uses the Virtual Piano

From beginners learning their first scale to developers testing audio apps — here are the most common uses.

People using a virtual piano keyboard
01

Beginners Learning Piano

Get familiar with the layout of the keyboard and hear the sound of each note before committing to a physical instrument. The on-screen key labels show note names and keyboard shortcuts for guided practice.

Tip: start with the C major scale — the white keys from C to C.

02

Music Theory Students

Build and hear intervals, triads, seventh chords, and scales directly in the browser. Holding keyboard keys simultaneously lets you compare how different chord voicings sound.

03

Songwriters and Composers

Quickly sketch a melody or chord progression without opening a full DAW. The piano is always one browser tab away for capturing musical ideas on the fly.

WorkflowSketch ideas fast, then export to your DAW
04

Teachers and Classrooms

Project the piano on a screen for demonstrations. Students can follow along on their own devices — no software installation required for anyone.

05

Developers Testing Web Audio

A working reference implementation of the Web Audio API with oscillators, gain envelopes, and polyphony. Useful as a starting point or a live test bed.

APIs usedAudioContext, OscillatorNode, GainNode
06

Casual Players and Hobbyists

Sometimes you just want to noodle on a piano without setting up anything. The virtual keyboard is always ready with no configuration needed.

Runs entirely in your browser. No server calls, no sign-in.

Frequently Asked Questions

Do I need to install anything to play?

No. The piano runs entirely in your browser using the Web Audio API. No plugins, no apps, and no sign-in are required. Just open the page and click a key.

How do I play with my computer keyboard?

The lower letter row (Z X C V B N M) plays Octave 3 white keys, with S D G H J for the black keys. The top row (Q W E R T Y U) plays Octave 4 white keys, with 2 3 5 6 7 for the black keys. I O P cover Octave 5 white keys (9 0 for sharps). Hold multiple keys simultaneously for chords.

Can I play chords?

Yes. The piano is fully polyphonic. You can press multiple mouse buttons, touch multiple keys on a touch screen, or hold several keyboard keys at the same time to play chords.

Does it work on mobile and tablet?

Yes. The keyboard responds to touch events on any touch-screen device. Scroll horizontally to reach all three octaves on smaller screens.

What do the Sound options do?

The Sound selector changes the oscillator waveform. Triangle gives a warm, mellow tone closest to an acoustic piano. Sine produces a pure, smooth tone. Square has a hollow, organ-like character. Sawtooth is bright and buzzy, similar to a synth lead.

Why is there no sound when I first open the page?

Modern browsers block audio before the user interacts with the page. Click any key or press a keyboard key once and audio will activate for the rest of your session.

Get Started Free

Ready to Play?

Scroll back up to the keyboard, click a key, and start making music right now.